Color Palette
Hex: #ed5f43
Rgb: 237, 95, 67
Primary color,
Buttons
Hex: #a2b2bd
Rgb: 162, 178, 189
Secondary
buttons
Hex: #5b6b79
Rgb: 43, 54, 63
Secondary
buttons-hover
Hex: #2b363f
Rgb: 43, 54, 63
Headlines
Dark bg
Hex: #90a3b0
Rgb: 144, 163, 176
Input border focus
on focus state
Hex: #c3ced6
Rgb: 195, 206, 214
Input border
on normal state
Hex: #edf1f4
Rgb: 237, 241, 243
Light bg
Imagery
Typography
Rubik
Main title h1
50px
Regular
This is a h2
40px
Regular
This is a h3
34px
Regular
This is a h4
28px
Regular
This is a h5
24px
Regular
This is a h6
21px
Regular
PT Sans
Paragraph
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi perspiciatis, veniam quisquam dolores aperiam omnis, pariatur? Explicabo, atque, necessitatibus quis dolorum accusantium sit harum aperiam libero quaerat, molestias accusamus excepturi.
Small Paragraph
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, quos, voluptas! Exercitationem eligendi quis fugiat corporis. Ab adipisci possimus aliquam, libero, eligendi expedita neque rerum assumenda architecto beatae veniam accusamus.
2 column section
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente quia facilis aut, quam, minus praesentium! Impedit dolores enim, repudiandae, tempora, laboriosam perferendis natus nihil provident rerum laudantium mollitia quod libero.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla facere, similique nam eligendi iste velit itaque aspernatur dicta, blanditiis tempora, dolorum. Velit quae illo sunt unde, quaerat, quidem suscipit sequi.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta modi ex, placeat obcaecati repellat! Eum dignissimos dolorem, consectetur saepe mollitia repellat reiciendis laudantium, aperiam corporis, nihil ea dolorum, soluta rem! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum id iure, modi veritatis nam aut aspernatur necessitatibus assumenda magnam facilis, asperiores, rerum maiores corporis provident hic natus sit ullam obcaecati?
Bill Gates, CEO Microsoft
Usage
What Maker can offer you?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate odio, quisquam amet voluptatibus, assumenda quidem iste perspiciatis, nam sint earum et dolores ad minus. Corrupti necessitatibus minus autem, deserunt soluta!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt harum, cumque commodi odit odio libero magnam! Adipisci eaque, aspernatur laboriosam architecto, nihil velit reiciendis natus, praesentium distinctio illum iure. Deserunt.