Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Oracle
EnterpriseOracle's brand identity exudes enterprise sophistication through subdued charcoal grays and warm beige tones, creating an atmosphere of industrial reliability and technical mastery. The ultra-light typography weights (300-350) paired with generous spacing communicate precision without aggression, while the construction site imagery reinforces Oracle's role as the foundational infrastructure builder of the digital world.
Design Identity
Signature Color
Oracle Charcoal
#312d2a
enterprise stability and foundational infrastructure trust
Visual Identity
The distinctive use of ultra-light typography weights (300-350) creates an unexpectedly delicate feel for enterprise software, making Oracle instantly recognizable through this contrast between heavy industrial messaging and featherweight text treatment.
Component Style
Buttons and components favor muted charcoal backgrounds (#312d2a) with subtle hover progressions through darker shades, avoiding harsh borders or heavy shadows in favor of gentle tonal shifts that feel substantial yet refined.
Spacing Philosophy
Generous whitespace creates breathing room between major sections, while the modest 32px list margins and 24px scroll margins maintain readability without feeling cramped - balancing enterprise density with approachable openness.
Design Principles
- Typography never exceeds 350 font-weight for body text, maintaining delicate precision
- Color palette stays within charcoal-to-beige spectrum for enterprise consistency
- Headlines use 300 weight at large sizes for elegant impact
- Button states progress through darker charcoal shades rather than color changes
- Line heights maintain 1.5x ratio for optimal enterprise readability
Target Audience
Enterprise architects and CTOs who value foundational stability over flashy innovation, seeking cloud infrastructure partners with proven industrial-scale reliability.
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 | 350 | 24px | |
| h1 | 32px | 300 | 44px | |
| h2 | 30px | 300 | 42px | |
| h3 | 20px | 600 | 28px | |
| p | 16px | 350 | 24px | |
| a | 14px | 350 | 22px | |
| button | 16px | 350 | 24px | |
| input | 16px | 350 | 38px | |
| nav | 16px | 350 | 24px | |
| header | 16px | 350 | 24px |
Color Palette
#fbf9f8#161513#006b8f#ffffff#47423e#3a3632#312d2a#f5f4f2
