Brand System
Resources for presenting Haiku consistently.
DeFi’s execution engine.
Define the outcome, not the steps.
Horizontal Lockup
Lockup (Brand)
Orange bird + black wordmark. Primary usage.
Lockup (Inverted)
Orange bird + white wordmark. Use on dark.
Lockup (Black)
Monochrome black. Print, merchandise.
Lockup (White)
Monochrome white. Dark materials.
Icon
Icon (Brand)
Orange bird. Favicons, app icons, UI.
Icon (Black)
Monochrome black. Simplified contexts.
Icon (White)
Monochrome white. Dark surfaces.
Use the full-color lockup whenever possible. For official partner announcements, use the approved assets and keep enough contrast for the logo to remain clear.
Core Palette
Brand Orange
#F74D17
Logo mark, brand moments
Action Orange
#E06943
Primary CTAs, active nav
Off-White
#FCFCFC
Light background
Near Black
#1A1A1A
Text, headings
Interaction States
Default
#E06943
Hover
#E97135
Pressed
#D2633E
Dark Terminal Tokens
Usage Examples
Primary button on terminal background
Active nav with Action Orange indicator
Panel with muted label, primary value, accent token
Table rows with border token and status colors
Rules
Brand Orange is identity only. Do not use for primary actions.
Action Orange is reserved for user action and selected state.
Orange buttons use Near Black text, never white.
Hover state brightens. Pressed state darkens.
Dark UI uses neutral contrast first, orange second.
Click any swatch or row to copy hex value.
Primary
Familjen Grotesk
Headings, body copy, UI text.
Monospace
IBM Plex Mono
Data, code, nav labels, buttons.
Use Familjen for explanation. Use IBM Plex Mono for data, controls, and execution states.
Write “Haiku” exactly. Never “haiku” or “HAIKU”.
Describe Haiku as “DeFi’s execution engine.”
Do not call Haiku a DEX aggregator, swap tool, or intent solver.
Use: “Complex strategies. Atomic execution.”
Press and co-marketing: contact@haiku.trade