Typography - Color (ADA Compliant)
Typography is our visual voice. Bringing range, nuance and grace to what we have to say. It should be clear, easy to read and easy to understand.
-
WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. WCAG 2.1 requires a contrast ratio of at least 3:1 for graphics and user interface components (such as form input borders). WCAG Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
-
Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.
Hh
Contrast: 12.92:1
Normal Text: Pass
Large Text: Pass
Hh
Contrast: 10.47:1
Normal Text: Pass
Large Text: Pass
Hh
Contrast: 15.71:1
Normal Text: Pass
Large Text: Pass
Hh
Contrast: 2.01:1
Normal Text: Fail
Large Text: Fail
Hh
Contrast: 6.7:1
Normal Text: Pass
Large Text: Pass
Hh
Contrast: 3.81:1
Normal Text: Fail
Large Text: Pass
Hh
Contrast: 8.64:1
Normal Text: Pass
Large Text: Pass
Hh
Contrast: 8.9:1
Normal Text: Pass
Large Text: Pass
Hh
Contrast: 5.14:1
Normal Text: Pass
Large Text: Pass
Hh
Contrast: 2.06:1
Normal Text: Fail
Large Text: Fail
Hh
Contrast: 2.34:1
Normal Text: Fail
Large Text: Fail
Hh
Contrast: 5.5:1
Normal Text: Pass/bold
Large Text: Pass
Hh
Contrast: 4.8:1
Normal Text: Fail
Large Text: Pass
Hh
Contrast: 4.22:1
Normal Text: Fail
Large Text: Pass
Hh
Contrast: 3.32:1
Normal Text: Fail
Large Text: Pass
Hh
Contrast: 11.13:1
Normal Text: Pass
Large Text: Pass
Hh
Contrast: 4.17:1
Normal Text: Fail
Large Text: Pass
Hh
Contrast: 5.5:1
Normal Text: Pass
Large Text: Pass
Typography - Fonts
HerRoom uses the Poppins font family for headlines in all applications. Night can be used for headlines where emphasis needs to be added. When a "Personal Touch" is required, Jolly or Jherlitha can be used. Our typographic system is purposeful and flexible. Four distinct typographic expressions allow for range in tone.
Night Regular
Night Italic
Jolly
Jherlitha
Poppins Thin
Poppins Extra Light
Poppins Light
Poppins Light Italics
Poppins Regular
Poppins Medium
Poppins Semi Bold
Poppins Bold
Poppins Extra Bold
Striking but still elegant – the HerRoom font styles allow a wide variety of scenarios and moods. The fonts establish simple, clear-cut hierarchies. In this way, concrete applications can be geared even more consistently to the target group and the message being conveyed. Even given this flexibility, The HerRoom fonts ensures uniform brand perception across all points of contact. Here, few elements are more striking in terms of perception than Poppins Light or Night Regular. Applied in headlines – from Normal to Bold – these font styles are a key distinguishing feature of the brand.
