Style Guide
All graphical assets used in this template are licensed for personal and commercial use. Before using a specific asset in this template, please check the license below
Typography
Extra Headings
Extra Headings 01
ExtraHeading-H1 — 58 px
Extra Headings 02
Heading-H2 — 38 px
Extra Headings 03
Heading-H3 — 32 px
Extra Headings 04
Heading-H4 — 28 px
Extra Headings 05
Heading-H5 — 24 px
Extra Headings 06
Heading-H6 — 10 px
Heading
Heading 01
Heading-H1 — 34 px
Heading 02
Heading-H2 — 18 px
Heading 03
Heading-H3 — 16 px
Heading 04
Heading-H4 — 14 px
Heading 05
Heading-H5 — 12 px
Heading 06
Heading-H6 — 10 px
Text Size
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.
Text-Size-Lg — 18 px
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.
Text-Size-Md — 16 px
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.
Text-Size-Sm — 14 px
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.
Text-Size-Xs — 12 px
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.
Text-Size-Xxs — 10 px
Text Weights
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.
Text-Weight-Bold — 700
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.
Text-Weight-Bold — 600
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.
Text-Weight-Medium — 500
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.
Text-Weight-Normal — 400
Colours
Primary Colors
Dark Green
#1E4C2F
DarkGreen2
#257E34
DarkGreen3
#1D9E34
Black
#0B0F0E
Black2
#1D2322
Black3
#313736
Secondary Color
Grey
#818B9C
Grey2
#9BA6B9
Grey3
#BCC5D4
lGrey
#F1F1F1
lGrey2
#F6F6F6
lGrey3
#F9F9F9
dGrey
#E4E9EE
dGrey2
#F0F3F6
dGrey3
#F8F9FC
Support Color
Orange
#3D5BF6
Orange2
#AAAFBE
Orange3
#D4D7DF
Red
#E04124
Red2
#EF907F
Red3
#F9BCB1
Screen Color
White
#FFFFFF
The biggest marketplace managed by Ideologist corp, which provides various kinds of daily needs and hobbies.