Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Skeleton
Climate TechSkeleton projects industrial confidence through dramatic Arial typography hierarchy and a distinctive cyan accent that cuts through twilight blue backgrounds. The brand feels like infrastructure software for serious technical teams - bold, utilitarian, and unapologetically functional.
Design Identity
Signature Color
Skeleton Cyan
#00BCD4
technical precision and grid infrastructure reliability
Visual Identity
Massive Arial headlines (64px+) paired with electric cyan accents against dusky blue backgrounds - creating an industrial tech aesthetic that feels like control room software
Component Style
Clean rectangular components with subtle rounded corners, minimal shadows, and crisp cyan borders. Everything feels engineered rather than designed - functional and robust like infrastructure tooling.
Spacing Philosophy
Generous vertical breathing room with tight horizontal groupings. Large typography creates natural rhythm while compact UI elements maximize information density - balancing impact with efficiency.
Design Principles
- Arial exclusively across all elements for utilitarian consistency
- Typography jumps dramatically: 64px headlines to 14px body text
- Cyan (#00BCD4) reserved for primary actions and key highlights
- Minimal border radius (4-8px max) keeps everything crisp
- Dark backgrounds dominate with strategic bright accents
Target Audience
Infrastructure engineers and grid operators who need reliable microsecond-response power management tools
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 | 22px | 400 | 26.4px | |
| h1 | 64px | 700 | 72px | |
| h2 | 48px | 700 | 62.4px | |
| h3 | 35px | 700 | 42px | |
| h4 | 26px | 400 | 45.5px | |
| p | 14px | 400 | 24.5px | |
| a | 14px | 400 | 24.5px | |
| button | 14px | 400 | 24.5px | |
| input | 14px | 400 | 20.72px | |
| nav | 22px | 400 | 26.4px |
Color Palette
No colors extracted
