Type 1

  • Monthly
  • Yearly

Design system

01.

Color Pallette

Primary

#51B152

Secondary

#51B152

Neutral

#51B152

Success

#198754

Danger

#BC2D3B

Warning

#FFC107

Info

#0DCAF0

Light

#E6F0F5

Dark

#BC2D3B

02.

Typography

Heading

Aa

0123456789

ABCDEFGHIJKL MNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

DM Serif Display

Body

Aa

0123456789

ABCDEFGHIJKLM NOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

Source Sans Pro

Heading 1

Pack my box with five dozen liquor jugs.

Heading 2

Bright vixens jump; dozy fowl quack.

Heading 3

John quickly extemporized five tow bags.

Heading 4

Viewing quizzical abstracts mixed up hefty jocks.

Heading 5

My girl wove six dozen plaid jackets before she quit.

Heading 6

Monsieur Jack, vous dactylographiez bien mieux que votre ami Wolf

Body

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque tellus vitae lorem laoreet, nec dapibus ex vehicula. Etiam malesuada justo non molestie sollicitudin

Caption

Vivamus finibus congue arcu et ullamcorper. Sed eget condimentum neque.

Sub title

Alve bazige

Quote

Curabitur non est sed urna facilisis aliquam. Pellentesque vel commodo ex, eget tristique augue. Quisque pharetra bibendum elit eget commodo. Ut eu imperdiet massa

Bigger

Quel vituperabile xenofobo zelante assaggia il whisky ed esclama: alleluja!

Smaller

Nulla nec ante nec enim maximus cursus sit amet vel nunc. Cras eu massa nisl. Donec ac elementum tortor

Label

Qualche notizia

Placholder

Plazhaler

03.

Elements

Button

Primary

Button
Button
Button

Secondary

Button
Button
Button

Transparent

Button
Button
Button

Image

Form

Quote

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 dolor

John Doe Tweet