Style Guide

A style guide is a dedicated page functioning as your website's reference touchstone, ensuring stylistic consistency and visual cohesion in design across all pages.

A style guide is a dedicated page functioning as your website's reference touchstone, ensuring stylistic consistency and visual cohesion in design across all pages.

Home

Style guide

01 – Color Palletes
01 – Color Palletes

Comprising the specific color schema, color palettes ensure visual consistency across the website. 

Comprising the specific color schema, color palettes ensure visual consistency across the website. 

Brand

Heading

backdrop

border

Section highlight

Body text

02 – Typography
02 – Typography

The typography portion pinpoints typefaces, sizes, letter spacing, and line heights.

The typography portion pinpoints typefaces, sizes, letter spacing, and line heights.

Headlines

h1

How Quickly Daft Jumping

h2

Jackdaws Love My Sphinx Big Quartz

h3

The Quick Onyx Goblin Jumps Over The Lazy

h4

Cozy Lummox Gives Smart Squid Who Asks For Job Pen

h5

How Razorback-Jumping Frogs Can Level Six Piqued Gymnasts

h6

We Promptly Judged Antique Ivory Buckles For The Next Prize

SUbtitle

Headline

Luna Silverstar

07 June 2081

Lead Paragraph – posuere erat a ante venenatis dapibus posuere velit aliquet lorem ipsum dolor

Paragraph – This is link sed diam eget risus varius sit blandit sit amet non magna. Cras mattis consectetur purus sit amet vel eu leo. Cum sociis

Read more

03 – Buttons
03 – Buttons

Providing baseline aesthetics for buttons ensures an omnipresent design. 

Providing baseline aesthetics for buttons ensures an omnipresent design. 

04 – Forms
04 – Forms

Design standards for forms dictate a consistent look and feel for all user input fields. 

Design standards for forms dictate a consistent look and feel for all user input fields. 

Contact form

Subscription form

Stay in the loop on the latest industry news and trends with our biweekly newsletter. Relevant and practical updates.

We promise to keep your information private and avoid spamming you with unwanted content and product offers.

05 – Icons
05 – Icons

Specifying icons' design style, size, color, and placement ensures they are coherent and intuitive. 

Specifying icons' design style, size, color, and placement ensures they are coherent and intuitive. 

Template icon

Social icon

Copyright © 2023. Ardho Fortana

ROIstars