1# notion
2 
3SaaS dashboard aesthetic with clean data focus and productivity tool styling
4 
5## Design Aesthetic
6 
7Clean, functional SaaS interface aesthetic. Dashboard-inspired layouts with clear data hierarchy. Notion, Linear, and modern productivity tool styling. Information-dense but organized. Professional and trustworthy.
8 
9## Background
10 
11- Color: Light Gray (#F7F7F5) or Pure White (#FFFFFF)
12- Texture: None - clean solid backgrounds
13 
14## Typography
15 
16### Primary Font (Headlines)
17 
18System UI stack or Inter. Semi-bold weight for emphasis. Clean, functional letterforms. Slightly tighter letter-spacing.
19 
20### Secondary Font (Body)
21 
22Same family in regular weight. Optimized for screen reading. Comfortable line height (1.5-1.6).
23 
24## Color Palette
25 
26| Role | Color | Hex | Usage |
27|------|-------|-----|-------|
28| Background | Light Gray | #F7F7F5 | Primary background |
29| Card Background | Pure White | #FFFFFF | Content cards |
30| Primary Text | Near Black | #1F1F1F | Headlines, body |
31| Secondary Text | Gray | #6B6B6B | Metadata, labels |
32| Border | Light Border | #E5E5E5 | Card borders, dividers |
33| Accent Blue | Notion Blue | #2383E2 | Links, primary actions |
34| Accent Green | Success | #0F7B6C | Positive metrics |
35| Accent Red | Alert | #E03E3E | Negative metrics |
36| Accent Yellow | Warning | #DFAB01 | Cautions |
37 
38## Visual Elements
39 
40- Card-based layouts with subtle borders or shadows
41- Clean data tables and charts
42- Progress bars and metric displays
43- Icon-based navigation hints
44- Checkbox and toggle styling
45- Tag and label chips
46- Subtle hover state styling
47- Breadcrumb and hierarchy indicators
48 
49## Style Rules
50 
51### Do
52 
53- Use card-based content organization
54- Create clear data hierarchy
55- Use subtle shadows and borders
56- Keep layouts grid-aligned
57- Present metrics prominently
58 
59### Don't
60 
61- Use decorative illustrations
62- Add gradients or complex backgrounds
63- Create artistic layouts
64- Use rounded blob shapes
65- Add slide numbers, footers, or logos
66 
67## Best For
68 
69Product demos, SaaS presentations, productivity tool pitches, metrics dashboards, feature walkthroughs, B2B presentations, technical product marketing
70