Nakula

DESIGN.md

# Nakula — Design Guide

Nakula is an assertive portfolio system: condensed uppercase statements cut across a dark canvas, while red-orange accents direct attention to work and action.

## Typography

Anton creates the large display voice. Geist supports page headings, descriptions, and interface text at smaller scales.

| Element | Font | Desktop | Tablet | Phone |
| --- | --- | --- | --- | --- |
| Section display | Anton | `140px`, weight `400`, line-height `1`, tracking `0em` | `100px`, same settings | `80px`, same settings |
| Hero heading | Geist | `56px`, weight `600`, line-height `1`, tracking `-0.05em` | `56px`, same settings | `40px`, same settings |

Unlock the design guide

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

About

Nakula is an assertive portfolio system: condensed uppercase statements cut across a dark canvas, while red-orange accents direct attention to work and action.

Typography

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

Section display

The quick brown fox jumps

Font: Anton · Desktop: 140px, weight 400, line-height 1, tracking 0em · Tablet: 100px, same settings · Phone: 80px, same settings · specimen scaled to fit

Hero heading

The quick brown fox jumps

Font: Geist · Desktop: 56px, weight 600, line-height 1, tracking -0.05em · Tablet: 56px, same settings · Phone: 40px, same settings

More Design.md for you

See all

Yudhistira

Light
Minimal
Sans-Serif

Lesmana

Dark
Minimal
Serif

Kurawa

Light
Minimal
Sans-Serif