Visual Guide

Design System

SAH Foundation's visual foundation — colors, typography, components, and spacing rules that keep every page consistent.

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