Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Micron
Consumer ElectronicsMicron embodies industrial precision meets cutting-edge innovation through a high-contrast aesthetic that balances technological sophistication with human warmth. The typography-forward design uses massive, ultra-bold headlines against cinematic backgrounds to create an authoritative yet accessible presence that positions memory and storage as the invisible foundation of our AI-driven future.
Design Identity
Signature Color
Micron Violet
#9333EA
Premium technology leadership - bridging the gap between invisible infrastructure and visible innovation
Visual Identity
Oversized, ultra-bold typography (72px headlines) paired with real-world photography overlays and strategic purple accent elements create an unmistakable industrial-tech aesthetic that feels both foundational and futuristic.
Component Style
Clean rectangular cards with subtle rounded corners, minimal shadows, and purple accent borders. Buttons feature medium border radius (24px) with bold typography, creating a balance between technical precision and approachable interaction.
Spacing Philosophy
Generous vertical spacing between hero sections creates breathing room for massive typography, while product showcase grids use tight, efficient spacing to emphasize technical specifications and product density.
Design Principles
- Headlines use 72px MicronBasis-Bold for maximum impact
- Purple accents (#9333EA) reserved for CTAs and key highlights only
- Real-world photography overlaid with UI elements to show technology in context
- White text on dark/complex backgrounds for readability
- 24px border radius for primary interactive elements
Target Audience
Technology decision-makers, data center architects, and AI infrastructure engineers who need to understand complex memory solutions at enterprise scale
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 | 72px | 400 | 86.4px | |
| h2 | 28px | 400 | 35px | |
| h5 | 20px | 400 | 24px | |
| p | 16px | 400 | 24px | |
| a | 14px | 400 | 21px | |
| button | 15px | 400 | 20px | |
| input | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
No colors extracted
