Brand Style Guide
A reference for brand colors, typography, and UI components.
Color Palette
- Library Page: 227
- sRGB: 0, 87, 63
- Hex: #00573F
- LAB: 31.68, -30.46, 6.21
- Formula:
- 78.26% PANTONE Green
- 17.39% PANTONE Black
- 4.35% PANTONE Yellow PY12
- Library Page: 154
- sRGB: 0, 26, 114
- Hex: #001A72
- LAB: 13.69, 21.79, -54.48
- Formula:
- 54.1% PANTONE Process Blue
- 4.8% PANTONE Black
- 41.1% PANTONE Violet v2
- Library Page: 1
- sRGB: 0, 156, 221
- Hex: #009CDD
- LAB: 47.55, -6.35, -67.49
- Library Page: 298
- sRGB: 45, 41, 38
- Hex: #2D2926
- LAB: 17.06, 1.29, 2.54
- Formula:
- 100% PANTONE Black
- Library Page: 293
- sRGB: 178, 180, 178
- Hex: #B2B4B2
- LAB: 73.13, -0.72, 0.34
- Formula:
- 1% PANTONE Process Blue
- 2.21% PANTONE Black
- 96.59% PANTONE Trans White
- 0.2% PANTONE Violet v2
Typography
Primary Font: Lato
The font stack provides system defaults as fallbacks for maximum compatibility.
Heading 1
Heading 2
Heading 3
This is a paragraph of body text using the Lato font for clean readability.
UI Components
Core UI elements are based on Bootstrap 5, customized with brand colors.
Buttons
Alert
This is an example of an informational alert.