Panduan Visual

Design System

Fondasi visual SAH Foundation — warna, tipografi, komponen, dan aturan spasi yang menjaga konsistensi di seluruh halaman.

Palet Warna

Hijau Utama

#0E5C46 · Primary

Hijau Gelap

#0A4736 · Hover

Terracotta

#FF6B35 · Accent

Hijau Muda

#DBF2E7 · Tint

Off-white

#FFFFFF · Background

Teks Gelap

#10140F · Ink

Teks Muted

#495047 · Muted

Border

#DEE4D8 · Line

Heading 1 Space Grotesk · 700 · 48px

Heading 2 Space Grotesk · 700 · 28-34px

Heading 3 Space Grotesk · 600 · 20px

Body — Manrope regular, dipakai untuk paragraf dengan line-height 1.6 agar nyaman dibaca. Manrope · 400 · 16px

Caption / metadata kecil Manrope · 500 · 14px

Text link → Radius 8px · padding 12-14px / 26px · hover: shade lebih gelap

Border 1px, radius 14px, shadow muncul saat hover.

Label

Border #DADFD3 · focus hijau utama · radius 8px