Website Style Guide
TYPOGRAPHY
Titillium Web
ABCDEFGHIJKIMNOPQRSTUVWXYZ
abcdefghijkimnopqrstuvwxyz
Heading Font | Alternative to Cairo
Libre Franklin
ABCDEFGHIJKIMNOPQRSTUVWXYZ
abcdefghijkimnopqrstuvwxyz
Paragraph FONT | Alternative to Franklin Gothic
Heading 1
SemiBold 600
Heading 2
SemiBold 600
Heading 3
Regular 400
Heading 4
Regular 400
Heading 5
SemiBold 600
Heading 6
SemiBold 600
Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
16px | 1rem | Medium 500
Headline
Lorem Ipsum Dolor sit amet, Consectetur Adipiscing Elit, sed do Eiusmod
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
COLOR
Primary
Secondary
Accent
BUTTON
CONTENT LINK
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
BULLET LISTING
Ipsum dolor sit amet:
- Nam ornare neque ac diam egestas gravida
- Donec euismod odio at luctus sodales
- Unde omnis iste natus error
- Lorem ipsum dolor sit amet, consectetur
- Ullamco laboris nisi ut aliquip
ICONOGRAPHY
stylized Main Icon Style
Secondary Icon Style
stylized Main Icon Style
Secondary Icon Style
LAYOUT EXAMPLE
Excepteur
Lorem Ipsum Dolor sit amet, Consectetur Adipiscing Elit, sed do Eiusmod
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Excepteur
Lorem Ipsum Dolor sit amet, Consectetur Adipiscing Elit, sed do Eiusmod
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, sed do Eiusmod
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum Dolor sit amet, Consectetur Adipiscing Elit, sed do Eiusmod
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum Dolor sit amet, Consectetur Adipiscing Elit, sed do Eiusmod
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, sed do Eiusmod
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Ardent Creative