Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
National Geographic
MediaNational Geographic embodies exploration and discovery through its signature yellow frame aesthetic, creating a bold, cinematic experience that transforms every story into an expedition. The typography combines robust institutional weight with adventure-ready clarity, evoking both scientific authority and wanderlust.
Design Identity
Signature Color
Explorer's Gold
#FFCC00
Discovery, optimism, and the golden hour of exploration - representing the moment when adventure begins
Visual Identity
The distinctive yellow rectangular frame that borders content, creating a window-like viewport that makes every image feel like you're peering through a viewfinder into an undiscovered world.
Component Style
Clean, frameless buttons with sharp corners and bold typography that feel like expedition labels. The 'START EXPLORING' button uses the signature yellow with high contrast black text, creating urgency and adventure. Cards and content blocks use minimal styling to let photography dominate.
Spacing Philosophy
Generous breathing room around hero content with dramatic full-width layouts that let photography breathe. Content is organized in clear, magazine-style grids with substantial gutters that create a premium editorial feel.
Design Principles
- Yellow accents never appear without purpose - always marking key actions or discovery moments
- Typography scales dramatically from 12px navigation to 54px headlines with 81px line height
- Full-width photography bleeds create immersive, cinematic experiences
- Content cards maintain clean edges with minimal borders
- White text over dark imagery ensures readability in any environment
Target Audience
Curious explorers and lifelong learners who value authoritative storytelling and seek to understand our planet through science, culture, and adventure
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | 18.4px | |
| h2 | 54px | 400 | 81px | |
| h3 | 28px | 400 | 33.992px | |
| p | 15px | 500 | 20px | |
| a | 16px | 400 | 18.4px | |
| button | 12px | 400 | 18px | |
| input | 14px | 400 | 20.006px | |
| nav | 16px | 400 | 18.4px | |
| header | 16px | 400 | 18.4px | |
| footer | 16px | 400 | 18.4px |
Color Palette
No colors extracted