Brand guidelines

Captured signal. Preserved evidence.

Passive process-attributed network capture for games.

Colour

Identity accent

Hue 215.7 in OKLCH. 37.6 degrees clear of the nearest sibling identity accent.

primary
#27C7E7
brand-accent-deep
#006F82
brand-emphasis
#FF5300
destructive
#E9505F

Product surface

background
#050708
card
#0B1115
secondary
#101A20
border
#262626
muted-foreground
#9A9A9A
Light surfaces

The bright accent #27C7E7 measures 1.9:1 on the light reading surface and is never text there. The light block substitutes #006F82 at 5.49:1. The legal foreground on an accent fill is #000000 at 10.41: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 512 × 512 units, clear space 34 units (6.6 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