Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Taboola
AdvertisingTaboola's design balances corporate professionalism with accessibility through warm Poppins typography and a calming blue-white palette. The brand feels approachable yet enterprise-ready, with subtle shadows and generous spacing creating a sense of trust and reliability.
Design Identity
Signature Color
Taboola Blue
#0d6efd
trustworthy platform intelligence - conveying reliability and data-driven insights
Visual Identity
The generous use of whitespace combined with soft, layered shadows creates a 'breathing room' aesthetic that distinguishes it from cramped competitor interfaces - everything feels deliberately spaced for clarity.
Component Style
Softly rounded corners with subtle layered shadows (0.125rem to 1rem depth) create a welcoming, elevated feel. Components have breathing room with gentle hover states rather than sharp interactions.
Spacing Philosophy
Generous whitespace philosophy with substantial gaps between sections creating a sense of premium spacing. The layout prioritizes readability over density, with comfortable padding that never feels cramped.
Design Principles
- Poppins font family exclusively at 500-700 weights for personality
- Box shadows range from 0.125rem to 1rem for layered depth hierarchy
- Blue color system anchored by #0d6efd primary with systematic tints
- 16px base font size with 24px line height for optimal readability
- Focus ring opacity at 0.25 for subtle but accessible interactions
Target Audience
Marketing executives and media buyers who need sophisticated advertising technology but value ease of use over complex feature density
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 | 500 | 24px | |
| h1 | 56px | 500 | 56px | |
| h2 | 24px | 500 | 28.8px | |
| h3 | 36px | 700 | 54px | |
| h4 | 36px | 600 | 43.2px | |
| h6 | 16px | 700 | 24px | |
| p | 14px | 500 | 19.6px | |
| a | 16px | 500 | 24px | |
| button | 24px | 500 | 36px | |
| input | 16px | 500 | 24px |
Color Palette
#007aff#cfe2ff#e2e3e5#d1e7dd#cff4fc#fff3cd#f8d7da#fcfcfd#ced4da#ffffff#000000#212529
