Tipografi
Typeface, ukuran yang dipakai, dan cara hierarki dibangun.
Ikhtisar
Sistem tipografi Moony memakai General Sans untuk mencerminkan karakter brand yang tenang dan modern. Headline memakai General Sans Medium dengan spacing rapat untuk menghadirkan rasa percaya diri dan kejelasan di momen-momen penting. Sub-headline dan body text memakai keluarga typeface yang sama demi konsistensi, dengan line height lebih besar agar nyaman dibaca di seluruh layout produk, web, dan komunikasi.
Memakai satu keluarga typeface yang serbaguna menjaga pengalaman tetap simpel dan kohesif, membiarkan warna, ikonografi, dan layout membawa kehangatan brand, sementara tipografi tetap bersih, netral, dan mudah dibaca.
Primer
General Sans
Glyph
Font style 12
Aa123
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()?+
| Scale Category | Typeface | Weight | Size | Case |
|---|---|---|---|---|
| Caption | General Sans | Medium | 12 | Sentence |
| Header 1 | General Sans | Semibold | 96 | Sentence |
| Header 2 | General Sans | Medium | 60 | Sentence |
| Header 3 | General Sans | Regular | 48 | Sentence |
| Body copy | General Sans | Regular | 16 | Sentence |
| Small text | General Sans | Regular | 12 | Sentence |
| CTA | General Sans | Regular | 16 | Sentence |
Penggunaan Tipografi
Body style · Brand font · 16px / 500
Line length
Keep paragraphs comfortable to scan. Adjust the width for the typeface, text size, and screen; this is a preferred measure, not a fixed character count.
Preferred width · 65ch · narrows to fit the screen
Good typography makes every message easier to understand. Give words room to breathe, keep each line comfortable to follow, and let the reader move naturally from one thought to the next. A clear rhythm helps people focus on what matters.
Preferred measure: 65ch · fits available width
Line height
Give each line enough space to follow the next. Set heading and body spacing independently, and check longer passages at smaller screen sizes.
1.6× line height · 25.6px
Good typography makes every message easier to understand. Give words room to breathe, keep each line comfortable to follow, and let the reader move naturally from one thought to the next. A clear rhythm helps people focus on what matters.
Alignment
Use start alignment for paragraphs. Center alignment can emphasize a short statement; choose exceptions deliberately and check how the text wraps.
Preferred alignment · Left (start)
Good typography makes every message easier to understand. Give words room to breathe, keep each line comfortable to follow, and let the reader move naturally from one thought to the next. A clear rhythm helps people focus on what matters.