Settings · brand system
Brand assets
Live catalog from @clarkkent/branding. Homepage header, app icon, and this page all draw the same mark.
After you edit the composition, regenerate rasters with pnpm --filter @clarkkent/branding assets:regen.
01
Composed lockup
What the sites and the app headers use. Nunito ExtraBold, always bold, always OutThere.
02
Color
Blue
#33B1FF
Rings, lenses, scarce kickers.
Ink
#0a0a09
App icon ground. Night desk.
Paper
#f2f0eb
Wordmark on ink.
Splash
#070604
Native launch ground.
03
Wordmark type
Nunito ExtraBold 800. Tracking -0.03em. Wordmark only. Always bold. Always OutThere — no space..
OutThere
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
04
React components
ScopeMark
Radar rings + oval glasses. Web SVG.
@clarkkent/branding/scope-markScopeMarkNative
Same mark for react-native-svg.
@clarkkent/branding/scope-mark-native- OutThere
LogoWordmark
Mark plus OutThere type.
@clarkkent/branding/logo-wordmark
05
Rasters
Served from this site. iOS and Android install icons are the same composition written to apps/mobile/assets/images/icon.png.
Lockup · OG
1200×630. Sites and share cards.
@clarkkent/branding/assets/og-1200x630.pngApp icon · 256
Rings and glasses only. iOS / Android source.
@clarkkent/branding/assets/logo-default-256.pngApp icon · 64
Favicon-scale mark.
@clarkkent/branding/assets/logo-default-64.pngChosen frame
Round-6 #04 — the mix we ship from.
