Typography

Font Family

Outfit

Font Weight

Aa

Semibold - 600

Aa

Medium - 500

Aa

Regular - 400

Aa

Light - 300

Sizing

Primary page title

Secondary page title

Heading 1 - placerat sapien vitae aliquam

Heading 2 - viverra cursus semper, nunc orci massa

Heading 3 - aenean placerat sapien vitae ex ornare arcu

Heading 4 - placerat sapien vitae ex ornare viverra aliquam ameta

Heading 5 - Etiam facilisis convallis urna, quis mollis augue luctus aliquet
Heading 6 - quisque dui orci, varius ac eros et, imperdiet iaculis magnasa

Body SemiBold - Quisque porta lectus vel pharetra hendrerit. Vestibulum nec nisi leo. Nam non ante nec ipsum ornare interdum ac in diam. Etiam facilisis convallis urna, quis mollis augue luctus ac. Vivamus suscipit, augue sit amet condimentum tempus, purus ipsum.

Body Medium - Quisque porta lectus vel pharetra hendrerit. Vestibulum nec nisi leo. Nam non ante nec ipsum ornare interdum ac in diam. Etiam facilisis convallis urna, quis mollis augue luctus ac. Vivamus suscipit, augue sit amet condimentum tempus, purus ipsum.

Body Regular - Quisque porta lectus vel pharetra hendrerit. Vestibulum nec nisi leo. Nam non ante nec ipsum ornare interdum ac in diam. Etiam facilisis convallis urna, quis mollis augue luctus ac. Vivamus suscipit, augue sit amet condimentum tempus, purus ipsum.

Body Light - Quisque porta lectus vel pharetra hendrerit. Vestibulum nec nisi leo. Nam non ante nec ipsum ornare interdum ac in diam. Etiam facilisis convallis urna, quis mollis augue luctus ac. Vivamus suscipit, augue sit amet condimentum tempus, purus ipsum.

Body Small - Quisque porta lectus vel pharetra hendrerit. Vestibulum nec nisi leo. Nam non ante nec ipsum ornare interdum ac in diam. Etiam facilisis convallis urna, quis mollis augue luctus ac. Vivamus suscipit, augue sit amet condimentum tempus, purus ipsum.

Body Extra Small - Quisque porta lectus vel pharetra hendrerit. Vestibulum nec nisi leo. Nam non ante nec ipsum ornare interdum ac in diam. Etiam facilisis convallis urna, quis mollis augue luctus ac. Vivamus suscipit, augue sit amet condimentum tempus, purus ipsum.

Lists
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
  • List Item 5
  • List Item 6
  • List Item 7
  • List Item 8

Effects & Utilities

Shadows
Borders
Glassmorphism Effect

Light Glass Effect

Dark Glass Effect

Colors

Default Colors
Neutral Colors
Gradients
Extra Colors