Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
ServiceNow
EnterpriseServiceNow's brand exudes enterprise-grade confidence through its signature vibrant green paired with deep teal backgrounds, creating a sophisticated tech atmosphere. The custom ServiceNow Sans typography reinforces professional authority while maintaining approachability, telling a story of reliable innovation for serious business transformation.
Design Identity
Signature Color
ServiceNow Green
#3eaa2b
Enterprise growth and digital transformation - a vibrant green that signals progress and reliability in business technology
Visual Identity
The distinctive combination of deep teal hero backgrounds with vibrant green accent elements, paired with large-scale hero imagery showing diverse professionals in modern work environments, creates an immediately recognizable enterprise AI aesthetic.
Component Style
Buttons feature generous rounded corners (24px+ radius) with bold, saturated fills and no visible shadows - creating approachable yet authoritative interaction elements that feel substantial and trustworthy rather than minimal or sharp.
Spacing Philosophy
Generous whitespace with expansive hero sections creates executive-level breathing room, while the layout emphasizes large visual storytelling blocks that prioritize impact over density - reflecting enterprise decision-making timelines.
Design Principles
- Border radius uses large values (24px+) for primary actions to convey approachability
- Hero typography scales dramatically with thin weights for maximum impact
- Green accent color (#3eaa2b) appears exclusively on primary CTAs and focus states
- Background imagery always features real people in authentic work environments
- Navigation remains minimal to keep focus on the platform story
Target Audience
Enterprise IT leaders and digital transformation executives who need to justify AI investments to C-suite stakeholders
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 | 10px | 400 | 15px | |
| h3 | 16px | 400 | 20px | |
| h4 | 24px | 700 | 26.4px | |
| h5 | 22px | 700 | 24.2px | |
| p | 14px | 400 | 17px | |
| a | 14px | 400 | 14px | |
| button | 13.3333px | 400 | normal | |
| input | 13.3333px | 400 | normal | |
| footer | 10px | 400 | 15px |
Color Palette
#ffffff#3eaa2b#fbf7bc#ad5918#ffccd2#fc9ca7#b33233#deffd9#c2e6ff#e6dbff#ffe5e8#ffedd9
