Aug 28, 2026
• 2 min read
Rules of 800 600 400
Mengapa sebuah desain terkadang terasa berantakan meskipun sudah menggunakan jenis font yang modern? Kuncinya sering kali ada pada absennya kontras ketebalan. Pelajari bagaimana formula matematis 800-600-400 membantu membangun hierarki visual yang profesional dan tajam.
Dalam eksplorasi desain grafis, baik saat merancang identitas visual, menyusun layout presentasi, hingga membangun antarmuka website, tipografi selalu menjadi fondasi penentu. Sering kali, kita menghabiskan waktu berjam-jam memilih jenis font yang estetis, namun hasil akhirnya tetap terasa datar dan menyulitkan navigasi mata audiens.
Masalahnya rata-rata terletak pada hierarki ketebalan font atau font weight. Di sinilah prinsip "Skip a Weight" atau formula 800-600-400 menjadi solusi teknis yang paling bisa diandalkan.
Dalam CSS dan mayoritas software desain, ketebalan font direpresentasikan dalam skala ratusan. Menggunakan ketebalan yang berdekatan untuk hierarki teks yang berbeda (misalnya Medium di 500 dan Regular di 400) justru membuat kontrasnya terlihat nanggung, seolah desainer salah memilih font.
Formula 800-600-400 memastikan adanya kontras visual yang tegas pada setiap tingkatan:
800 (Extra Bold): Digunakan secara khusus untuk Headline. Ketebalan ekstrem ini bertugas sebagai jangkar visual untuk langsung mengamankan atensi pembaca pada detik pertama.
600 (Semi-Bold): Dialokasikan untuk Sub-headline. Cukup tebal untuk membedakannya dari paragraf panjang, namun tetap tidak merebut dominasi dari judul utama.
400 (Regular): Standar mutlak untuk Body Text. Bobot yang normal memastikan keterbacaan yang nyaman dan tidak membebani mata pembaca meski teksnya panjang.
Tujuan utama dari tipografi adalah memastikan kelancaran distribusi informasi. Dengan memaksa diri untuk "melompati" kelas ketebalan (dari 800 ke 600, lalu ke 400), kita menciptakan alur baca yang sangat intuitif. Pembaca tidak perlu lagi menebak mana informasi primer dan mana informasi pelengkap, karena ketebalan font sudah memandu mata mereka secara otomatis.
Mulai sekarang, tahan keinginan untuk sekadar mengubah ukuran huruf (font-size). Beranikan diri untuk menciptakan kontras ketebalan yang ekstrem antara judul dan teks pendukung. Hasilnya adalah desain yang lebih bersih, terstruktur, dan jauh lebih profesional.
Masalahnya rata-rata terletak pada hierarki ketebalan font atau font weight. Di sinilah prinsip "Skip a Weight" atau formula 800-600-400 menjadi solusi teknis yang paling bisa diandalkan.
Dalam CSS dan mayoritas software desain, ketebalan font direpresentasikan dalam skala ratusan. Menggunakan ketebalan yang berdekatan untuk hierarki teks yang berbeda (misalnya Medium di 500 dan Regular di 400) justru membuat kontrasnya terlihat nanggung, seolah desainer salah memilih font.
Formula 800-600-400 memastikan adanya kontras visual yang tegas pada setiap tingkatan:
800 (Extra Bold): Digunakan secara khusus untuk Headline. Ketebalan ekstrem ini bertugas sebagai jangkar visual untuk langsung mengamankan atensi pembaca pada detik pertama.
600 (Semi-Bold): Dialokasikan untuk Sub-headline. Cukup tebal untuk membedakannya dari paragraf panjang, namun tetap tidak merebut dominasi dari judul utama.
400 (Regular): Standar mutlak untuk Body Text. Bobot yang normal memastikan keterbacaan yang nyaman dan tidak membebani mata pembaca meski teksnya panjang.
Tujuan utama dari tipografi adalah memastikan kelancaran distribusi informasi. Dengan memaksa diri untuk "melompati" kelas ketebalan (dari 800 ke 600, lalu ke 400), kita menciptakan alur baca yang sangat intuitif. Pembaca tidak perlu lagi menebak mana informasi primer dan mana informasi pelengkap, karena ketebalan font sudah memandu mata mereka secara otomatis.
Mulai sekarang, tahan keinginan untuk sekadar mengubah ukuran huruf (font-size). Beranikan diri untuk menciptakan kontras ketebalan yang ekstrem antara judul dan teks pendukung. Hasilnya adalah desain yang lebih bersih, terstruktur, dan jauh lebih profesional.
Referensi & Jurnal
Font Weight in Typography: Hierarchy & Contrast (Fontfabric)
https://www.fontfabric.com/blog/typography-knowledge-weight-typography/
he 7 Rules Of Typography
https://www.rafmitchell.com/post/the-7-rules-of-typography
Typographic Hierarchy: Principles & Examples (StudySmarter)
https://www.studysmarter.co.uk/explanations/art-and-design/graphic-design/typographic-hierarchy/