FWTX:
817.662.0687
DTX:
214.810.1339
Primary Typography
Poppins
ABCDEFGHIJKIMNOPQRSTUVWXYZ
abcdefghijkimnopqrstuvwxyz
1234567890%
Sed ut perspiciatis unde omnis iste
Heading 1
Size: 0px/0rem
Line Height: 0em
Letter Spacing: 0px
Weight: Medium 500
Sed ut perspiciatis unde omnis iste natus errora
Heading 2
Size: 0px/0rem
Weight: Medium 500
Sed ut perspiciatis unde omnis iste natus errora
Heading 3
Size: 0px/0rem
Weight: Medium 500
Sed ut perspiciatis unde omnis iste natus errora
Heading 4
Size: 0px/0rem
Weight: Medium 500
Sed ut perspiciatis unde omnis iste natus errora
Heading 5
Size: 0px/0rem
Weight: Medium 500
Sed ut perspiciatis unde omnis iste natus errora
Heading 6
Size: 0px/0rem
Weight: Medium 500
Secondary Typography
Lorem Ipsum
ABCDEFGHIJKIMNOPQRSTUVWXYZ
abcdefghijkimnopqrstuvwxyz
1234567890%
Body Text
Paragraph (X-Large)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Size: 32px/2rem
Line height: 1.3em
Letter spacing: 0px
Weight: Medium 500
Paragraph (Large)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Size: 24px/1.5rem
Line height: 1.5em
Weight: Regular 400
Paragraph (Regular)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Size: 14.4px/0.9rem
Line height: 1.5em
Weight: Regular 400
Paragraph (Small)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Size: 12.8px/0.8rem
Line Height: Default
Weight: Regular 400
Heading
Primary Headline
Lorem Ipsum Dolor sit amet Consectetur Adipiscing Elit Veniam Tempor Incididunt
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Heading 1-6
Case: Title Case
Secondary Headline
Lorem Ipsum Dolor sit amet Consectetur Adipiscing Elit Veniam Tempor Incididunt
*Alternative for shorter headlines and when no or little body copy is needed.
Heading 1-6
Case: Title Case
Label
Subhead
Lorem Ipsum Dolor sit amet Consectetur Adipiscing Elit Veniam Tempor Incididunt
Lorem Ipsum Dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 20px/1.25rem
Line Height: 1.25em
Letter Spacing: 0px
Weight: SemiBold 600
Case: Title Case
Subtitle
Lorem Ipsum Dolor sit amet Consectetur
Nemo enim ipsam soluptatem.
Size: 24px/1.5rem
Line Height: 1.25em
Letter Spacing: 0px
Weight: Regular 400
Case: Sentence Case
Eyebrow Heading
Lorem Ipsum
Lorem Ipsum Dolor sit amet Consectetur Adipiscing Elit Veniam Tempor Incididunt
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 14.4px/0.9rem
Line Height: 1.25em
Letter Spacing: 3px
Weight: SemiBold 600
Case: Uppercase
Color
System
Primary
#000000
Secondary
#000000
Accent
#000000
Text
#000000
Base
White
#000000
Black
#000000
Light Gray
#F9F9F9
Light Gray 2
#999999
Medium Gray
#414042
Dark Gray
#2F3033
Hyperlink
Button
Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
iconography
