# Webflow Style Guide

Startup is our ultimate startup Webflow Template & UI Kit designed for modern tech startups looking to launch an amazing website. It was designed & developed by the [BRIX Agency](https://brixagency.com/webflow-design-agency) team.

## Colors

### Primary Colors

Primary 1  
#055F5B  
Primary 2  
#FFD584

### Secondary Colors

Secondary 1  
#FBF9F8  
Secondary 2  
#F8EDE3  
Secondary 3  
#FAF6F1  
Secondary 4  
#E9F8F7

### Neutral Colors

Neutral 800  
#292C32  
Neutral 700  
#494A4D  
Neutral 600  
#6F7278  
Neutral 500  
#A0A2A7  
Neutral 400  
#CACCD1  
Neutral 300  
#E7E9EE  
Neutral 200  
#FAFAFC  
Neutral 100  
#FFFFFF

## Typography

### Rich Text

#### Heading H1 - Aa Bb Cc Dd

Heading 1 - 52px/1.308em

## Heading H2 - Aa Bb Cc Dd

Heading 2 - 38px/1.316em

### Heading H3 - Aa Bb Cc Dd

Heading 3 - 24px/1.375em

#### Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/1.091em

##### Heading H5 - Aa Bb Cc Dd

Heading 5 - 18px/1.389em

###### Heading H6 - Aa Bb Cc Dd

Heading 6 - 16px/1.125em

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.

**Paragraph Small - 15px/1.600em**

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.

**Paragraph Default - 18px/1.833em**

**Paragraph Large - 24px/1.583em**

[Link - Lorem ipsum dolor sit amet](https://www.earlyday.com/template-pages/styleguide#)

**Bold - Lorem ipsum dolor sit amet**

**Bold Text**

*Italic - Lorem ipsum dolor sit amet*

*Italic Text*

> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquet euismod ut id ullamcorper nunc diam. Amet a ac ut pharetra. Amet, accumsan, nisl in elementum volutpat integer. Cursus est elementum maecenas ut.

**Block Quote**

- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur.
- Lorem ipsum dolor sit amet, consectetur adipiscing.

**Bullet List**

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
2. Lorem ipsum dolor sit amet, consectetur.
3. Lorem ipsum dolor sit amet, consectetur adipiscing.

**Numbered List**

Bibendum est ultricies integer quis. Semper eget duis at tellus.

**Figure and Figure Caption**

## Icons

## Buttons

**[Small](https://www.earlyday.com/template-pages/styleguide#)**  
Button Primary - Small

**[Default](https://www.earlyday.com/template-pages/styleguide#)**  
Button Primary - Default

**[Large](https://www.earlyday.com/template-pages/styleguide#)**  
Button Primary - Large

**[Small](https://www.earlyday.com/template-pages/styleguide#)**  
Button Secondary - Small

**[Default](https://www.earlyday.com/template-pages/styleguide#)**  
Button Secondary - Default

**[Large](https://www.earlyday.com/template-pages/styleguide#)**  
Button Secondary - Large

## Cards

### Card Default

Lorem ipsum dolor sit amet consectetur adipiscing elit auctor scelerisque quam id magna risus nisi lectus odio interdum.