RESMA — WEBSITE DEMO KIT

4 Builds.One Academy.

Four independent design directions for the RESMA website, built for review in one place. Same institution, same story — different layout, typography and visual tone in each. Click into any card to explore that build's home page.

From Experience.
For The Future.
Build 01
Modern Geometric

Deep obsidian background with coral accents. Bold geometric sans headlines (Sora) over a clean Manrope body give it a sharp, contemporary institutional feel.

Headline: Sora · Body: Manrope
From experience.
For the future.
Build 02
Editorial Serif

Charcoal palette paired with the editorial serif Fraunces for headlines and Plus Jakarta Sans for body copy — a warmer, more premium academic tone with a larger page structure (campus, faculty, news sections).

Headline: Fraunces · Body: Plus Jakarta Sans
From experience.
For the future.
Build 03 · Reshma 0.2 v1
Serif Editorial

Charcoal + coral palette with an Instrument Serif display paired against Inter body copy — flat panels, hairline borders and chamfered corners. The most content-rich build: 11 pages including an interactive ecosystem explorer and programme carousel.

Headline: Instrument Serif · Body: Inter
From experience.
For the future.
Build 04 · Reshma 0.2 v2
Glass & Motion

The official logo palette (coral, charcoal, neutral grey — no gold or yellow) with Inter used exclusively across all weights. Frosted-glass panels, pill buttons with circular arrow chips, page-curtain transitions and split-word headings give it the most refined, animated feel. Adds a 12th page, Knowledge Platform.

Headline & Body: Inter (all weights)