1. Typography Hierarchy & Editorial Scales

Spectral & Public Sans

Display & Headings — Serif font-serif ('Spectral')

Display 1 (text-4xl / 5xl font-extrabold):

Kedaulatan Fiskal & Akselerasi Energi Bersih 2027

Heading 2 (text-2xl font-bold):

Ambang Batas Congress dan Format Representasi Rakyat

Heading 3 (text-lg sm:text-xl font-bold):

Audit Keterlambatan Belanja Modal Pemerintah Daerah

Pull Quote (text-lg italic):

"Kebenaran faktual dan konfirmasi berimbang adalah pilar utama jurnalisme publik."

Body, UI & Metadata — Sans & Mono font-sans ('Public Sans') & font-mono

Body Paragraph (text-sm text-carbon-700 leading-relaxed):

Naskah editorial dirancang dengan tingkat keterbacaan optimal pada layar gawai maupun desktop. Jarak baris (line-height) proporsional untuk mencegah kelelahan mata pembaca.

Byline & Timestamps (font-mono text-xs):

Investigasi • 4 Sep 2026 • 10:15 WIB • 5 min read

Market & Financial Data String (font-mono text-xs):

S&P 500: 5,684.20 (+0.42%) EUR/USD: 1.084 (-0.15%) ICP: $78,40

2. Palet Warna (Color Palette & Design Tokens)

Newsprint Warm Spectrum

Paper (Latar Koran Print)

paper-50 (Canvas) #fcfbf8

paper-100 (Surface) #f7f5ef

paper-200 (Borders/Muted) #eee9de

paper-300 (Dividers) #ded7c6

Carbon (Tinta Karbon Pekat)

carbon-900 (Main Ink) #0f172a

carbon-800 (Dark Surface) #1e293b

carbon-700 (Body Text) #334155

carbon-500 (Muted Meta) #64748b

Carmine (Aksen Merah Pres)

carmine-700 (Primary Red) #b91c1c

carmine-800 (Hover/Deep) #991b1b

carmine-900 (Focus Dark) #7f1d1d

emerald-700 (Market/Positive) #047857

3. Tombol, Lencana & Tag Kategori (Buttons & Badges)

Interactive Tokens

Gaya Tombol (Button Styles)

Lencana Editorial & Kategori (Badges & Tags)

Lead Story Investigasi Cek Fakta Public Policy Congress Dewan Pers Terdaftar

4. Editorial Card Layout Patterns

Horizontal & Vertical Stacks

Pola 1: Horizontal Feed Card (Listing View)

Economy & Markets • 4 Sep 2026

Simulasi Evaluasi Subsidi Energi Berbasis NIK Terintegrasi

Pemerintah menyiapkan kerangka bantuan langsung tertarget guna menjamin efisiensi ruang fiskal.

By: Raden Bagus 5 min read

Pola 2: Vertical Grid Card (Bento/Column View)

Congress & Regulasi

Harmonisasi Ambang Batas Congress Baru Memasuki Tahap Akhir

Badan Legislasi DPR menyepakati formula representasi proporsional menindaklanjuti amanat putusan MK.

5. Elemen Form & Input Data (Form Elements)

Clean Editorial Inputs

Text Input Biasa:

Email Input:

Select / Dropdown:

Textarea (Catatan Masthead & Ethics / Komentar):

6. Specialized Newsroom Widgets

Audio, Ticker, Rankings

▶

Audio Briefing Player

Ringkasan Suara 3 Menit

01:00 03:00

Indeks Paling Populer

01 Proyeksi Inflasi Pangan Kuartal IV
02 Reformasi Governance Pusat Data

Fact Check Desk TERVERIFIED

Klaim Subsidi Minyakita Dihapus Total

Status: Salah konteks. Alokasi tetap berjalan dengan kuota domestik.

Broadsheet