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.

Home

Style guide

01 – Color Palletes

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

Brand

Heading

backdrop

border

Section highlight

Body text

02 – Typography

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

Headlines

How Quickly Daft Jumping

Jackdaws Love My Sphinx Big Quartz

The Quick Onyx Goblin Jumps Over The Lazy

Cozy Lummox Gives Smart Squid Who Asks For Job Pen

How Razorback-Jumping Frogs Can Level Six Piqued Gymnasts

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

03 – Buttons

Providing baseline aesthetics for buttons ensures an omnipresent design.

Large

Medium

Small

Large

Medium

Small

Standalone Link

04 – Forms

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

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

Template icon

Social icon