Colors, Links, & Buttons
The color grid can be used to indicate which colors are appropriate use for particular background colors. The colors’ accessibility compliance should all be checked to ensure AA compliance.
Colors
Colored text (default background)
Color Hologic – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Colored background (default text)
Color Hologic – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color Hologic Light – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Page Hologic Light – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color 01 – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color 01 – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color 02 – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color 02 – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color 03 – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color 03 – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color 04 – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color 04 – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color 05 – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color 05 – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color 06 – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color 06 – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color 07 – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color 07 – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color 08 – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Color 08 – Heading Level 4 (H4)
Headers are frequently followed by Paragraphs… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua.
Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
Links
Text links
Links often appear in text1… Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua. Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.
Lorem ipsum dolor sit amet, consectetur adipiscing elittempor incididunt ut labore et dolore magna aliqua. Oris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.
Links in a list
Specialty links
- Link to an external site
- Click to call this phone number: 616.454.0505
- Email me your thoughts
- Download a file
Buttons
- But not all of them link out to other sites; some are merely informative ↩︎