Full width Container
Primary container.primary-container
Secondary container.secondary-container
Main swatches
bg-text_title_primary
bg-page_bg_one
bg-page_bg_two
bg-page_bg_three
bg-page_bg_four
bg-stroke_one
bg-stroke_two
bg-stroke_three
bg-text_body_secondary_one
bg-text_body_secondary_two
Primary swatches
Secondary swatches
Accent swatches
Neutral swatches
Status Indicator swatches
Hello, I am a d1 tag
Hello, I am a h1 tag
Hello, I am a h2 tag
Hello, I am a h3 tag
Hello, I am a h4 tag
Hello, I am a h5 tag
Accent 1 Medium
Accent 2 Medium
Accent 3 Medium
Accent 1 Light
Accent 2 Light
Accent 3 Light
Subtitle 1
Subtitle 2
Subtitle 3
Subtitle 4
Subtitle 5
Button 1/Big
Button 2/Medium
Button 3/Small
Eyebrow 1
Eyebrow 2
Eyebrow 3
Body1, dolor sit amet consectetur adipisicing elit. Hic, voluptates delectus, nostrum sed vitae possimus sit asperiores maiores perspiciatis eum ratione debitis temporibus minus natus quasi veniam. Accusamus, officia! Vero.
Body2, dolor sit amet consectetur adipisicing elit. Hic, voluptates delectus, nostrum sed vitae possimus sit asperiores maiores perspiciatis eum ratione debitis temporibus minus natus quasi veniam. Accusamus, officia! Vero.
Body3, dolor sit amet consectetur adipisicing elit. Hic, voluptates delectus, nostrum sed vitae possimus sit asperiores maiores perspiciatis eum ratione debitis temporibus minus natus quasi veniam. Accusamus, officia! Vero.
Body4, dolor sit amet consectetur adipisicing elit. Hic, voluptates delectus, nostrum sed vitae possimus sit asperiores maiores perspiciatis eum ratione debitis temporibus minus natus quasi veniam. Accusamus, officia! Vero.
Caption 1, dolor sit amet consectetur adipisicing elit. Hic, voluptates delectus, nostrum sed vitae possimus sit asperiores maiores perspiciatis eum ratione debitis temporibus minus natus quasi veniam. Accusamus, officia! Vero.
Default
Hover
Active
Focus
Disabled
Default
Hover
Active
Focus
Disabled