SOP Font

Selamat datang di halaman SOP Font. Halaman ini dirancang untuk membantu Anda memahami dan mengatur hierarki font yang tepat, termasuk pengaturan pada Font Slider Revolution. Dengan panduan yang tersedia, Anda dapat memastikan tampilan font pada website atau aplikasi menjadi lebih konsisten, menarik, dan sesuai standar desain yang ditetapkan. Gunakan informasi ini untuk mendukung kualitas visual yang profesional dan efisiensi dalam proses pengelolaan font.

Font Hierarchy for Page WordPress

Hirarki font sangat penting untuk menjaga keteraturan informasi dan pengalaman pengguna yang baik. Dalam pengembangan website, penggunaan ukuran dan gaya font yang tepat sesuai dengan perangkat (desktop, tablet, dan mobile) perlu diperhatikan agar pengguna mendapatkan pengalaman yang konsisten.

Container Width

Desktop: 1100 px, Tablet: 650 px, Mobile: 300 px

Container Top Bottom

Padding Top: 70 px, Padding Bottom: 70 px

Container Height

Slider Height: 100 vh, Section Height: 600 px

Dekstop

MAIN, Main, main: 55 px, 700 bold

HEADING 1, Heading 1, heading 1: 40 px, 700 bold

HEADING 2, Heading 2, heading 2: 32 px, 700 bold

HEADING 3, Heading 3, heading 3: 24 px, 700 Bold

HEADING 4, Heading 4, heading 4: 20 px, 600 semi bold

HEADING 5, Heading 5, heading 5 : 17 px, 500 medium

DESKRIPSI, Deskripsi, deskripsi: 16px, 400 normal

Tablet

MAIN, Main, main: 45px, 700 bold

HEADING 1, Heading 1, heading 1: 32px, 700 bold

HEADING 2, Heading 2, heading 2: 28px, 700 bold

HEADING 3, Heading 3, heading 3: 24px, 700 bold

HEADING 4, Heading 4, heading 4: 20px, 600 semi bold

HEADING 5, Heading 5, heading 5: 20px, 600 semi bold

DESKRIPSI, Deskirpsi, deskripsi: 16px, 400 normal

MOBILE

MAIN, Main, main: 36px, 700 bold

HEADING 1, Heading 1, heading 1: 32px, 700 bold

HEADING 2, Heading 2, heading 2: 28px, 700 bold

HEADING 3, Heading 3, heading 3: 24 px, 700 bold

HEADING 4, Heading 4, heading 4: 20px, 600 semi bold

HEADING 5, Heading 5, heading 5: 16px, 500 medium

DESKRIPSI, Deskripsi, deskripsi: 16px, 400 normal

Font Hierarchy for Slider Revolution

Hirarki font sangat penting untuk menjaga keteraturan informasi dan pengalaman pengguna yang baik. Dalam pengembangan website, penggunaan ukuran dan gaya font yang tepat sesuai dengan perangkat (desktop, tablet, dan mobile) perlu diperhatikan agar pengguna mendapatkan pengalaman yang konsisten.

Dekstop

MAIN, Main, main: 90px, Bold

HEADING 1, Heading 1, heading 1: 65px, Bold

HEADING 2, Heading 2, heading 2: 53px, Bold

HEADING 3, Heading 3, heading 3: 42px, Bold

HEADING 4, Heading 4, heading 4: 35px, Semi Bold

HEADING 5, Heading 5, heading 5: 28px, Medium

DESCRIPTION, Description, description: 28px, Normal

Notebook

MAIN, Main, main: 74px, Bold

HEADING 1, Heading 1, heading 1: 53px, Bold

HEADING 2, Heading 2, heading 2: 43px, Bold

HEADING 3, Heading 3, heading 3: 34px, Bold

HEADING 4, Heading 4, heading 4: 28px, Semi Bold

HEADING 5, Heading 5, heading 5: 23px, Medium

DESCRIPTION, Description, description: 23px, Normal

Tablet

MAIN, Main, main: 60px, Bold

HEADING 1, Heading 1, heading 1: 45px, Bold

HEADING 2, Heading 2, heading 2: 36px, Semibold

HEADING 3, Heading 3, heading 3: 30px, Medium

HEADING 4, Heading 4, heading 4: 24px, Semi Bold

HEADING 5, Heading 5, heading 5: 22px, Medium

DESCRIPTION, Description, description: 22px, Normal

Mobile

MAIN, Main, main: 40px, Bold

HEADING 1, Heading 1, heading 1: 30px, Semibold

HEADING 2, Heading 2, heading 2: 28px, Semibold

HEADING 3, Heading 3, heading 3: 25px, Medium

HEADING 4, Heading 4, heading 4: 22px, Medium

HEADING 5, Heading 5, heading 5: 20px, Medium

DESCRIPTION, Description, description: 20px, Normal