Typography

Typeface

Montserat

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*()

Font size: 56px / 3.5rem | Line height: 120%

Heading 1

Font size: 40px / 2.5rem | Line height: 120%

Heading 1 - Mobile

Font size: 48px / 3rem | Line height: 120%

Heading 2

Font size: 36px / 2.25rem | Line height: 120%

Heading 2 - Mobile

Font size: 40px / 2.5rem | Line height: 120%

Heading 3

Font size: 32px / 2rem | Line height: 120%

Heading 3 - Mobile

Font size: 32px / 2rem | Line height: 130%

Heading 4

Font size: 24px / 1.5rem | Line height: 140%

Heading 4 - Mobile

Font size: 24px / 1.5rem | Line height: 140%

Heading 5

Font size: 20px / 1.25rem | Line height: 140%

Heading 5 - Mobile

Font size: 20px / 1.25rem | Line height: 140%

Heading 6

Font size: 18px / 1.125rem | Line height: 140%

Heading 6 - Mobile

Font size: 20px / 1.25rem Line height: 150%

Text large Extra bold

Text large Bold

Text large Semi bold

Text large Medium

Text large Normal

Text large Light

Font size: 18px / 1.125rem Line height: 150%

Text medium Extra bold

Text medium Bold

Text medium Semi Bold

Text medium Medium

Text medium Normal

Text medium Light

Font size: 16px / 1rem  Line height: 150%

Text regular Extra bold

Text regular Bold

Text regular Semi Bold

Text regular Medium

Text regular Normal

Text regular Light

Font size: 14px / 0.875rem  Line height: 150%

Text small Extra bold

Text small Bold

Text small Semi Bold

Text small Medium

Text small Normal

Text small Light

Font size: 12px / 0.75rem  Line height: 150%

Text tiny Extra bold

Text tiny Bold

Text tiny Semi Bold

Text tiny Medium

Text tiny Normal

Text tiny Light

Boutons

Bouton

Découvrir

Bouton Secondaire

Spacers

Unified spacer system for the project.

spacer-tiny

spacer-xxsmall

spacer-xsmall

spacer-small

spacer-medium

spacer-large

spacer-xlarge

spacer-xxlarge

spacer-huge

spacer-xhuge

spacer-xxhuge

Structure Classes

Defined and flexible core structure we can use on all or most pages.

page-wrapper

main-wrapper

container-small

container-medium

container-large

padding-global

padding-section-small

padding-section-medium

padding-section-large

button-group

Paddings

Utility spacing system - padding classes. [padding-direction] + [padding-size].

Direction Classes

padding-bottom

padding-top

padding-vertical

padding-horizontal

padding-left

padding-right

Size Classes

padding-0

padding-tiny

padding-xxsmall

padding-xsmall

padding-small

padding-medium

padding-large

padding-xlarge

padding-xxlarge

padding-huge

padding-xhuge

padding-xxhuge

padding-custom1

padding-custom2

padding-custom3

Cards

Nom/Prénom

Fonction

Conseil Fiscal et Patrimonial

Une expertise approfondie et une expérience confirmée depuis des années dans la gestion de patrimoine

Conseil Fiscal et Patrimonial

Une expertise approfondie et une expérience confirmée depuis des années dans la gestion de patrimoine

01

Performance Financière Durable

De nombreuses études ont montré que les entreprises qui intègrent des pratiques durables et éthiques dans leur stratégie ont tendance à être plus résilientes et à générer des rendements financiers durables à long terme.

Performance Financière Durable

De nombreuses études ont montré que les entreprises qui intègrent des pratiques durables et éthiques dans leur stratégie ont tendance à être plus résilientes et à générer des rendements financiers durables à long terme.

Illustration d'un ciel nocturne étoilé avec une constellation dessinée en lignes blanches.

"Novalia Patrimoine a transformé mon idée en une entreprise florissante.
Leur expertise et leur soutien ont été inestimables."

Jean Dupont

Position, Company name