diff --git a/branding/color_guidelines.md b/branding/color_guidelines.md index c84452a..daef9f3 100644 --- a/branding/color_guidelines.md +++ b/branding/color_guidelines.md @@ -20,39 +20,39 @@ Our logo combines two semi-circular elements that form an abstract 'S', represen ### Primary Colors -- Turquoise Blue: #86cecb ![#86cecb](data:image/svg+xml;utf8,) +- Turquoise Blue: #86cecb - Main brand color - Use for primary UI elements - Represents creativity and fluidity -- Deep Teal: #137a7f ![#137a7f](data:image/svg+xml;utf8,) +- Deep Teal: #137a7f - Secondary brand color - Use for important actions and depth - Represents trust and stability ### Accent Color -- Vibrant Pink: #e12885 ![#e12885](data:image/svg+xml;utf8,) +- Vibrant Pink: #e12885 - Use sparingly for highlights and calls-to-action - Creates energy and excitement - Ideal for interactive elements and important notifications ### Monochrome Colors -- Pure White: #EEEEEE ![#FFFFFF](data:image/svg+xml;utf8,) +- Pure White: #EEEEEE - Primary background color - Use for text on dark backgrounds - Creates clean, open spaces -- Charcoal: #373b3e ![#373b3e](data:image/svg+xml;utf8,) +- Charcoal: #373b3e - Primary text color - Use for headings and body copy - Creates strong contrast and readability -- Light Grey: #dbe1e6 ![#dbe1e6](data:image/svg+xml;utf8,) +- Light Grey: #dbe1e6 - Secondary text color - Use for subtle elements and backgrounds - Creates hierarchy and depth