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

Human

Baltic

(

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.

Human

Baltic

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

Human

Baltic

(

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.

Human

Baltic

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

Human

Baltic

(

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.

Human

Baltic

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

Human

Baltic

(

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.

Human

Baltic