Table of Contents

Color

Content Color

Strongest TEXT Color

Strong TEXT Color

Base Color - Nous aurions pu utiliser le Lorem Ipsum—le texte standard de l’industrie—mais soyons honnêtes : les mots ont du pouvoir.
Subtle Color - Nous aurions pu utiliser le Lorem Ipsum—le texte standard de l’industrie—mais soyons honnêtes : les mots ont du pouvoir.

Strongest TEXT Light Color

Strong TEXT Light Color

Base Light Co - Nous aurions pu utiliser le Lorem Ipsum—le texte standard de l’industrie—mais soyons honnêtes : les mots ont du pouvoir.
Subtle Light Color Nous aurions pu utiliser le Lorem Ipsum—le texte standard de l’industrie—mais soyons honnêtes : les mots ont du pouvoir.

Primary Color

Primary Dark
Primary Medium
Primary
Primary Light
Primary Opacity 80
Primary Opacity 60
Primary Opacity 40
Primary Opacity 20

Secondary Color

Secondary Dark
Secondary Medium
Secondary
Secondary Light
Secondary Opacity 20
Secondary Opacity 20
Secondary Opacity 20
Secondary Opacity 20

Background

Background Base
Background Shade
Background Shade 2
Background Subtle
Dark Background Base
Dark Background Shade
Dark Background Shade 2
Dark Background Shade Subtle

Neutral

Black
Ultra Dark Gray
Dark Gray
Gray
Light Gray
Ultra Light Gray
White
Transparent

Neutral Transparent

Black Opacity 80
Black Opacity 60
Black Opacity 40
Black Opacity 20
White Opacity 80
White Opacity 60
White Opacity 40
White Opacity 20

System Color

File Successfully Downloaded.
Failed to Download The File.
Warning! No Internet Connection.
You need to log in first.

Typography

Heading Level

H1 - Heading 3XL

H2 - Heading 2XL

H3 - Heading XL

H4 - Heading L

H5 - Heading M
H6 - Heading S

Paragraph

Paragraph Large - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

Paragraph Default- Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

Paragraph Smalll- Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

Blockquote - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

Special Heading

Special Heading

Special Heading Center

Special Heading

Special Heading Center

Script Accent

Script Accent Font

Script Accent Font

Subheading

Subheading
Subheading

Title (Non Heading)

Title Small
Title
Title Large
Title Small
Title
Title Large

Component

Button Main

DefaultMain ActionMain Action
DefaultMain ActionMain Action

Button Subtle

Subtle DefaultSubtle ActionSubtle Action
Subtle ActionSubtle Action

Link

Link
Link

Icon

Slider Arrow

Slider Arrow

Title 1 - Paragraph Default- Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

Title 2 - Paragraph Default- Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

Title 1 - Paragraph Default- Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

Title 1 - Paragraph Default- Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

Input

Input

Subscription Form

Dropdown

  • Placeholder Select

    • Post Element

    Breadcrumbs

    PAGINATION

    Animation

    Animate on scroll

    Animate on Scroll Primary
    Animate on Scroll Primary

    Mouse Animation

    Hover Zoom In
    Hover Translate up
    Pressed Zoom Out

    Effects

    Border Radius

    Radius XS
    Radius S
    Radius M
    Radius L
    Radius XS

    Shadow

    Shadow S
    Shadow M
    Shadow L
    Shadow Primary
    Hover Shadow S
    Hover Shadow M
    Hover Shadow L
    Hover Shadow Primary

    Glassmorph

    Content Area
    Content Area