Colours
Colours Element
Primary color 1:
479ec1
Primary color 2:
ff6e68
Primary color 3:
fc5e48
Primary color 4:
b49968
Primary color 5:
e1aa5e
Primary color 6:
c3d136
Primary color 6:
00b9bf
Text Colours
Title text color
2c2c2c
Body text color
707070
Box text colour
9a9a9a
Typography Elements
Body text1: Apercu Pro / Font size: 18px / Line height: 26px / Colour: 707070 / Letter spacing: 0px / Font weight: Regular
Body text1: Apercu Pro / Font size: 16px / Line height: 24px / Colour: 707070 / Letter spacing: 0px / Font weight: Regular
Caption text: Apercu Pro / Font size: 14px / Line height: 20px / Colour: 9a9a9a / Letter spacing: 0px / Font weight: Regular / The distance from the photo is 15px
Error text: Apercu Pro / Font size: 14px / Line height: 20px / Colour: bf0d12 / Letter spacing: 0px / Font weight: Regular / The distance from the box is 15px
Heading 1
(Heading 1: Apercu Pro / Font size: 34px / colour: 2c2c2c / Letter spacing: -10px / Font weight: Medium / Line height: 36px / Distance from title to description: 30px)
Heading 2
(Heading 2: Apercu Pro / Font size: 30px / Colour: 2c2c2c / Letter spacing: -10px / Font weight: Medium / Line height: 32px / Distance from title to description: 30px)
Heading 3
(Heading 3: Apercu Pro / Font size: 26px / Colour: 2c2c2c / Letter spacing: -10px / Font weight: Medium / Line height: 30px / Distance from title to description: 30px)
Heading 4
(Heading 4: Apercu Pro / Font size: 24px / Colour: 2c2c2c / Letter spacing: -10px / Font weight: Medium / Line height: 30px / Distance from title to description: 24px)
Heading 5
(Heading 5: Apercu Pro / Font size: 20px / Colour: 2c2c2c / Letter spacing: 0px / Font weight: Medium / Line height: 26px / Distance from title to description: 22px)
Heading 6
(Heading 5: Apercu Pro / Font size: 18px / Colour: 2c2c2c / Letter spacing: 0px / Font weight: Medium / Line height: 24px / Distance from title to description: 20px)
Button Elements
Text List
- Level 1 hover
- Level 1 default
- Level 2 hover
- Level 2 default
- Level 3 hover
- Level 3 default
- Level 1 hover
- Level 1 default
- Level 2 hover
- Level 2 default
- Level 3 hover
- Level 3 default
- Level 1 hover
- Level 1 default
- Level 2 hover
- Level 2 default
- Level 3 hover
- Level 3 default
Table
Employee | Salary | |
---|---|---|
John Doe | $100 | Because that’s all Steve Jobs needed for a salary. |
John Doe | $100 | Because that’s all Steve Jobs needed for a salary. |
John Doe | $100 | Because that’s all Steve Jobs needed for a salary. |
Definition Lists
Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary
Checkbox & Radio Button
Input & Dropdown
Image Size
Image 1
![Untitled-1 Untitled-1](https://bkcykler-cph.dk/wp-content/uploads/elementor/thumbs/Untitled-1-p906bvuszcv6xiz4olvi3i9uuwk0ugse7f00w1ci2k.png)
![Untitled-1 Untitled-1](https://bkcykler-cph.dk/wp-content/uploads/elementor/thumbs/Untitled-1-p906bvuu77nthz14ddw3wswf85fvqmh467224n8tdk.png)
![Untitled-1 Untitled-1](https://bkcykler-cph.dk/wp-content/uploads/elementor/thumbs/Untitled-1-p906bvuvf2ggh5fljookan1l79w823lnsg0ulwvfgo.png)
![Untitled-1 Untitled-1](https://bkcykler-cph.dk/wp-content/uploads/elementor/thumbs/Untitled-1-p906bvuwmx938yntz833e7fgdgkbnx0akyj9gumw5q.png)
![Untitled-1 Untitled-1](https://bkcykler-cph.dk/wp-content/uploads/elementor/thumbs/Untitled-1-p906bvuxus1q0rw2erhmhrtbjn8f9qexdh1obsecus.png)
Image 2
![Untitled-1 Untitled-1](https://bkcykler-cph.dk/wp-content/uploads/elementor/thumbs/Untitled-1-p906bvuszcuunkkk2yo0z8rumlhi2xlonbpbo9fin8.png)
![Untitled-1 Untitled-1](https://bkcykler-cph.dk/wp-content/uploads/elementor/thumbs/Untitled-1-p906bvuu77na9kqahvj73bm7nxp4qotej4ahtnwqoc.png)
![Untitled-1 Untitled-1](https://bkcykler-cph.dk/wp-content/uploads/elementor/thumbs/Untitled-1-p906bvuvf2fpvkw0wsed7egkp9wreg14ewvnz2dypg.png)
![Untitled-1 Untitled-1](https://bkcykler-cph.dk/wp-content/uploads/elementor/thumbs/Untitled-1-p906bvuwmx85hl1rbp9jbhaxqm4e278uapgu4gv6qk.png)
![Untitled-1 Untitled-1](https://bkcykler-cph.dk/wp-content/uploads/elementor/thumbs/Untitled-1-p906bvuxus0l3l7hqm4pfk5aryc0pygk6i209vcero.png)
Image 3
![Untitled-1 Untitled-1](https://bkcykler-cph.dk/wp-content/uploads/elementor/thumbs/Untitled-1-p906bvuszcuhyvthzsopafr8seuhw2z5frhv7ts8fs.png)
![Untitled-1 Untitled-1](https://bkcykler-cph.dk/wp-content/uploads/elementor/thumbs/Untitled-1-p906bvuu77mq7pqhnbml4rasvytew4a1l3pf1d42ew.png)
![Untitled-1 Untitled-1](https://bkcykler-cph.dk/wp-content/uploads/elementor/thumbs/Untitled-1-p906bvuvf2eygjnhaukgz2uczisbw5kxqfwyuwfwe0.png)
![Untitled-1 Untitled-1](https://bkcykler-cph.dk/wp-content/uploads/elementor/thumbs/Untitled-1-p906bvuwmx76pdkgydictedx32r8w6vtvs4iofrqd4.png)
![Untitled-1 Untitled-1](https://bkcykler-cph.dk/wp-content/uploads/elementor/thumbs/Untitled-1-p906bvuxurzey7hglwg8npxh6mq5w86q14c2hz3kc8.png)