# S79 — Corporate Clean
## Industry: SaaS
## Style DNA
- **Palette:** Safe reliable blue tones, white background, high contrast text.
- **Typography:** Inter or Roboto, clean sans-serif, legible.
- **Radius:** Small consistent radius (4px).
- **Shadow:** Minimal or none, flat design.
- **Border:** Subtle light grey borders.
- **Patterns:** Clean whitespace, consistent padding.
- **Motion:** Minimal, instant, efficient.
## Do's
- Use blue/grey
- Be structured
- High readability
- Professional
## Don'ts
- Don't be eclectic
- Don't use neon
- Don't be chaotic
## Design Tokens
```yaml
tokens:
meta:
style_id: "S79"
style_name: "Corporate Clean"
industry: "SaaS"
use_case: "Full Landing Page"
color:
bg:
primary: "#F4F4F4"
secondary: "#FFFFFF"
text:
primary: "#1A1A1A"
secondary: "#4A4A4A"
muted: "#757575"
brand:
primary: "#0F62FE"
accent: "#0043CE"
border:
strong: "#C6C6C6"
subtle: "#E0E0E0"
state:
success: "#24A148"
warning: "#F1C21B"
error: "#DA1E28"
focus:
ring: "#0F62FE"
radius:
none: 0
sm: 2
md: 4
lg: 8
border:
width:
hairline: 1
medium: 2
strong: 3
shadow:
sm: "0 1px 2px rgba(0,0,0,0.05)"
md: "0 2px 4px rgba(0,0,0,0.08)"
layout:
container:
content: 1120
wide: 1280
grid:
desktop: 12
tablet: 8
mobile: 4
gutter:
mobile: 16
desktop: 24
motion:
duration:
fast: 100
normal: 150
easing: "ease"
typography:
font:
sans:
primary: "Inter"
fallback:
- "Roboto"
- "system-ui"
- "sans-serif"
mono:
primary: "IBM Plex Mono"
fallback:
- "monospace"
scale:
h1: { size: 48, line: 56, weight: 600, tracking: -0.02 }
h2: { size: 36, line: 44, weight: 600, tracking: -0.01 }
h3: { size: 24, line: 32, weight: 600, tracking: 0 }
body: { size: 16, line: 24, weight: 400, tracking: 0 }
small: { size: 14, line: 20, weight: 400, tracking: 0 }
spacing:
base: 8
section_py:
mobile: [56, 72]
desktop: [88, 112]
```
