DESIGN.md@.agents/tools/design/library/styles/corporate-friendly git:20260403.9b5282dA

Immutable. This exact content is served forever at /api/v1/blob/bbcf5d566125f7ac.

# Design System: Corporate Friendly

Warm, approachable, professional. Blue `#3b82f6` primary, orange `#f97316` accent. Light-mode-first. Rounded corners, generous whitespace, gentle animations.

**Use cases:** Healthcare portals, educational platforms, community SaaS, customer-facing services.

## Chapters

| # | File | Contents |
|---|------|----------|
| 1 | [01-theme-overview.md](01-theme-overview.md) | Mood, key characteristics, design intent |
| 2 | [02-colour-palette.md](02-colour-palette.md) | Primary, accent, text, surface, semantic colours |
| 3 | [03-typography.md](03-typography.md) | Font families, hierarchy scale, principles |
| 4 | [04-components.md](04-components.md) | Buttons, inputs, links, cards, navigation |
| 5 | [05-layout.md](05-layout.md) | Spacing scale, grid, container widths, border-radius |
| 6 | [06-depth-elevation.md](06-depth-elevation.md) | Shadow levels 0–4, elevation principles |
| 7 | [07-dos-and-donts.md](07-dos-and-donts.md) | 8 do's and 8 don'ts |
| 8 | [08-responsive.md](08-responsive.md) | Breakpoints, touch targets, mobile rules |
| 9 | [09-agent-prompt-guide.md](09-agent-prompt-guide.md) | CSS variable reference, ready-to-use prompts |

<!--
Style archetype by AI DevOps (https://aidevops.sh)
DESIGN.md format: https://stitch.withgoogle.com/docs/design-md/overview
Not based on any specific brand. Use as a starting point for your project.
-->