Lesmana

# Lesmana — Design and Motion Guide

Lesmana presents product-design work as an editorial portfolio. A warm black canvas, parchment-colored sections, white serif headlines, and small gold details create a quiet frame for the portrait and project imagery.

## Typography

Times New Roman creates the editorial display voice. Geist handles explanatory copy and service details; Geist Mono carries small uppercase labels and categories. The published CSS confirms the Display, H1, and H2 breakpoint sizes and their tight tracking. Display is a separate preset, not the size of every hero heading.

| Element | Font | Desktop | Tablet | Phone |
| --- | --- | --- | --- | --- |
| Display preset | Times New Roman | `140px`, weight `400`, line-height `0.8`, tracking `-0.03em` | `100px` | `64px` |
| Page H1 | Times New Roman | `64px`, weight `400`, line-height `1`, tracking `-0.04em` | `56px`, line-height `1` | `40px`, line-height `1` |
| Section H2 | Times New Roman | `48px`, weight `400`, line-height `1`, tracking `-0.03em` | `38px`, line-height `1` | `36px`, line-height `1` |
| Work title H3 | Times New Roman | `32px`, weight `400`, line-height `1`, tracking `-0.03em` | `32px` | `32px` |