# Visual System

Style name: Minimal Monoline Icons

## Core DNA

- Flat off-white background, no texture, with generous margins and real negative space.
- Single-weight hairline charcoal strokes carrying all structure; nothing is heavy or filled except the label bars.
- Clean rounded Japanese gothic headline in charcoal with one slate blue word and a terracotta emphasis word, no outline, shadow or gradient.
- Hairline pill subline entered by a connector path with an open circle node and exiting as a short dashed rule, with one tiny terracotta icon inside.
- Unfilled thin-stroke rounded-rectangle frames as the main building blocks, each tagged with a small circled number in slate blue, sage or terracotta.
- Restrained flat illustrations in muted slate blue, sage green, terracotta and warm gray only, never more than four hues per cluster.
- Very small thin arrows with a dot tail as the only connectors.
- Exactly three solid filled label bars per slide, flush at the bottom edge of their frame, with white text and a small round icon chip at the left end.
- Geometric minimal decoration: sparse corner dot grids, one large thin quarter-circle arc, four-point sparkle marks, a three-line mark, a hairline circle badge.
- A full-width hairline-outlined bottom band with charcoal text, one terracotta phrase and a thin dotted rule beneath.

## Intended Use

手順説明、ミニマル教材、シンプルな業務フローに使う。細線アイコンと余白だけで、情報を静かに整理して落ち着いて読ませる。

## Page Architecture

- One oversized headline.
- One subline banner.
- One dominant diagram occupying most of the body.
- Exactly three labels.
- One takeaway band.
- Three to six supporting icons that explain the diagram.

## Composition Grammar

- Cover: title slide with three hairline frames previewing the three filled label bars, a corner dot grid and one thin arc outline; may include one simple flat character.
- Problem: one hairline path broken at three open circle nodes.
- Before-after: tangled strokes resolved into two clean parallel monoline paths.
- Three-step: three hairline frames with circled numbers bridged by dot-tail arrows.
- Loop: one circle drawn as three arcs with arrowhead gaps.
- Checklist: one wide hairline frame ruled into three check rows.
- Roadmap: a stepping hairline path through three circle nodes and flag frames.
- Matrix: bare 2x2 of crossing hairline axes with one lightly tinted quadrant.
- Case: hairline timeline with three rising nodes and scene frames.
- Recap: central framed stack of three icon-chip rows behind a quarter-circle arc.
