Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
ContentSquare employs a sophisticated dark-to-burgundy gradient that creates an intimate, premium atmosphere reminiscent of luxury tech lounges. The NewEdgeRounded typeface for headlines delivers a distinctly soft, approachable authority while maintaining enterprise credibility through careful contrast with clean Inter body text.

Signature Color
ContentSquare Burgundy
#722F37
enterprise sophistication with human warmth - bridging corporate trust and personal connection
The dramatic dark burgundy gradient background paired with soft-cornered typography creates an unmistakable 'premium night mode' aesthetic that feels both intimate and authoritative.
Buttons feature gentle rounded corners (approximately 8px radius) with solid fills and no harsh shadows. The primary CTA uses a warm coral accent that pops against the dark gradient, while secondary buttons maintain subtle transparency. Everything feels soft and inviting rather than sharp or clinical.
Generous vertical breathing room with approximately 80px+ between major sections creates a luxurious, unhurried feel. Text blocks use comfortable line-height ratios (1.1-1.4x) that prioritize readability in the dark environment.
Enterprise decision-makers and data professionals who appreciate sophisticated design but need tools that feel approachable rather than intimidatingly technical
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | 22.4px | |
| h1 | 48px | 400 | 52.8px | |
| h2 | 48px | 400 | 52.8px | |
| h3 | 16px | 400 | 17.6px | |
| p | 12px | 400 | 16px | |
| a | 14px | 600 | 20px | |
| button | 16px | 400 | 22.4px | |
| input | 14px | 400 | 20px | |
| nav | 16px | 400 | 22.4px | |
| header | 16px | 400 | 22.4px |
#007aff#3b82f6#ffffff