Cram school demo: Bintang Pelajar

A token-driven landing page example to validate typography, radius, and component rhythm.

Kompetisi TKA • 2nd Edition2026

SIAP TEMBUS SEKOLAH DAN PTN UNGGULAN

Ikhtiar Raih Impian Masa Depan

Cabang Offline

SMA Pradita Dirgantara

25

siswa

PTN Favorit

4.500+

siswa

Lihat komponen demo

Cabang Offline

Cards below validate: consistent radius, border tinting, and muted metadata.

Cibinong

Bogor

Bandung

Jawa Barat

Kranggan

Bekasi

Pasuruan

Jawa Timur

Metland

Cileungsi

Kelapa Gading

Jakarta

How this demo uses the system

  • Headline uses `displayFont`; body copy uses `bodyFont`.
  • Primary/Accent colors come from `tokens.colors.*` (no hardcoded palette per block).
  • All corners use the token radius (`radiusClass(tokens.radius)`).
  • Cards use muted + surface borders to match Atlassian-style hierarchy.
SR

Token-driven wordmark + monogram — swap presets and the landing reshapes consistently.