DESIGN.md@templates/saas · git:20260411.d83a353 · 2026-04-11 · sha256 fc03f4e6247aa0f3

DESIGN.md@templates/saas git:20260411.d83a353A

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

# DESIGN.md — [Project Name]

> Profile: saas

---

## 0. Contract Metadata

- **Locale**: `ja-JP`
- **Profile**: `saas`
- **Review status**: `draft`

---

## 1. Product Use

- Business task completion is the primary use case
- Density and stability matter more than editorial spaciousness
- UI must remain readable during repeated daily use

---

## 2. Typography Defaults

| Role | Size | Weight | Line Height | Letter Spacing | Notes |
|------|------|--------|-------------|----------------|------|
| H1 | 28px | 700 | 1.35 | 0 | page title |
| H2 | 22px | 700 | 1.4 | 0 | section title |
| H3 | 18px | 600 | 1.45 | 0 | group label |
| Body | 14px | 400 | 1.55 | 0 | operational default |
| Caption | 12px | 400 | 1.45 | 0 | supportive text |
| Label | 13px | 500 | 1.4 | 0 | control label |

### Rules
- Body line-height should usually remain within `1.5–1.65`
- Body letter-spacing should remain conservative
- Tables, forms, badges, and tabs must be tuned separately
- Compactness must not damage scanability

---

## 3. Layout Defaults

- Prefer modular surfaces
- Form rhythm must be explicit
- Dense information should use grouping before shrinking
- Buttons and fields must preserve Japanese label readability

---

## 4. Validation Targets

- Must pass form density review
- Must pass table density review
- Must pass mixed Japanese-English navigation review
- Must pass mobile settings page review