Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Crucial
Consumer ElectronicsCrucial embodies a sophisticated tech mourning aesthetic with dramatic purple-to-magenta energy waves against deep space black, creating an emotional farewell narrative. The custom Micronbasis typography feels engineered yet human, balancing technical precision with heartfelt gratitude in their wind-down announcement.
Design Identity
Signature Color
Crucial Violet
#8B5CF6
premium memory technology with emotional depth - honoring legacy while embracing transformation
Visual Identity
Flowing energy ribbons that curve organically across stark black backgrounds, creating a cinematic sci-fi atmosphere that feels both futuristic and nostalgic
Component Style
Softly rounded buttons with generous padding and subtle gradients, no harsh shadows - everything feels approachable yet sophisticated with a slight glow effect that echoes the energy wave motifs
Spacing Philosophy
Expansive breathing room with large text blocks floating in negative space, creating a sense of importance and allowing the flowing visual elements to command attention without competing with content
Design Principles
- Energy waves always flow from right to left suggesting forward momentum
- Typography never competes with flowing visual elements - clean hierarchy
- Purple gradients span from deep violet #4C1D95 to bright magenta #EC4899
- Generous 40px+ margins around all text blocks
- Custom Micronbasis font family maintains consistency across all elements
Target Audience
PC enthusiasts and system builders who value premium components and have emotional connections to trusted hardware brands
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 | 24px | |
| h1 | 48px | 400 | 60px | |
| h2 | 18px | 400 | 27px | |
| h3 | 24px | 400 | 36px | |
| h4 | 23px | 400 | 34.5px | |
| h5 | 20px | 400 | 30px | |
| h6 | 16px | 400 | normal | |
| p | 12px | 400 | normal | |
| a | 16px | 400 | 24px | |
| button | 14px | 400 | 21px |
Color Palette
No colors extracted
