Brand & logo system
One mark. Every background.
The split-7 mark — coral top bar for Vibe, indigo leg for Governed — is the visual anchor of Dual7. Use the approved variants below. Never recreate or recolor.
Wordmark — on light backgrounds
Paper · #FFF
Primary · defaultlogo-light.svg
Surface · #F7F6F3
Cards · panelsink wordmark
Coral tint
Vibe sectionsink wordmark
Indigo tint
Governed sectionsink wordmark
Wordmark — on dark backgrounds
Ink · #17171F
Hero · nav · footerlogo-dark.svg
Coral · #FF5A35
Vibe CTA momentsink + inverted mark
Indigo · #5247E6
Governed momentswhite wordmark
Mark only & app icon — all sizes
Mark · light
64px
48px
32px
24px
16px
Avatar · faviconmark.svg
Mark · dark
64px
48px
32px
24px
Hero · dark UIalways coral + indigo
App icon
88px
56px
40px
28px
Tab · store · faviconicon.svg
Brand color tokens
Coral
Vibe
#FF5A35
Indigo
Governed
#5247E6
Ink
Text · dark surfaces
#17171F
Surface
Panels
#F7F6F3
Coral tint
Vibe fills
#FAECE7
Indigo tint
Governed fills
#ECEAFB
Logo usage rules
Always
- Light logo (dark wordmark) on white, surface or tinted backgrounds
- Dark logo (light wordmark) on Ink or very dark backgrounds
- Coral = top bar of the 7, indigo = descending leg. Always.
- Clearspace equal to the height of the 7's top bar on all sides
- App-icon variant for favicons, avatars and store listings
- Scale uniformly — width and height together
Never
- Swap coral and indigo — coral is always the top bar
- Recolor both fields to one flat color — it kills the dual meaning
- Add gradients, bevels, drop shadows or outlines to the logo
- Stretch, skew, rotate or rearrange the bar/leg proportions
- Place on a busy photo without an Ink or Paper backing shape
- Use below minimum size — 24px wordmark, 16px mark
Logo files
dual7-logo-light.svgdual7-logo-dark.svgdual7-mark.svgdual7-mark-animated.svgdual7-icon.svg
All files are SVG for infinite scalability. Rasterize to PNG at 2× for any bitmap context (email, slides, print).