Book my free consultation

Container & Columns

Standard container

The standard container is responsive, with the following measurements. 1170px on devices >= 1200px, 970px on devices >= 992px

1 col
2 col
3 col
6 col


Container Smaller

The standard container is responsive, with the following measurements. 1170px on devices >= 1440px, 800px on devices >= 1200px, 690px on devices >= 992px

1 col
2 col
3 col
6 col

Typography

Heading 1

Welcome to Uniform Teeth

Graphik, medium(500)
Heading 2

Welcome to Uniform Teeth

Graphik, medium(500)
Heading 3

Welcome to Uniform Teeth

Graphik, medium(500)
Heading 4

Welcome to Uniform Teeth

Graphik, medium(500)
Heading 5
Welcome to Uniform Teeth
Graphik, medium(500)
Heading 6
Welcome to Uniform Teeth
Graphik, medium(500)
Font weight - Medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra, lectus vel posuere lacinia, orci leo ornare tellus, in porttitor elit velit et leo. Sed nec lectus eleifend tellus volutpat feugiat a eget nisl. Integer id dui turpis. Duis sed ante nec lacus ultrices sagittis id at mi. Aenean condimentum quis erat a blandit. Quisque eleifend a libero eu auctor. Mauris non dignissim magna, eu tristique nibh.

Graphik, medium(500)
Paragraph - Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra, lectus vel posuere lacinia, orci leo ornare tellus, in porttitor elit velit et leo. Sed nec lectus eleifend tellus volutpat feugiat a eget nisl. Integer id dui turpis. Duis sed ante nec lacus ultrices sagittis id at mi. Aenean condimentum quis erat a blandit. Quisque eleifend a libero eu auctor. Mauris non dignissim magna, eu tristique nibh.

Graphik, regular(400)
Font weight - Demi

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra, lectus vel posuere lacinia, orci leo ornare tellus, in porttitor elit velit et leo. Sed nec lectus eleifend tellus volutpat feugiat a eget nisl. Integer id dui turpis. Duis sed ante nec lacus ultrices sagittis id at mi. Aenean condimentum quis erat a blandit. Quisque eleifend a libero eu auctor. Mauris non dignissim magna, eu tristique nibh.

Graphik, medium(300)
Horizontal line


Color Palette

Primary color
#ff8500
Secondary color
#333a3a
Text - main
#000
Text - Secondary
#ACACAC
Text - Tertiary
#858585

Buttons

Spacing

Use multiples of 15px for padding, margins and spacing