Brand Guide
Brand Guide
A living guide for Eden's human-and-systems brand: thesis, layout, Home media, typography, voice, visual assets, motion, and implementation rules.
Build systems from chaos.
Use it in order
Rules first, visuals second, application last. The guide is grouped into a Foundation layer, a Surface system, and Content usage, and runs through nine numbered sections: core philosophy, design rules, layout numbers, visual system, type and rhythm, voice, application, story content, and motion language.
The numbers pages must follow
Buttons and inputs keep a 44px minimum height, a hero carries at most two buttons, headlines sit at 0.98 to 1.08 line height, desktop sections are spaced 80 to 160px and mobile 48 to 96px, cards use 24 to 32px radius, home media banners are 16:9, and grids step from 4 columns on desktop to 2 on tablet and 1 on mobile.
Color is signal: six base tokens from Paper to Deep, with Eden Mint as the light-mode accent and an orange accent in dark mode. Type stays simple; motion stays light and lives on visible objects rather than on backgrounds.
Voice and story
Voice makes the help clear with avoid-and-prefer pairs. Story content records real moments: log the moment, not the score; only what actually happened; short nicknames; people first, cards second. The guide is reconciled against the live homepage and the change log.