Brand kit
One visual system. Every surface.
Understanding What Is. Revealing What Could Be. These are the assets and rules that keep the mark, the palette and the typography consistent wherever the brand shows up.
Logo variants
Three variants cover every header, footer and dark/light state. Hover a mark to see the circuit glow — it stays still for anyone who prefers reduced motion.
Colour palette
Ink / background
#0A0A0C
Base canvas
Surface
#101116
Cards, footer
Surface 2
#171922
Raised panels
Electric cyan
#22D3EE
Accent, links, focus
Signal blue
#2563EB
Gradients, charts
Foreground
#E8ECF4
Body copy
Muted
#8A93A6
Secondary copy
Border
#23262F
Grid lines, hairlines
Typography
Display
Space Grotesk
600 · -0.02em · clamp(2.5rem, 6vw, 4.5rem)
Heading
Space Grotesk
600 · -0.01em · 1.5–2.25rem
Body
Manrope
400 · 1.65 line-height · 1rem
Label / terminal
JetBrains Mono
500 · 0.18em tracking · 0.75rem uppercase
Spacing & usage rules
Base unit
4px. Every gap, pad and inset is a multiple of 4.
Section rhythm
py-20 mobile → py-28 desktop between major sections.
Container
max-w-7xl with px-5 mobile / px-8 desktop gutters.
Logo clear space
Keep clear space equal to half the mark's height on all sides.
Minimum size
Never render the mark below 24px; use the high-contrast variant under 32px.
Radius & lines
Radius 8px for cards, 6px for controls. Hairlines at 1px border colour.
Let's Connect
Interested in marketing intelligence, data, automation or an interesting technology project? Let's start a conversation.