Stylepack

Font

Font yang dipakai supabase.com

supabase.com memakai Manrope untuk judul dan Inter untuk teks isinya. Manrope adalah font berlisensi yang disajikan situs itu sendiri. Padanan gratis terdekat di Google Fonts: Manrope, Inter.

Diukur dari supabase.com 4 hari yang lalu.

Buka paket desain lengkapUnduh paket

Font family

2 font family
Manrope
Dipakai untuk
h1, h2, h3
Sumber
Dihosting sendiri
Alternatif gratis
Manrope
Inter
Dipakai untuk
body, label, button
Sumber
Dihosting sendiri
Alternatif gratis
Inter

CSS untuk menirunya

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

:root {
  --font-heading: "Manrope", "Manrope", sans-serif; /* Manrope stands in for Manrope */
  --font-body: "Inter", "Inter", sans-serif; /* Inter stands in for Inter */
  --font-size-base: 15px;
}

Cara teksnya ditata

headline-displayQuick brown foxManrope / 46px / 500 / lh 46px
headline-lgQuick brown foxManrope / 16px / 600 / lh 24px
headline-mdQuick brown foxManrope / 34px / 600 / lh 37.7778px
body-mdThe quick brown fox jumps over the lazy dogInter / 15px / 450 / lh 22.5px
label-mdThe quick brown fox jumps over the lazy dogInter / 12px / 500 / lh 1.33
buttonThe quick brown fox jumps over the lazy dogInter / 14px / 450 / lh 20px
Ukuran font yang dipakai
12131415163446

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/supabase.com/DESIGN.md

Pertanyaan

Font apa yang dipakai supabase.com?

supabase.com memakai Manrope, Inter. Judul ditata dengan Manrope dan teks isi dengan Inter, diukur dari situs saat dirender, bukan dibaca dari stylesheet-nya.

Apakah font supabase.com gratis dipakai?

Tidak. Manrope adalah font berlisensi yang disajikan supabase.com sendiri. Padanan gratis terdekatnya adalah Manrope, Inter, tersedia di Google Fonts. CSS di halaman ini menaruhnya di font stack sebagai pengganti.

Bagaimana cara mendapatkan tipografi yang sama seperti supabase.com di proyek saya?

Unduh paket desain supabase.com 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.