# Visual Mockups — Craft Dairy
> Kit 27 · Craft-Dairy Process Training · deliverable · designed and built by I Wayan Usada — instructional design portfolio

## Design premise

The look follows the constraint from the interview: glanceable, print-first, two languages. Amber dairy-ledger ink on dark — the palette of a creamery's record book, not a tech product.

## Palette

| Role | Value | Rationale |
|---|---|---|
| Accent | `#d9a441` amber | dairy-ledger warmth; reads on dark and on the cream print card |
| Ink | `#f3efe2` | high-contrast body text for a noisy, standing context |
| Good / caution / bad | `#8fbc6e` / `#c9a227` / `#d97757` | feedback family kept distinct from the accent so status never reads as branding |
| Print card | cream `#f5efdd` on `#2a2313` | the floor manual simulates a laminated A4 at the tank |

## Typography

Instrument Serif for headings (the ledger voice), Inter for body, JetBrains Mono for step numbers and traces. The manual uses large numerals and short lines so it works one-handed at a glance.

## Layout decisions worth noticing

- **Print-first manual** — rendered as an actual cream card inside the page, so the reviewer sees the artifact the operator will actually hold
- **Trace lines** — every requirement card carries a monospace "→ artifact" line, making the pipeline visible at a glance
- **Two-language parity** — the manual shows NL and EN together, because the floor does