Pandawa

DESIGN.md

# Pandawa — Design Guide

Pandawa brings a literary display voice to a technical product site. Near-black surfaces hold dense information, while orange creates a focused path through actions and status.

## Typography

Libre Caslon Condensed gives headings their distinctive shape. Public Sans handles explanatory copy and buttons; Roboto Mono marks small technical labels.

| Element | Font | Desktop | Tablet | Phone |
| --- | --- | --- | --- | --- |
| Hero heading | Libre Caslon Condensed | `72px`, weight `400`, line-height `1.1`, tracking `-0.03em` | `64px`, same settings | `48px`, same settings |
| Section heading | Libre Caslon Condensed | `56px`, weight `400`, line-height `1.2`, tracking `-0.03em` | `48px`, same settings | `40px`, same settings |
| Card heading | Libre Caslon Condensed | `32px`, weight `400`, line-height `1.3`, tracking `-0.04em` | `26px`, same settings | `24px`, same settings |

Unlock the design guide

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

About

Pandawa brings a literary display voice to a technical product site. Near-black surfaces hold dense information, while orange creates a focused path through actions and status.

Typography

Template fonts, weights, and line heights from the guide.

Hero heading

The quick brown fox jumps

Font: Libre Caslon Condensed · Desktop: 72px, weight 400, line-height 1.1, tracking -0.03em · Tablet: 64px, same settings · Phone: 48px, same settings

Section heading

The quick brown fox jumps

Font: Libre Caslon Condensed · Desktop: 56px, weight 400, line-height 1.2, tracking -0.03em · Tablet: 48px, same settings · Phone: 40px, same settings

Card heading

The quick brown fox jumps

Font: Libre Caslon Condensed · Desktop: 32px, weight 400, line-height 1.3, tracking -0.04em · Tablet: 26px, same settings · Phone: 24px, same settings

More Design.md for you

See all

Yudhistira

Light
Minimal
Sans-Serif

Lesmana

Dark
Minimal
Serif

Kurawa

Light
Minimal
Sans-Serif