Tipography

  • Headers: Inter Tight
  • Body text: Inter Tight
Example:

There’s more to great UX design than selecting pretty pictures. It’s time to stop neglecting your text layout. The art of words is all about the way that words look on the page or screen.

Since the dawn of the written language, the manner in which letters are presented and arranged has always mattered. Today is no different. This post will take a look at why text layout is important, how layout techniques have evolved, and how you can create a masterpiece.

Let’s get to it!

Styles

H1  Think more, design less.

Inter Tight Bold  | 2.75 rem

H2  Think more, design less.

Inter Tight | 2.5 rem

H3  Think more, design less.

Inter Tight | 2 rem

H4  Think more, design less.

Inter Tight | 1.5 rem

H5  Think more, design less.

Inter Tight | 1.25 rem

H6  Think more, design less.

Inter Tight Bold | 1 rem

Think more, design less.

Colors

#361d32
#543c52
#f55951
#edd2cb
#f1e8e6

Icons

Components

Hero

Hero section

Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Slider Cards

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here

Name Goes Here

Position

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Buttons

Nested rows

Your content goes here. 

P

Flex

!
6
k
s
q
l
w
1