Side A
Primary Green
#00D285
Side B
Dark Slate
#005164
Design Patterns
HomeOyaFix Design Patterns & Components Library - Review and test all design elements before global implementation
Color Patterns
Professional color system with semantic meanings
Primary Colors
Primary Green
#00D285
CTAs, Links, Success States
Dark Slate
#005164
Secondary, Headers, Dark Backgrounds
Turquoise
#00CEC9
Accent, Info, Bridge Color
Semantic Colors
Success
#00D285
Primary brand green
Warning
#FFA500
Orange for caution
Error
#FF4757
Vibrant red for errors
Info
#00CEC9
Brand blue accent
Professional Grayscale
Teal-based scale derived from Dark Slate (#005164)
Teal 900
#002b36
Darkest backgrounds
Teal 800
#003d4d
Dark backgrounds
Teal 700
#005164
Headers, primary
Teal 600
#006578
Secondary elements
Teal 500
#00788c
Muted elements
Teal 400
#4D9EAD
Lighter accents
Teal 300
#80B8C3
Borders, dividers
Teal 200
#B3D4DB
Light borders
Teal 100
#E6F2F5
Light backgrounds
White
#ffffff
Cards, buttons
Header Variants with Primary Colors
Three different header styles showcasing the brand color palette
Variant 1 - Primary Green (#00D285)
Welcome to OyaFix
Professional device repair services with certified technicians. Fast turnaround, quality guaranteed.
Variant 2 - Dark Slate Secondary (#005164)
Expert Repairs
Comprehensive warranty program on all repairs. Industry-leading service standards.
Variant 3 - Turquoise Accent (#00CEC9)
Quick & Reliable
Same-day service available for most repairs. Transparent pricing with no hidden fees.
Review all design patterns and approve before global implementation
Return to Homepage