Style Guide

A style guide is a set of standards for writing and design, ensuring consistency and clarity across website.

Colors

Colors specify the exact shades to be used for branding, ensuring a consistent visual identity across all materials.

Light Yellow

#fffef3

Yellow

#fff000

Clicked Yellow

#d6cb12

Light Black

#202224

Gray

#707274

Gray

#308a57

Red

#8b4242

Typography

Typography outlines specific fonts, sizes, and styles to be used for written content, maintaining a cohesive look.
Display
Nice Title
H1

Nice Title

H2

Nice Title

H3

Nice Title

H4

Nice Title

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Small Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Rich Text

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually.

Rich Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dictum vestibulum nisi, sed cursus nisi suscipit sed. Aliquam viverra lectus nec velit condimentum, quis pharetra lectus dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus vitae nibh vitae lorem eleifend dapibus.

Image Caption
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dictum vestibulum nisi, sed cursus nisi suscipit sed. Aliquam viverra lectus nec velit condimentum, quis pharetra lectus dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas!

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Example of Text Link

Bold text

Emphasis

Superscript

Subscript

Rich Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dictum vestibulum nisi, sed cursus nisi suscipit sed. Aliquam viverra lectus nec velit condimentum, quis pharetra lectus dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus vitae nibh vitae lorem eleifend dapibus.

Image Caption
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dictum vestibulum nisi, sed cursus nisi suscipit sed. Aliquam viverra lectus nec velit condimentum, quis pharetra lectus dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas!

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Example of Text Link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

Text link

Bold text

Emphasis

Superscript

Subscript

Form

Forms outline the layout, design, and fields for collecting information from users.
Close
Work
Clients
Services
Resume
FAQ
Contact
Linkedin