Base Primary Colour and Chroma Tests
| Name | Value |
|---|
| --kemosite_wordpress_base_primary_colour | |
| --kemosite_wordpress_base_background_colour | |
| --kemosite_wordpress_base_foreground_colour | |
Reduced Chroma Primary Colour Tests
| Name | Value |
|---|
| --kemosite_wordpress_base_primary_reduced_red | |
| --kemosite_wordpress_base_primary_reduced_blue | |
Colour Value Tests
| Name | Value |
|---|
| --kemosite_wordpress_base_primary_red_value | |
| --kemosite_wordpress_base_primary_green_value | |
| --kemosite_wordpress_base_primary_blue_value | |
Greyscale Tests
| Name | Value |
|---|
| --kemosite_wordpress_base_primary_luminance | |
| --kemosite_wordpress_base_primary_value | |
CGATS21-2-CRPC7.xalter
| Name | Value |
|---|
| --kemosite-cool-white-lab | |
| --kemosite-cool-black-lab | |
Monochromatic
| Name | Value |
|---|
| --kemosite_cool_white_monochromatic_3 | |
| --kemosite_cool_white_monochromatic_45 | |
| --kemosite_cool_white_monochromatic_7 | |
| --kemosite_cool_white_neutral_monochromatic_3 | |
| --kemosite_cool_white_neutral_monochromatic_45 | |
| --kemosite_cool_white_neutral_monochromatic_7 | |
| --kemosite_cool_black_monochromatic_3 | |
| --kemosite_cool_black_monochromatic_45 | |
| --kemosite_cool_black_monochromatic_7 | |
| --kemosite_cool_black_neutral_monochromatic_3 | |
| --kemosite_cool_black_neutral_monochromatic_45 | |
| --kemosite_cool_black_neutral_monochromatic_7 | |
Analogous, +30 Degrees
| Name | Value |
|---|
| --kemosite_cool_white_analogous_p30_3 | |
| --kemosite_cool_white_analogous_p30_45 | |
| --kemosite_cool_white_analogous_p30_7 | |
| --kemosite_cool_white_neutral_analogous_p30_3 | |
| --kemosite_cool_white_neutral_analogous_p30_45 | |
| --kemosite_cool_white_neutral_analogous_p30_7 | |
| --kemosite_cool_black_analogous_p30_3 | |
| --kemosite_cool_black_analogous_p30_45 | |
| --kemosite_cool_black_analogous_p30_7 | |
| --kemosite_cool_black_neutral_analogous_p30_3 | |
| --kemosite_cool_black_neutral_analogous_p30_45 | |
| --kemosite_cool_black_neutral_analogous_p30_7 | |
Analogous, -30 Degrees
| Name | Value |
|---|
| --kemosite_cool_white_analogous_m30_3 | |
| --kemosite_cool_white_analogous_m30_45 | |
| --kemosite_cool_white_analogous_m30_7 | |
| --kemosite_cool_white_neutral_analogous_m30_3 | |
| --kemosite_cool_white_neutral_analogous_m30_45 | |
| --kemosite_cool_white_neutral_analogous_m30_7 | |
| --kemosite_cool_black_analogous_m30_3 | |
| --kemosite_cool_black_analogous_m30_45 | |
| --kemosite_cool_black_analogous_m30_7 | |
| --kemosite_cool_black_neutral_analogous_m30_3 | |
| --kemosite_cool_black_neutral_analogous_m30_45 | |
| --kemosite_cool_black_neutral_analogous_m30_7 | |
Complimentary, +/-180 Degrees
| Name | Value |
|---|
| --kemosite_cool_white_complimentary_3 | |
| --kemosite_cool_white_complimentary_45 | |
| --kemosite_cool_white_complimentary_7 | |
| --kemosite_cool_white_neutral_complimentary_3 | |
| --kemosite_cool_white_neutral_complimentary_45 | |
| --kemosite_cool_white_neutral_complimentary_7 | |
| --kemosite_cool_black_complimentary_3 | |
| --kemosite_cool_black_complimentary_45 | |
| --kemosite_cool_black_complimentary_7 | |
| --kemosite_cool_black_neutral_complimentary_3 | |
| --kemosite_cool_black_neutral_complimentary_45 | |
| --kemosite_cool_black_neutral_complimentary_7 | |
Complimentary, +30 Degrees
| Name | Value |
|---|
| --kemosite_cool_white_complimentary_p30_3 | |
| --kemosite_cool_white_complimentary_p30_45 | |
| --kemosite_cool_white_complimentary_p30_7 | |
| --kemosite_cool_white_neutral_complimentary_p30_3 | |
| --kemosite_cool_white_neutral_complimentary_p30_45 | |
| --kemosite_cool_white_neutral_complimentary_p30_7 | |
| --kemosite_cool_black_complimentary_p30_3 | |
| --kemosite_cool_black_complimentary_p30_45 | |
| --kemosite_cool_black_complimentary_p30_7 | |
| --kemosite_cool_black_neutral_complimentary_p30_3 | |
| --kemosite_cool_black_neutral_complimentary_p30_45 | |
| --kemosite_cool_black_neutral_complimentary_p30_7 | |
Complimentary, -30 Degrees
| Name | Value |
|---|
| --kemosite_cool_white_complimentary_m30_3 | |
| --kemosite_cool_white_complimentary_m30_45 | |
| --kemosite_cool_white_complimentary_m30_7 | |
| --kemosite_cool_white_neutral_complimentary_m30_3 | |
| --kemosite_cool_white_neutral_complimentary_m30_45 | |
| --kemosite_cool_white_neutral_complimentary_m30_7 | |
| --kemosite_cool_black_complimentary_m30_3 | |
| --kemosite_cool_black_complimentary_m30_45 | |
| --kemosite_cool_black_complimentary_m30_7 | |
| --kemosite_cool_black_neutral_complimentary_m30_3 | |
| --kemosite_cool_black_neutral_complimentary_m30_45 | |
| --kemosite_cool_black_neutral_complimentary_m30_7 | |
Triadic, +120 Degrees
| Name | Value |
|---|
| --kemosite_cool_white_triadic_p120_3 | |
| --kemosite_cool_white_triadic_p120_45 | |
| --kemosite_cool_white_triadic_p120_7 | |
| --kemosite_cool_white_neutral_triadic_p120_3 | |
| --kemosite_cool_white_neutral_triadic_p120_45 | |
| --kemosite_cool_white_neutral_triadic_p120_7 | |
| --kemosite_cool_black_triadic_p120_3 | |
| --kemosite_cool_black_triadic_p120_45 | |
| --kemosite_cool_black_triadic_p120_7 | |
| --kemosite_cool_black_neutral_triadic_p120_3 | |
| --kemosite_cool_black_neutral_triadic_p120_45 | |
| --kemosite_cool_black_neutral_triadic_p120_7 | |
Triadic, -120 Degrees
| Name | Value |
|---|
| --kemosite_cool_white_triadic_m120_3 | |
| --kemosite_cool_white_triadic_m120_45 | |
| --kemosite_cool_white_triadic_m120_7 | |
| --kemosite_cool_white_neutral_triadic_m120_3 | |
| --kemosite_cool_white_neutral_triadic_m120_45 | |
| --kemosite_cool_white_neutral_triadic_m120_7 | |
| --kemosite_cool_black_triadic_m120_3 | |
| --kemosite_cool_black_triadic_m120_45 | |
| --kemosite_cool_black_triadic_m120_7 | |
| --kemosite_cool_black_neutral_triadic_m120_3 | |
| --kemosite_cool_black_neutral_triadic_m120_45 | |
| --kemosite_cool_black_neutral_triadic_m120_7 | |
Square, +90 Degrees
| Name | Value |
|---|
| --kemosite_cool_white_square_p90_33 | |
| --kemosite_cool_white_square_p90_45 | |
| --kemosite_cool_white_square_p90_7 | |
| --kemosite_cool_white_neutral_square_p90_3 | |
| --kemosite_cool_white_neutral_square_p90_45 | |
| --kemosite_cool_white_neutral_square_p90_7 | |
| --kemosite_cool_black_square_p90_3 | |
| --kemosite_cool_black_square_p90_45 | |
| --kemosite_cool_black_square_p90_7 | |
| --kemosite_cool_black_neutral_square_p90_3 | |
| --kemosite_cool_black_neutral_square_p90_45 | |
| --kemosite_cool_black_neutral_square_p90_7 | |
Square, -90 Degrees
| Name | Value |
|---|
| --kemosite_cool_white_square_m90_33 | |
| --kemosite_cool_white_square_m90_45 | |
| --kemosite_cool_white_square_m90_7 | |
| --kemosite_cool_white_neutral_square_m90_3 | |
| --kemosite_cool_white_neutral_square_m90_45 | |
| --kemosite_cool_white_neutral_square_m90_7 | |
| --kemosite_cool_black_square_m90_3 | |
| --kemosite_cool_black_square_m90_45 | |
| --kemosite_cool_black_square_m90_7 | |
| --kemosite_cool_black_neutral_square_m90_3 | |
| --kemosite_cool_black_neutral_square_m90_45 | |
| --kemosite_cool_black_neutral_square_m90_7 | |
Square, +60 Degrees
| Name | Value |
|---|
| --kemosite_cool_white_square_p60_33 | |
| --kemosite_cool_white_square_p60_45 | |
| --kemosite_cool_white_square_p60_7 | |
| --kemosite_cool_white_neutral_square_p60_3 | |
| --kemosite_cool_white_neutral_square_p60_45 | |
| --kemosite_cool_white_neutral_square_p60_7 | |
| --kemosite_cool_black_square_p60_3 | |
| --kemosite_cool_black_square_p60_45 | |
| --kemosite_cool_black_square_p60_7 | |
| --kemosite_cool_black_neutral_square_p60_3 | |
| --kemosite_cool_black_neutral_square_p60_45 | |
| --kemosite_cool_black_neutral_square_p60_7 | |
Theme Colour Setting Tests
| Name | Value |
|---|
| --kemosite_wordpress_body_background_color | |
| --kemosite_wordpress_body_color | |
| --kemosite_wordpress_secondary_colour | |
| --kemosite_wordpress_secondary_hover_colour | |
| --kemosite_wordpress_component_colour | |
| --kemosite_wordpress_placeholder_color | |
| --kemosite_wordpress_selection_colour | |
| --kemosite_wordpress_component_success_colour | |
| --kemosite_wordpress_component_success_hover_colour | |
| --kemosite_wordpress_secondary_hover_colour | |
| --kemosite_wordpress_component_warning_hover_colour | |
| --kemosite_wordpress_component_alert_colour | |
| --kemosite_wordpress_component_alert_hover_colour | |
| --kemosite_wordpress_header_bg_color | |
| --kemosite_wordpress_main_content_bg_color_light_mode | |
| --kemosite_wordpress_main_content_bg_color_dark_mode | |
| --kemosite_wordpress_footer_bg_color | |
Lab CMYK Colour Test
| Name | Value |
|---|
| --kemosite-cyan-lab | |
| --kemosite-magenta-lab | |
| --kemosite-yellow-lab | |
| --kemosite-key-lab | |
| --kemosite-blue-lab | |
| --kemosite-green-lab | |
| --kemosite-red-lab | |
RGB Variable Colour Test
| Name | Value |
|---|
| --kemosite-cool-black-minus-blue-lab | |
| --kemosite-blue-rgb | |
| --kemosite-green-rgb | |
| --kemosite-red-rgb | |
Reduced Chroma RGB Variable Colour Test
| Name | Value |
|---|
| --kemosite-blue-lc | |
| --kemosite-green-lc | |
| --kemosite-red-lc | |
kemosite_wordpress_body_background_color_luminance
| Name | Value |
|---|
| --kemosite_wordpress_body_background_color_luminance | |
Typography
Optician Sans Optotypes
CDHKNORSVZ
Font Tests
| Name | Value |
|---|
| --kemosite-base-font-size | --kemosite-base-font-size |
| --kemosite-base-x-height-ratio | 1ex / 1rem |
| --kemosite-font-size | --kemosite-font-size |
| H1 | The quick brown fox jumps over the lazy dog |
| H2 | The quick brown fox jumps over the lazy dog |
| H3 | The quick brown fox jumps over the lazy dog |
| H4 | The quick brown fox jumps over the lazy dog |
| H5 | The quick brown fox jumps over the lazy dog |
| H6 | The quick brown fox jumps over the lazy dog |
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Skip to content
-
Trademark and Copyright Symbols
Some pointers on using trademark and copyright symbols such as ®, ™, and © effectively:
- It’s okay to use a sans serif symbol with serif text.
- When using a ® or a ™ after a word in text, the symbol should look a little smaller than half the x-height of your text. As the text gets larger, the symbols should appear proportionately smaller.
- When the copyright symbol appears before text, its target size should be the same x-height as the next character that follows it.
- When the copyright symbol appears before a year, its target size should be the height of the smallest number in the group number set.