Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
P&G
Consumer GoodsP&G's brand identity combines corporate sophistication with human warmth through a distinctive dual-typography system - geometric Montserrat for impact and traditional Times for approachability. The signature P&G blue creates trust and reliability while vibrant swirling graphics add energy and optimism, balancing professional authority with inclusive accessibility.
Design Identity
Signature Color
P&G Trust Blue
#0066CC
corporate reliability and consumer confidence - the blue of household trust and everyday dependability
Visual Identity
The distinctive circular badge/seal design system with bold geometric typography overlaid on warm, human photography - creating an unmistakable blend of corporate authority and personal connection
Component Style
Rounded corners with moderate radius (8-12px), clean borders without heavy shadows. Buttons feel substantial but approachable - not sharp corporate edges, but not overly casual either. Components have a professional weight that feels trustworthy rather than trendy.
Spacing Philosophy
Generous vertical rhythm with 90px section breaks creating breathing room, balanced by tighter 15px horizontal spacing for focused content blocks. The layout prioritizes readability and hierarchy over density.
Design Principles
- Typography contrast: Bold Montserrat headers (700-800 weight) paired with readable Times body text
- Circular badge elements as focal points with geometric precision
- 15px horizontal spacing for component alignment
- 90px vertical spacing between major sections
- Maximum content width of 1280px for optimal readability
Target Audience
Corporate stakeholders and consumers who value established brands - investors seeking stability, employees wanting career security, and families trusting household names
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 | 20.8px | |
| h1 | 80px | 700 | 96px | |
| h2 | 16px | 800 | 19.2px | |
| p | 13px | 800 | 20.8px | |
| a | 16px | 600 | 20.8px | |
| button | 16px | 400 | 20.8px | |
| input | 16px | 400 | 19.2px | |
| nav | 16px | 400 | 20.8px | |
| header | 16px | 400 | 20.8px | |
| footer | 12px | 400 | 15.6px |
Color Palette
No colors extracted
