INDE DIGITAL / Identity system / v1.0

One idea.
In motion.

Human creativity moving through digital systems.

01 / The idea

FLOW is the connection.

The mark represents an idea. Its movement represents execution. Its destination represents impact. Strategy, creativity, performance and automation belong to one connected system.

The supplied silhouette is preserved in a smooth vector trace. The new system standardises colour, lockup proportions and spacing. Its tilted dot, connected loops and rising terminal remain recognisable.

Orange = energyNavy = trustWhite = clarityMotion = growth

02 / A responsive logo family

Distinctive at every scale.

Vector logos have outlined lettering. Use SVG for sharp digital and print reproduction, and transparent PNG for everyday tools.

Protect the shape.

Keep clear space equal to the dot height on every side. Never stretch, add effects, redraw the loops or replace the mark with a generic symbol.

Choose the right size.

Use the symbol alone in compact spaces. Use the navy tile favicon at 16–32px, the symbol at 64px and above, and the horizontal lockup from 160px wide.

16px

32px

64px

03 / Colour

Energy, with restraint.

Aim for roughly 80% clean space, 15% navy and 5% orange across a composition. Treat this as a hierarchy, not a rigid pixel quota.

Orange

#FF6200
RGB 255, 98, 0
CMYK ≈ 0, 62, 100, 0

Navy

#0B2347
RGB 11, 35, 71
CMYK ≈ 85, 51, 0, 72

White

#FFFFFF
RGB 255, 255, 255
CMYK ≈ 0, 0, 0, 0

Off white

#F7F7F5
RGB 247, 247, 245
CMYK ≈ 0, 0, 1, 3

Soft orange

#FFF0E8
RGB 255, 240, 232
CMYK ≈ 0, 6, 9, 0

Grey

#667085
RGB 102, 112, 133
CMYK ≈ 23, 16, 0, 48

Readability comes first.

Navy on white: 15.61:1. Navy on orange: 5.20:1. White on orange: 3.00:1 — avoid that pairing for text. Use orange as a graphic accent and navy for body copy and button labels. The orange display headline is a decorative brand treatment; the accessible #E85600 orange (3.40:1 against off white) is used for the live headline.

CMYK values are approximate conversions. Confirm the print profile and proof the orange with your printer.

04 / Typography

Manrope.
A clear point of view.

Aa Bb Cc Dd Ee
0123456789

800 / Display64–164px / 0.99 / −0.06em

700 / Heading32–76px / 1.12 / −0.04em

600 / Subheading22–32px / 1.25 / −0.02em

500 / Label & navigation14px / 1.5 / 0 to +0.06em

400 / Body16–22px / 1.65 / 0

Size / line height / tracking. Display sizes scale down for mobile. Keep regular body copy at 16px or above. Font included under the SIL Open Font License.

05 / Graphic and motion system

The line has a purpose.

Connect, reveal, respond.

Use curves derived from the mark to connect stages, reveal an idea or lead to an action. Use single-weight line icons, thin dividers and generous space. Keep corners modest and shadows rare.

Make movement useful.

Interaction: 180–240ms. Section reveal: 600ms. Logo entrance: 1,500ms. Animate opacity and transforms. No scroll hijacking. Respect reduced motion and provide a motion toggle.

We build. We test. We learn.

Good ideas. Better execution.

Let’s make something matter.

06 / Brand in use