Please Add a Title
Lorem Ipsum
Aliquam molestie, quam eu vestibulum placerat, lacus augue vehicula est, eu commodo urna magna ut massa. Pellentesque id tortor lectus. Morbi ut arcu ac mi semper maximus quis non tellus. Phasellus tempus rhoncus pellentesque. Maecenas laoreet sodales dui vitae cursus. Praesent semper erat id enim laoreet pellentesque. Ut placerat at odio sed tincidunt. Maecenas mi urna, rhoncus id volutpat vel, ultrices id sem. Donec velit est, molestie quis posuere posuere, iaculis non sem. Morbi accumsan fermentum lectus, nec feugiat urna dignissim non.
Please Add a Title
Lorem Ipsum
Aliquam molestie, quam eu vestibulum placerat, lacus augue vehicula est, eu commodo urna magna ut massa. Pellentesque id tortor lectus. Morbi ut arcu ac mi semper maximus quis non tellus. Phasellus tempus rhoncus pellentesque. Maecenas laoreet sodales dui vitae cursus. Praesent semper erat id enim laoreet pellentesque. Ut placerat at odio sed tincidunt. Maecenas mi urna, rhoncus id volutpat vel, ultrices id sem. Donec velit est, molestie quis posuere posuere, iaculis non sem. Morbi accumsan fermentum lectus, nec feugiat urna dignissim non.
Please Add a Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vel hendrerit dui, nec vestibulum ligula. In vitae ipsum a sem dictum convallis.
Style Guide
3 Col Resources Post List
Style Guide
Color
Color Sample
PRIMARY
Color Sample
SECONDARY
Color Sample
THIRD
Color Sample
FOURTH
Color Sample
WHITE
Color Sample
LIGHT
Color Sample
GRAY
Color Sample
DARK
Style Guide
Heading
H1 - Lorem ipsum
H2 - Lorem ipsum
H3 - Lorem ipsum
H4 - Lorem ipsum
H5 - Lorem ipsum
H6 - Lorem ipsum
Style Guide
Text & Style
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vel hendrerit dui, nec vestibulum ligula. In vitae ipsum a sem dictum convallis. Sed urna nibh, dapibus eget metus in, hendrerit placerat leo. Morbi lacinia lobortis elit, vitae finibus lorem lacinia vel. Integer cursus ac lacus vel cursus.
Aliquam molestie, quam eu vestibulum placerat, lacus augue vehicula est, eu commodo urna magna ut massa. Pellentesque id tortor lectus. Morbi ut arcu ac mi semper maximus quis non tellus. Phasellus tempus rhoncus pellentesque. Maecenas laoreet sodales dui vitae cursus. Praesent semper erat id enim laoreet pellentesque. Ut placerat at odio sed tincidunt.
Link: Lorem ipsum dolor sit amet
Bold: Cras vitae dui vitae nulla ornare pretium et sit amet purus.
Italic: Pellentesque posuere neque vitae iaculis semper.
Underline: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Line Through: Cras vitae dui vitae nulla ornare pretium et sit amet purus.
Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae dui vitae nulla ornare pretium et sit amet purus. Aliquam erat volutpat.
Style Guide
List
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Nam pulvinar lectus a massa accumsan, id convallis nulla pulvinar.
- Vivamus ut lectus facilisis, tempus libero pharetra, semper purus.
- Donec eu est sed lacus scelerisque dapibus.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Nam pulvinar lectus a massa accumsan, id convallis nulla pulvinar.
- Vivamus ut lectus facilisis, tempus libero pharetra, semper purus.
- Donec eu est sed lacus scelerisque dapibus.
Style Guide
Table
| Table | Table | Table | Table |
| Table | Table | Table | Table |
| Table | Table | Table | Table |
New Futures Brand Color Contrast Analysis
Accessible Color Combinations for NF Brand Colors
| Text Color | Background Color | Sample | Contrast Ratio | WCAG AA Status |
|---|
This analysis shows all color combinations and their contrast ratios. WCAG AA standard requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (18pt+) to ensure readability for people with visual impairments.
???? What counts as "Large Text"?
- 18 point (24px) or larger for regular weight text
- 14 point (18.5px) bold or larger for bold text
- Large text has lower contrast requirements (3:1) because it's easier to read
- For normal body text and small text, you must meet the 4.5:1 standard
Primary Brand Colors
Secondary Brand Colors
