DESIGN.md@.agents/tools/design/library/styles/startup-bold git:20260404.2e83279A

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

<!-- SPDX-License-Identifier: MIT -->
<!-- SPDX-FileCopyrightText: 2025-2026 Marcus Quinn -->

# Design System: Startup Bold

Energetic, high-confidence design system for products that need to capture attention fast and convert. Indigo primary (`#4f46e5`) + emerald accent (`#10b981`), bold rounded components, structured grid.

## Chapters

| File | Contents |
|------|----------|
| [01-theme.md](01-theme.md) | Visual theme, atmosphere, key characteristics |
| [02-colours.md](02-colours.md) | Full colour palette — primary, accent, text, surface, semantic, shadows |
| [03-typography.md](03-typography.md) | Font families, type scale, typography principles |
| [04-components.md](04-components.md) | Buttons, inputs, links, cards, navigation |
| [05-layout.md](05-layout.md) | Spacing scale, grid, breakpoints, border radius |
| [06-elevation.md](06-elevation.md) | Depth levels, shadow values, elevation principles |
| [07-dos-donts.md](07-dos-donts.md) | Usage rules — what to do and avoid |
| [08-responsive.md](08-responsive.md) | Breakpoint behaviour, touch targets, mobile rules |
| [09-agent-prompts.md](09-agent-prompts.md) | CSS variable quick reference, ready-to-use prompts |

## Quick Reference

**Colours:** `#4f46e5` primary · `#10b981` accent · `#111827` text · `#ffffff` bg · `#f9fafb` surface-1

**Type:** Plus Jakarta Sans · Display 64px/800 · H1 48px/700 · Body 16px/400

**Radius:** 12px default · 16px cards · 6px badges

**Motion:** 200–300ms ease-out

<!--
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.
-->