Yuma Color palette
Color is an essential component of our brand and is what makes a communication immediately recognizable asYuma. Our palette is serious with a range of joyful touch.
| Color |
Hex |
RGB |
| Black |
#000000 |
0, 0, 0 |
| White |
#ffffff |
255, 255, 255 |
| Off white |
#f8f5f5 |
248, 245, 245 |
| Earth |
#c4a892 |
196, 168, 146 |
| Future Green |
#21e467 |
33, 228, 103 |
| Granular Grey |
#f0ece9 |
240, 236, 233 |
| Forest Green |
#005d46 |
0, 93, 70 |
| Purple |
#6434da |
100, 52, 218 |
| Pink |
#eba9ff |
235, 169, 255 |
Logos
See references/ for the Yuma logo files:
- Yumalogo*: The primary Yuma logo, containing both the symbol and wordmark, which should be used in most cases.
- Yumasymbol*: The Yuma symbol, which can be used when the full logo is not appropriate or when a more compact representation is needed.
- Yumawordmark*: The Yuma wordmark, which can be used when the symbol is not appropriate or when a more text-focused representation is needed.
Typography
Using typography is a big part of how we express ourselves as a brand. Yuma uses two brand typefaces, BogueSlab-Thin and Inter. We have one typeface we use for our headlines: BogueSlab Thin. Featuring many fine details, the soft forms gives it a friendly and approachable character with a hint of humanistic feeling. It’s the quiet confidence Yuma presents. The back-up font for Bogue Slab Thin when using Google applications is Merriweather.
Our secondary typeface is Inter. It is used across all body copy when we need to be a bit more clear and digestible versus expressive. We use Inter Light for the most part, but will occasionally highlight key words or sections in Inter Regular or Inter SemiBold. It’s available in Google Font.
Two alternatives can be used only when we don’t have access to either of our typefaces. Specifically when using Microsoft applications (like invoices or your signature in Microsoft Outlook): Times New Roman and Arial Regular.
1---2name: yuma-design3description: Yuma brand design reference covering color palette, logos and typography guidance. Use this skill when creating or reviewing Yuma-branded visual assets to stay aligned with the design system.4license: MIT5---67# Yuma Color palette89Color is an essential component of our brand and is what makes a communication immediately recognizable asYuma. Our palette is serious with a range of joyful touch.1011| Color | Hex | RGB |12| ------------- | ------- | ------------- |13| Black | #000000 | 0, 0, 0 |14| White | #ffffff | 255, 255, 255 |15| Off white | #f8f5f5 | 248, 245, 245 |16| Earth | #c4a892 | 196, 168, 146 |17| Future Green | #21e467 | 33, 228, 103 |18| Granular Grey | #f0ece9 | 240, 236, 233 |19| Forest Green | #005d46 | 0, 93, 70 |20| Purple | #6434da | 100, 52, 218 |21| Pink | #eba9ff | 235, 169, 255 |2223# Logos2425See `references/` for the Yuma logo files:2627- Yuma*logo*\*: The primary Yuma logo, containing both the symbol and wordmark, which should be used in most cases.28- Yuma*symbol*\*: The Yuma symbol, which can be used when the full logo is not appropriate or when a more compact representation is needed.29- Yuma*wordmark*\*: The Yuma wordmark, which can be used when the symbol is not appropriate or when a more text-focused representation is needed.3031# Typography3233Using typography is a big part of how we express ourselves as a brand. Yuma uses two brand typefaces, BogueSlab-Thin and Inter. We have one typeface we use for our headlines: BogueSlab Thin. Featuring many fine details, the soft forms gives it a friendly and approachable character with a hint of humanistic feeling. It’s the quiet confidence Yuma presents. The back-up font for Bogue Slab Thin when using Google applications is Merriweather.3435Our secondary typeface is Inter. It is used across all body copy when we need to be a bit more clear and digestible versus expressive. We use Inter Light for the most part, but will occasionally highlight key words or sections in Inter Regular or Inter SemiBold. It’s available in Google Font.3637Two alternatives can be used only when we don’t have access to either of our typefaces. Specifically when using Microsoft applications (like invoices or your signature in Microsoft Outlook): Times New Roman and Arial Regular.
b12consulting