Kurawa

# Kurawa — Design and Motion Guide

Kurawa is a design-agency portfolio built around a white canvas, tightly set black Geist type, and a concentrated red identity. Quiet surfaces give its project imagery, editorial sections, and detailed interactions room to lead. Its motion is most visible in the opening work slideshow: cards advance left in a measured spring rhythm, while the phone menu reveals links in sequence and draws its dividers after them.

## Typography

The primary family is **Geist**, the site's interface and editorial face. The package also includes **Inter** for particular source-styled text and **Fragment Mono** for inline code. Use the bundled font assets when matching the template. Source Geist faces include weights 400, 500, 600, 700, and 900; not every role uses the same weight.

| Element | Desktop | Tablet | Phone |
| --- | --- | --- | --- |
| Homepage H1 | Geist `64px`, weight `500`, line-height `100%`, tracking `-0.04em` | Geist `50px`, weight `500`, line-height `100%`, tracking `-0.04em` | Geist `40px`, weight `500`, line-height `100%`, tracking `-0.04em` |
| Main section H2 | Geist `48px`, weight `500`, line-height `100%`, tracking `-0.04em` | Geist `36px`, weight `500`, line-height `100%`, tracking `-0.04em` | Geist `32px`, weight `500`, line-height `100%`, tracking `-0.04em` |
| Section H3 | Geist `32px`, weight `500`, line-height `110%`, tracking `-0.04em` | Geist `26px`, weight `500`, line-height `110%`, tracking `-0.04em` | Geist `24px`, weight `500`, line-height `110%`, tracking `-0.04em` |