Brand guidelines

See what is known.

An evidence-backed knowledge graph and a policy-enforcing context compiler.

Colour

Identity accent

Hue 311.8 in OKLCH. 58.5 degrees clear of the nearest sibling identity accent.

primary
#C659FF
brand-accent-deep
#BF36FF
brand-emphasis
#FF5300
destructive
#E9505F

Product surface

background
#0A0910
card
#13111D
secondary
#15131E
border
#262626
muted-foreground
#9A9A9A
Light surfaces

The bright accent #C659FF measures 3.15:1 on the light reading surface and is never text there. The light block substitutes #A000EC at 5.33:1. The legal foreground on an accent fill is #000000 at 6.27:1.

Colour

Chart colors

Chart colors serve data visualization. Brand applications use the identity accent and the neutral surfaces. Each chart color is derived from the accent, clears 4.5:1 on its surface, and remains separate from warning and failure states.

Type and components

Space Grotesk, Geist, Geist Mono

Display
Heading

Body in Geist at 400. Geist ships 400 and 500 only; asking for 700 makes the renderer synthesise a faux bold.

0O 1lI 8B 5S 2Z
Components
ok warn fail
tokenvalue
radius6 / 8 / 12 / 16
spacing4 8 12 16 24 32 48 64
focus2px ring, 2px offset
Logo

Mark and lockup

Canvas 1000 × 1000 units, clear space 100 units (10.0 percent of artwork width). Below 32 px the reduced master takes over.

Fixed lockup proportions

lockupmark heightgapalignment
horizontal160 units34 unitsoptical center
stacked1.80C0.45Ccentered on wordmark ink width

The horizontal row records its approved master composition. C is the outlined wordmark cap height used by the stacked lockup. X is the 70-unit G channel. Keep one X clear around every master. Never resize the mark and wordmark independently.

A ShruggieTech project