Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
CoStar Group
ProptechCoStar Group employs a sophisticated editorial aesthetic that balances authoritative news publishing with premium real estate intelligence. The design features a dark navy header that creates institutional gravitas, while the content area uses clean typography hierarchy mixing Inter for UI elements and PT Serif for editorial content, establishing trust through journalistic professionalism.
Design Identity
Signature Color
CoStar Navy
#2B3F5C
institutional authority and financial sector trustworthiness
Visual Identity
Dense, information-rich layout with a strong horizontal navigation bar and sidebar content hierarchy that feels like a premium financial news platform - recognizable by its editorial-first approach to real estate data presentation
Component Style
Clean, borderless design with subtle rectangular containers and minimal visual separation - buttons and links rely on typography weight rather than heavy styling, creating a sophisticated news-platform aesthetic with sharp corners and no shadows
Spacing Philosophy
Compact, information-dense spacing optimized for content consumption - tight 8-12px internal padding with generous vertical rhythm between content blocks, prioritizing readability over visual breathing room
Design Principles
- Typography hierarchy uses Inter for UI/navigation and PT Serif for editorial content
- No decorative shadows or gradients - flat design approach
- 16px base font size with 24px line height for optimal readability
- Content-first layout with sidebar supporting information architecture
- Minimal color palette focused on navy, white, and blue accent links
Target Audience
Commercial real estate professionals and institutional investors who need authoritative market intelligence presented with journalistic credibility
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 | |
| h2 | 18px | 700 | 20px | |
| h3 | 16px | 400 | 20px | |
| p | 16px | 400 | 24px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 24px | |
| input | 16px | 400 | 24px | |
| nav | 16px | 400 | 32px | |
| header | 16px | 400 | 24px |
Color Palette
#ffffff
