Styleguide

This is the style guide page that contains styles and components.

I. Typeface & Color palette
A. Typeface

The font used in this template is Clash Grotesk, available on Fontshare. It's free to use for personal & commercial projects.
You can download it here

B. Color palette

Black

#1b1f0a

White

#f3f4ef

Green

#ddff55

II. Text Elements
A. Headings

Heading 1

DESKTOP Properties : 5REM / 1

Heading 2

DESKTOP Properties : 4REM / 1

Heading 3

DESKTOP Properties : 3.25REM / 1

Heading 4

DESKTOP Properties : 2.5REM / 1
Heading 5
DESKTOP Properties : 2REM / 1
Heading 6
DESKTOP Properties : 1.5REM / 1
B. Rich Text Element

Heading 1 into a rich text

Lorem ipsum dolor sit amet. Aut blanditiis reiciendis est mollitia error non optio voluptas et aliquid omnis ut voluptate aspernatur. In voluptatem quasi aut vitae quia et iure odio sed obcaecati voluptas eos enim amet At officiis sunt. Ea galisum accusantium ut illo atque sed inventore alias? Qui sequi necessitatibus ut eius voluptatem est asperiores autem sed natus asperiores sit reiciendis sunt ab mollitia omnis.

Id veniam debitis ea quod totam aut odit culpa qui numquam sint. Aut neque voluptate qui voluptas voluptatem et repellat tempore ut exercitationem animi est eligendi doloribus et repellat dolorem est sequi repudiandae. Ut aliquid Quis hic consequatur molestiae ut iure culpa. Et maxime facere qui velit pariatur id enim qui soluta explicabo!

Heading 2 into a rich text

Lorem ipsum dolor sit amet. Aut blanditiis reiciendis est mollitia error non optio voluptas et aliquid omnis ut voluptate aspernatur. In voluptatem quasi aut vitae quia et iure odio sed obcaecati voluptas eos enim amet At officiis sunt. Ea galisum accusantium ut illo atque sed inventore alias? Qui sequi necessitatibus ut eius voluptatem est asperiores autem sed natus asperiores sit reiciendis sunt ab mollitia omnis.

Id veniam debitis ea quod totam aut odit culpa qui numquam sint. Aut neque voluptate qui voluptas voluptatem et repellat tempore ut exercitationem animi est eligendi doloribus et repellat dolorem est sequi repudiandae.

Heading 3into a rich text

Lorem ipsum dolor sit amet. Aut blanditiis reiciendis est mollitia error non optio voluptas et aliquid omnis ut voluptate aspernatur. In voluptatem quasi aut vitae quia et iure odio sed obcaecati voluptas eos enim amet At officiis sunt. Ea galisum accusantium ut illo atque sed inventore alias? Qui sequi necessitatibus ut eius voluptatem est asperiores autem sed natus asperiores sit reiciendis sunt ab mollitia omnis.

Id veniam debitis ea quod totam aut odit culpa qui numquam sint. Aut neque voluptate qui voluptas voluptatem et repellat tempore ut exercitationem animi est eligendi doloribus et repellat dolorem est sequi repudiandae. Ut aliquid Quis hic consequatur molestiae ut iure culpa. Et maxime facere qui velit pariatur id enim qui soluta explicabo!

Heading 4 into a rich text

Lorem ipsum dolor sit amet. Aut blanditiis reiciendis est mollitia error non optio voluptas et aliquid omnis ut voluptate aspernatur. In voluptatem quasi aut vitae quia et iure odio sed obcaecati voluptas eos enim amet At officiis sunt. Ea galisum accusantium ut illo atque sed inventore alias? Qui sequi necessitatibus ut eius voluptatem est asperiores autem sed natus asperiores sit reiciendis sunt ab mollitia omnis.

Id veniam debitis ea quod totam aut odit culpa qui numquam sint. Aut neque voluptate qui voluptas voluptatem et repellat tempore ut exercitationem animi est eligendi doloribus et repellat dolorem est sequi repudiandae. Ut aliquid Quis hic consequatur molestiae ut iure culpa. Et maxime facere qui velit pariatur id enim qui soluta explicabo!

Heading 5 into a rich text

Lorem ipsum dolor sit amet. Aut blanditiis reiciendis est mollitia error non optio voluptas et aliquid omnis ut voluptate aspernatur. In voluptatem quasi aut vitae quia et iure odio sed obcaecati voluptas eos enim amet At officiis sunt. Ea galisum accusantium ut illo atque sed inventore alias? Qui sequi necessitatibus ut eius voluptatem est asperiores autem sed natus asperiores sit reiciendis sunt ab mollitia omnis.

Id veniam debitis ea quod totam aut odit culpa qui numquam sint. Aut neque voluptate qui voluptas voluptatem et repellat tempore ut exercitationem animi est eligendi doloribus et repellat dolorem est sequi repudiandae. Ut aliquid Quis hic consequatur molestiae ut iure culpa. Et maxime facere qui velit pariatur id enim qui soluta explicabo!

Heading 6 into a rich text

Lorem ipsum dolor sit amet. Aut blanditiis reiciendis est mollitia error non optio voluptas et aliquid omnis ut voluptate aspernatur. In voluptatem quasi aut vitae quia et iure odio sed obcaecati voluptas eos enim amet At officiis sunt. Ea galisum accusantium ut illo atque sed inventore alias? Qui sequi necessitatibus ut eius voluptatem est asperiores autem sed natus asperiores sit reiciendis sunt ab mollitia omnis.

Id veniam debitis ea quod totam aut odit culpa qui numquam sint. Aut neque voluptate qui voluptas voluptatem et repellat tempore ut exercitationem animi est eligendi doloribus et repellat dolorem est sequi repudiandae. Ut aliquid Quis hic consequatur molestiae ut iure culpa. Et maxime facere qui velit pariatur id enim qui soluta explicabo!

  • Lorem ipsum sim dolor amet
  • Lorem ipsum sim dolor amet
  • Lorem ipsum sim dolor amet
  • Lorem ipsum sim dolor amet
  1. Lorem ipsum sim dolor amet
  2. Lorem ipsum sim dolor amet
  3. Lorem ipsum sim dolor amet
  4. Lorem ipsum sim dolor amet
III. Buttons