Batavia

DESIGN.md

# Batavia — Design Guide

Batavia frames fashion as an editorial story: quiet pale surfaces, near-black contrast, and refined serif headlines give product imagery the space to lead.

## Typography

The display family is Cormorant SC; Geist carries body text, labels, and prices. Preserve the contrast between expressive uppercase serif headings and restrained product information.

| Element | Font | Desktop | Tablet | Phone |
| --- | --- | --- | --- | --- |
| Page heading | Cormorant SC | `56px`, weight `500`, line-height `1`, tracking `0em` | `56px` | `40px` |
| Section heading | Cormorant SC | `40px`, weight `600`, line-height `1.04`, tracking `0em` | `40px` | `32px` |
| Product information H3 | Geist | `24px`, weight `500`, line-height `1.5`, tracking `-0.03em` | `24px` | `18px` |

Unlock the design guide

DESIGN.md is included while an eligible library subscription is active.

About

Batavia frames fashion as an editorial story: quiet pale surfaces, near-black contrast, and refined serif headlines give product imagery the space to lead.