Style Guide
Logo
Logo
Light Logo
Fav Icon
Colors
Primary Color
Secondary Color
Tertiary Color
Heading Color
Body Text Color
Body BG Color
Border Color
Typograpy Details
Heading H1 (60px - 42px)
Heading H2 (46px - 36px)
Heading H3 (36px - 28px)
Heading H4 (30px - 22px)
Heading H5 (24px - 20px)
Heading H6 (20px - 18px)
Border Details
border-width: 1px; border-style: solid; border-color: #d9d9d9;
Border Radius
border-radius: 10px;
border-radius: 20px;
border-radius: 30px;
Button Style
Light BG Button Style
Dark BG Button Style
Pagination Dots Style
Accumsan mass
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Pagination Arrow Style
Accumsan mass
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Accumsan mass
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Popup Style
Input Style
Hata: İletişim formu bulunamadı.
Subtitle, Heading and content Style
Sub Heading
Heading Style
Few lines to well describe your content supporting headline.Few lines to well describe your content supporting headline.Few lines to well describe your content supporting headline.
Sub Heading
Heading Style
Few lines to well describe your content supporting headline.Few lines to well describe your content supporting headline.Few lines to well describe your content supporting headline.
Column Gap Detals
List Style
- List Item #1
- List Item #1
- List Item #1
- List Item #1
- List Item #1
Link style
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Title below block spacing
Sub Heading
Heading Style
Few lines to well describe your content supporting headline.Few lines to well describe your content supporting headline.Few lines to well describe your content supporting headline.
Accumsan mass
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Tesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
