Colors
Base Colors
Base/White
#FFFFFF
Base/Black
#1A1A1A
Background
bg
#FFFFFF
bg-primary
#FFFDF6
bg-secondary
#F6F6EB
bg-inverse
#0F0F0F
bg-disabled
#D1D1D1
Content
content-primary
#0F0F0F
content-secondary
#4F4F4F
content-placeholder
#6D6D6D
content-disabled
#888888
content-on-dark
#FFFDF6
content-on-light
#0F0F0F
content-brand-primary
#FFFDF6
content-brand-secondary
#F6F6EB
Border
border
#D1D1D1
border-inverse
#454545
border-brand-primary
#0F0F0F
border-brand-secondary
#4F4F4F
border-brand-icon
#5D5D5D
border-on-dark
#FFFDF6
Alpha
Black-Alpha 1
rgba(15, 15, 15, 0.12)
Black-Alpha 2
rgba(15, 15, 15, 0.2)
Black-Alpha 3
rgba(15, 15, 15, 0.4)
Black-Alpha 4
rgba(15, 15, 15, 0.6)
Black-Alpha 5
rgba(15, 15, 15, 0.8)
Black-Alpha 6
rgba(15, 15, 15, 0.9)
white-Alpha 1
rgba(255, 255, 255, 0.2)
Typography
Inter
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Kk Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
regular
medium
semibold
bold
Download font
1
Text styles
Size
Line height
Nav Bar Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Nav Bar CTA Button Text
Text Sizes
Size
Line height
text-size-2xl
text-size-xl
text-size-lg
text-size-md
text-size-sm
Text Weights
text-weight-regular
text-weight-medium
text-weight-semibold
text-weight-bold
Text Styles
text-style-allcaps
text-style-italic
text-style-nowrap
text-style-muted
text-style-strikethrough
text-style-allcaps
text-style-link
Sample text is being used as a placeholder.
Text Alignments
text-align-left
text-align-center
text-align-right
Text Colors
text-color-primary
text-color-secondary
text-color-teritiary
text-color-disable
text-color-primary-inverse
text-color-secondary-inverse
text-color-tertiary-inverse
text-color-positive
text-color-negative
text-color-warning
text-color-info
Rich Text

Heading 1

Buying a home for the first time is an exciting milestone, but it can also be a daunting process filled with uncertainty. The real estate market can be complex, and first-time buyers often face challenges they didn't anticipate. To help you navigate the market and make informed decisions, we’ve compiled a list of essential tips.

  • Buying a home for the first time is an exciting milestone.
  • Buying a home for the first time is an exciting milestone.
  • Buying a home for the first time is an exciting milestone.
  • Buying a home for the first time is an exciting milestone.

Heading 2

Buying a home for the first time is an exciting milestone, but it can also be a daunting process filled with uncertainty. The real estate market can be complex, and first-time buyers often face challenges they didn't anticipate. To help you navigate the market and make informed decisions, we’ve compiled a list of essential tips.

Buying a home for the first time is an exciting milestone, but it can also be a daunting process filled with uncertainty. The real estate market can be complex, and first-time buyers often face challenges they didn't anticipate. To help you navigate the market and make informed decisions, we’ve compiled a list of essential tips.

  • Buying a home for the first time is an exciting milestone.
  • Buying a home for the first time is an exciting milestone.
  • Buying a home for the first time is an exciting milestone.
  • Buying a home for the first time is an exciting milestone.
Buying a home for the first time is an exciting milestone, but it can also be a daunting process filled with uncertainty. The real estate market can be complex, and first-time buyers often face challenges they didn't anticipate. To help you navigate the market and make informed decisions, we’ve compiled a list of essential tips.

Heading 3

Buying a home for the first time is an exciting milestone, but it can also be a daunting process filled with uncertainty. The real estate market can be complex, and first-time buyers often face challenges they didn't anticipate. To help you navigate the market and make informed decisions, we’ve compiled a list of essential tips.

  • Buying a home for the first time is an exciting milestone.
  • Buying a home for the first time is an exciting milestone.
  • Buying a home for the first time is an exciting milestone.
  • Buying a home for the first time is an exciting milestone.

Heading 4

Buying a home for the first time is an exciting milestone, but it can also be a daunting process filled with uncertainty. The real estate market can be complex, and first-time buyers often face challenges they didn't anticipate. To help you navigate the market and make informed decisions, we’ve compiled a list of essential tips.

  • Buying a home for the first time is an exciting milestone.
  • Buying a home for the first time is an exciting milestone.
  • Buying a home for the first time is an exciting milestone.
  • Buying a home for the first time is an exciting milestone.
Heading 5

Buying a home for the first time is an exciting milestone, but it can also be a daunting process filled with uncertainty. The real estate market can be complex, and first-time buyers often face challenges they didn't anticipate. To help you navigate the market and make informed decisions, we’ve compiled a list of essential tips.

Heading 6

Buying a home for the first time is an exciting milestone, but it can also be a daunting process filled with uncertainty. The real estate market can be complex, and first-time buyers often face challenges they didn't anticipate. To help you navigate the market and make informed decisions, we’ve compiled a list of essential tips.

Other HTML Tags
All paragraphs

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

All links
Text Link
All quotes
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website.
All Ordered Lists
  1. Buying a home for the first time is an exciting milestone.
  2. Buying a home for the first time is an exciting milestone.
  3. Buying a home for the first time is an exciting milestone.
  4. Buying a home for the first time is an exciting milestone.
All Ordered Lists
  • Buying a home for the first time is an exciting milestone.
  • Buying a home for the first time is an exciting milestone.
  • Buying a home for the first time is an exciting milestone.
  • Buying a home for the first time is an exciting milestone.
Structure
page-wrapper
main-wrapper
container-extra-sm
container-small
container-medium
container-large
button-group
Useful utility systems
hide
This element is hidden
hide-tablet
hide-mobile-portrait
hide-mobile-landscape
overflow-visible
overflow-hidden
overflow-auto
overflow-scroll
pointer-events-auto
pointer-events-none
spacing-clean
align-center
Animations
⏫ Slide to top
0.2s
0.3s
0.4s
0.5s
0.6s
0.7s
0.8s
0.9s
1s
1.2s
1.4s
1.6s
⏪ Slide To Left
0.2s
0.3s
0.4s
0.5s
0.6s
0.7s
0.8s
0.9s
1s
1.2s
1.4s
1.6s
⏩ Slide To Right
0.2s
0.3s
0.4s
0.5s
0.6s
0.7s
0.8s
0.9s
1s
1.2s
1.4s
1.6s
🔍 Zoom In
0.2s
0.3s
0.4s
0.5s
0.6s
0.7s
0.8s
0.9s
1s
1.2s
1.4s
1.6s
👻 Fade In
0.2s
0.3s
0.4s
0.5s
0.6s
0.7s
0.8s
0.9s
1s
1.2s
1.4s
1.6s