Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Element AI
AIServiceNow's signature aesthetic combines enterprise gravitas with human warmth through a deep teal hero section that transitions into bright, airy white space. The custom 'servicenow sans' typography creates a distinctly corporate yet approachable voice, with dramatically light 300-weight body text that feels confident and effortless.
Design Identity
Signature Color
ServiceNow Deep Teal
#1C4A5B
Enterprise reliability with digital transformation trust - deep enough for corporate authority, blue enough for technological innovation
Visual Identity
The dramatic contrast between a rich teal header section and expansive white content areas, combined with the distinctive ultra-light typography weights that most brands wouldn't dare use at enterprise scale.
Component Style
Minimal and weightless - the interface relies on whitespace and typography hierarchy rather than visual containers. No visible buttons, borders, or cards in the main content area. Everything feels deliberately unadorned and confident in its simplicity.
Spacing Philosophy
Generous breathing room with the teal header taking substantial vertical space, then transitioning to ample whitespace around the split-layout content. The spacing feels luxurious and unhurried, appropriate for enterprise decision-makers who value clarity over density.
Design Principles
- Typography weight never exceeds 700, with 300 as the primary body weight
- Color palette is essentially binary: deep teal vs white with minimal accent colors
- Layout relies on asymmetrical content-image splits rather than centered designs
- Visual hierarchy achieved through font size and weight, not color or containers
- Navigation remains minimal and text-based without heavy visual treatments
Target Audience
C-suite executives and IT decision-makers at Fortune 500 companies who need to understand complex enterprise AI solutions without technical jargon
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 | 21px | 300 | 34.65px | |
| h1 | 63px | 700 | 63px | |
| h2 | 47.25px | 700 | 47.25px | |
| h3 | 21px | 700 | 26.25px | |
| h4 | 15.75px | 700 | 19.6875px | |
| h5 | 21px | 700 | 31.5px | |
| p | 18.9px | 300 | 31.185px | |
| a | 21px | 300 | 34.65px | |
| button | 23.625px | 400 | 23.625px | |
| input | 16.8px | 400 | 21px |
Color Palette
No colors extracted
