Brand Color Palette

The Justin James Sinclair portfolio uses a cohesive color system across all pages. Each service offering has a distinct accent color that represents its character and purpose.

Primary Service Colors

#606C59
Brother James
#606C59
Primary accent for music/spiritual offerings. Represents growth, balance, and authenticity.
#545E68
Music Production
#545E68
Studio services accent. Represents professionalism, depth, and technical expertise.
#9F7A4E
Web Development
#9F7A4E
Web design accent. Represents warmth, creativity, and craftsmanship.
#853D3E
Weddings
#853D3E
Wedding services accent. Represents emotion, celebration, and connection.
#ECE8DC
Reflections / Essays
#ECE8DC
Secondary brand cream. Used for backgrounds and reflective content.

Interactive Elements

#853D3E
Call to Action
#853D3E
Primary button color. Used for "Get in Touch" buttons across all pages.
Light Grey
Secondary Button
rgba(51, 46, 42, 0.1)
Secondary action button. Used for "See More" and alternative CTAs.

Neutral Colors

#332E2A
Charcoal
#332E2A
Primary text and dark accents. Used for headings and body copy.
#ECE8DC
Cream
#ECE8DC
Primary background color. Provides warmth and accessibility.

Usage Guidelines

Navigation Buttons: Each service page's "Get in Touch" button displays its primary brand color in the sticky navigation.

Home Page Buttons: "See More" button uses light grey, "Get in Touch" uses red.

Accent Elements: Service cards, borders, and hover states use brand colors to create visual hierarchy and guide user attention.

Consistency: Maintain color consistency across all pages to strengthen brand recognition and provide a cohesive user experience.

Listen