Style Guide
Table of Contents
Colors
Midnight Navy
#03012C
Use for backgrounds or primary text
Deep Ocean Blue
#031A6B
Use for headers, links, or secondary elements
Blaze Orange
#F34213
Use for CTAs, accents, or highlights
Electric Pink
#FF0095
Use for buttons, icons, or standout elements
Charcoal Black
#1C1C21
Use for text, borders, or backgrounds
Typography
Typography reflects the clarity and energy of my brand: Optimize Your Impact With The Magical Alchemy of Human Engineering, Technology, and Effortless Flow. Use these fonts to ensure consistency across all touchpoints.
Primary Font: Montserrat
Heading Example (Bold 700)
Subheading Example (Medium 500)
Usage: Headings (H1–H3) in Bold (700), Subheadings (H4–H6) in Medium (500), CTAs in SemiBold (600). Use with #F34213 (Blaze Orange) or #FF0095 (Electric Pink) for emphasis.
Secondary Font: Open Sans
Body text example: This font ensures readability for long-form content, reflecting effortless flow in communication.
Quote example: Use italics for emphasis or quotes (Italic 400).
Caption example (Light 300).
Usage: Body text in Regular (400), captions in Light (300), quotes in Italic (400). Use with #1C1C21 (Charcoal Black) or #031A6B (Deep Ocean Blue).
Profile Photo
Hero Image
Icon
Light Icon (trust me, it's there)
