UI Kit
Summary of all styles and components
(
1.
)
Typography
in the project we used two open source typefaces. Switzer and Libre Caslon Condensed. Both of those font families are free for commercial use.
Switzer designed by Indian Type Foundry.
Libre Condensed designed by Ertekin Erdin
Grotesk
Heading 1
Heading 3
Heading 4
Heading 5
Paragraph 1
label
Serif
Heading 1
Heading 4
Heading 5
Heading 5 Regular
Note text
Blog typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6 for quotes
(
2.
)
Logo
Logo is a combination of two typefaces. You can type in you name or replace it with your own logo.
Small in header
Big in footer
Pro
Voke
(
3.
)
Colors
Colours are easily changeble from styles panel in Framer.
Black text color
White background color
Accent color
(
5.
)
Loader
This is an animated loader. You can update it in components.
Strategy
+ Design
Services
UI Kit
Summary of all styles and components
(
1.
)
Typography
in the project we used two open source typefaces. Switzer and Libre Caslon Condensed. Both of those font families are free for commercial use.
Switzer designed by Indian Type Foundry.
Libre Condensed designed by Ertekin Erdin
Grotesk
Heading 1
Heading 3
Heading 4
Heading 5
Paragraph 1
label
Serif
Heading 1
Heading 4
Heading 5
Heading 5 Regular
Note text
Blog typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6 for quotes
(
2.
)
Logo
Logo is a combination of two typefaces. You can type in you name or replace it with your own logo.
Small in header
Big in footer
Pro
Voke
(
3.
)
Colors
Colours are easily changeble from styles panel in Framer.
Black text color
White background color
Accent color
(
5.
)
Loader
This is an animated loader. You can update it in components.
Strategy
+ Design
Services
UI Kit
Summary of all styles and components
(
1.
)
Typography
in the project we used two open source typefaces. Switzer and Libre Caslon Condensed. Both of those font families are free for commercial use.
Switzer designed by Indian Type Foundry.
Libre Condensed designed by Ertekin Erdin
Grotesk
Heading 1
Heading 3
Heading 4
Heading 5
Paragraph 1
label
Serif
Heading 1
Heading 4
Heading 5
Heading 5 Regular
Note text
Blog typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6 for quotes
(
2.
)
Logo
Logo is a combination of two typefaces. You can type in you name or replace it with your own logo.
Small in header
Big in footer
Pro
Voke
(
3.
)
Colors
Colours are easily changeble from styles panel in Framer.
Black text color
White background color
Accent color
(
5.
)
Loader
This is an animated loader. You can update it in components.
Strategy
+ Design
Services
UI Kit
Summary of all styles and components
(
1.
)
Typography
in the project we used two open source typefaces. Switzer and Libre Caslon Condensed. Both of those font families are free for commercial use.
Switzer designed by Indian Type Foundry.
Libre Condensed designed by Ertekin Erdin
Grotesk
Heading 1
Heading 3
Heading 4
Heading 5
Paragraph 1
label
Serif
Heading 1
Heading 4
Heading 5
Heading 5 Regular
Note text
Blog typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6 for quotes
(
2.
)
Logo
Logo is a combination of two typefaces. You can type in you name or replace it with your own logo.
Small in header
Big in footer
Pro
Voke
(
3.
)
Colors
Colours are easily changeble from styles panel in Framer.
Black text color
White background color
Accent color
(
5.
)
Loader
This is an animated loader. You can update it in components.