Rama

DESIGN.md

# Rama — Design Guide

Rama makes a creative studio feel unmistakably bold. Giant condensed headings dominate a dark canvas, with gold accents and occasional handwritten notes providing contrast.

## Typography

Mohave is the uppercase display voice. Satoshi provides readable body text, while Rock Salt appears only as a decorative handwritten accent.

| Element | Font | Desktop | Tablet | Phone |
| --- | --- | --- | --- | --- |
| Hero heading | Satoshi | `48px`, weight `700`, line-height `1`, tracking `-0.02em` | `36px`, same settings | `32px`, same settings |
| Large section display | Mohave | `140px`, weight `600`, line-height `0.9`, tracking `-0.07em` | `110px`, same settings | `50px`, same settings |
| Project title | Satoshi | `32px`, weight `700`, line-height `1.2`, tracking `-0.03em` | `28px`, same settings | `24px`, same settings |

Unlock the design guide

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

About

Rama makes a creative studio feel unmistakably bold. Giant condensed headings dominate a dark canvas, with gold accents and occasional handwritten notes providing contrast.

Typography

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

Hero heading

The quick brown fox jumps

Font: Satoshi · Desktop: 48px, weight 700, line-height 1, tracking -0.02em · Tablet: 36px, same settings · Phone: 32px, same settings

Large section display

The quick brown fox jumps

Font: Mohave · Desktop: 140px, weight 600, line-height 0.9, tracking -0.07em · Tablet: 110px, same settings · Phone: 50px, same settings · specimen scaled to fit

Project title

The quick brown fox jumps

Font: Satoshi · Desktop: 32px, weight 700, line-height 1.2, tracking -0.03em · Tablet: 28px, 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