Brand Guidelines
The complete design system and brand identity standards for Solomon Electric. Ensuring consistency across all touchpoints.
Brand Core
Primary Logo (Light Background) Logo on Dark Background Trust
Licensed, insured, and delivering excellence since 2008
Innovation
Cutting-edge solutions for modern electrical needs
Community
Serving South Florida families with pride
Color Palette
Our carefully curated color system ensures brand recognition and accessibility across all applications.
Primary Colors
Navy Blue
#0D4380
RGB: 13, 67, 128
Electric Cyan
#14D3E3
RGB: 20, 211, 227
Light Gray
#F3F3F3
RGB: 243, 243, 243
Charcoal Black
#111111
RGB: 17, 17, 17
Secondary & Accent Colors
Star Gold
#CDAC4F
Accent Dark
#0AB8C7
Success Green
#10B981
Error Red
#DC2626
Brand Gradients
linear-gradient(135deg, #0D4380 0%, #092d5a 100%)
linear-gradient(135deg, #14D3E3 0%, #10b8c6 100%)
Typography
Our type system combines bold display fonts with readable body text for maximum impact and clarity.
Lemon Milk
Used for headlines, hero text, and high-impact messaging.
ABCDEFGHIJ
KLMNOPQRST
UVWXYZ 1234567890
font-family: 'Lemon Milk', sans-serif; Outfit
Used for subheadings, buttons, labels, and navigation.
ABCDEFGHIJ
KLMNOPQRST
abcdefghijklmnop
font-family: 'Outfit', sans-serif; Manrope
Used for paragraphs, descriptions, and long-form content.
ABCDEFGHIJ
KLMNOPQRST
abcdefghijklmnop
font-family: 'Manrope', sans-serif; Type Scale
The Heading Two
The Heading Three
The Heading Four
The quick brown fox jumps over the lazy dog. This is body text used for paragraphs and general content.
Small caption text for labels, metadata, and secondary information.
UI Components
Reusable components maintaining visual consistency across all digital properties.
Buttons
Button shapes: border-radius: 4px (--radius-md)
Font: Outfit, 800 weight, uppercase, 0.08em letter-spacing
Padding: 16px 32px (large), 12px 24px (medium), 8px 16px
(small)
Cards
Standard Card
Basic card with icon, title, and description. Uses brand shadow.
Accent Border
Featured card with accent top border for emphasis.
Glass Card
Glassmorphism style with backdrop blur effect.
Badges & Tags
Form Elements
Spacing System
Consistent spacing creates visual hierarchy and improves readability.
Border Radius
Usage Guidelines
Best practices for maintaining brand consistency across all applications.
Do
- â Use the exact brand colors from this guide
- â Maintain clear space around the logo
- â Use uppercase for headings and CTAs
- â Apply consistent spacing tokens
- â Use accent color for interactive elements
- â Ensure accessibility contrast ratios
Don't
- â Modify or distort the logo
- â Use colors outside the brand palette
- â Mix different font families inappropriately
- â Place logo on busy backgrounds
- â Use low contrast color combinations
- â Change the accent cyan color
Built for Excellence
This brand system powers 1,683+ pages across the Solomon Electric digital ecosystem, ensuring consistent, professional presentation at every touchpoint.