Style Guide

The guide to using the basic template sections and tags is
shown with their basic style.

Colors

Primaries, shades and text andany other color style used in Cloudy.

#050B14

#368DFF

#050B14-80%

#00A962

#DB3662

#FFC301

#FFFFFF

Typorgraphy

Headings, body and other common text elements.

Heading 01-68px

Heading 02-60px

Heading 03-56px

Sub Heading 01 - 34px

Sub heading 02 - 28px

Sub heading 03 - 24px

Sub heading 04 - 22px

Sub heading 05 - 20px

Body 01 - 20px

Body 02 - 18px

Body 03 - 14px (Semibold)

Body 04 - 14px

Paragraph

Paragraph, body and other common text elements.

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.

List

List section in the template

  • Launch, manage, and scale a commercial

  • Launch, manage, and scale a commercial

  • Launch, manage, and scale a commercial

  • Unlimited members

  • 250 issues (+unlimited archived)

  • Import and export

  • All integrations, APIs, webhooks

  • 250 issues (+unlimited archived)

  • Import and export

  • All integrations, APIs, webhooks

  • Import and export

Blockqoute

“Nisi quis eleifend quam adipiscing vitae aliquet bibendum enim facilisis gravida neque pellentesque massa placerat.”

Buttons

Component, Button style and size variations