Stylepack

Font

Font yang dipakai situationnormal.co

situationnormal.co memakai EB Garamond untuk judul dan teks isinya. EB Garamond adalah Google Font gratis, jadi Anda bisa memakai font yang sama.

Diukur dari situationnormal.co 4 hari yang lalu.

Buka paket desain lengkapUnduh paket

Font family

1 font family
EB Garamond
Dipakai untuk
h1, h2, body
Sumber
Google Fonts
Alternatif gratis
Sudah gratis

CSS untuk menirunya

Variabel font dengan pengganti gratis di dalam stack, jadi CSS yang sama tetap bekerja dengan atau tanpa font berlisensinya.

fonts.css
:root {
  --font-heading: "EB Garamond", sans-serif;
  --font-body: "EB Garamond", sans-serif;
  --font-size-base: 16px;
}

Cara teksnya ditata

headline-displayQuick brown foxEB Garamond / 46px / 400 / lh 55.2px / -1px
headline-lgQuick brown foxEB Garamond / 28px / 400 / lh 33.6px / -0.28px
headline-mdQuick brown foxEB Garamond / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogEB Garamond / 16px / 400 / lh 22.4px
label-mdThe quick brown fox jumps over the lazy dogEB Garamond / 13px / 400 / lh 1.4
buttonThe quick brown fox jumps over the lazy dogEB Garamond / 14px / 400 / lh 1.4
Ukuran font yang dipakai
14162846

Untuk agen AI

Paket berupa teks biasa, tanpa kunci: ambil DESIGN.md, atau serahkan seluruh paket ke Claude Code, Cursor, atau Copilot lewat server MCP.

curl -s https://stylepack.ai/packs/situationnormal.co/DESIGN.md

Pertanyaan

Font apa yang dipakai situationnormal.co?

situationnormal.co memakai EB Garamond. Judul ditata dengan EB Garamond dan teks isi dengan EB Garamond, diukur dari situs saat dirender, bukan dibaca dari stylesheet-nya.

Apakah font situationnormal.co gratis dipakai?

Ya. EB Garamond bisa dipakai di situs Anda sendiri tanpa membeli lisensi: muat dari Google Fonts, atau andalkan font sistem bila itu yang dipakai situationnormal.co.

Bagaimana cara mendapatkan tipografi yang sama seperti situationnormal.co di proyek saya?

Unduh paket desain situationnormal.co dari Stylepack: isinya font stack, skala tipografi, setiap gaya teks, dan screenshot, dalam bentuk yang bisa dijadikan acuan AI coding agent seperti Claude Code atau Cursor.