Brand system / 2026

Evergrace Music

One label. Three musical worlds.

A coded identity and digital system that gives worship, rock and country distinct expressions inside one cohesive fictional music label.

Explore live project

Project: Self-initiated concept
Role: Brand System + Front-End Development
Built with: React · TypeScript · Design Tokens
Code: View on GitHub ↗

Evergrace Music identity presented with three original album covers — Evergrace system study using the project’s approved lockup and original album artwork.

01 / The challenge

Build cohesion without sameness.

Evergrace Music explores how one fictional Christian music label could support worship, rock and country artists without flattening the character of any genre.

The system needed a recognizable parent identity, flexibility for three audiences and a digital experience that could make the full roster feel like one label.

Evergrace Music homepage with the gold Evergrace lockup, Explore the roster and Upcoming shows buttons, and a featured track player — Label homepage: the parent identity, a featured track and the way into the roster.

02 / Brand architecture

Shared DNA. Distinct expressions.

A disciplined gold-and-charcoal core holds the master identity together. Worship purple, rock ember and country rust add genre-specific expression. A shared wave motif and a common interface language connect the system across touchpoints.

Bricolage Grotesque and Karla provide one flexible type system instead of giving each genre an unrelated visual voice.

Three genre cards for worship, rock and country above roster cards for Lantern Hymn, Still Water Sound and Ironclad Revival — Three sounds, one faith: worship purple, rock ember and country rust inside the shared gold-and-charcoal frame.

03 / System in use

Identity carried through experience.

Master identity and genre-specific sub-brand marks.
Original album artwork and artist presentation across a fictional six-act roster.
Reusable artist cards, genre badges, buttons, tour rows and media controls.
A living style guide documenting tokens and working components.
Original demonstration audio with an accessible media player.

Still Water Sound artist page with a worship badge, inactive streaming buttons, an about section, a media player and a tour date — Artist page: genre badge, clearly inactive streaming links, the accessible media player and tour dates.

04 / Implementation

One source of truth.

React and TypeScript support reusable components and typed roster data. Color, type, spacing and motion live in dedicated design tokens used by both plain CSS and Tailwind utilities.

Decorative light rays, glow pulses and equalizer motion respond to reduced-motion preferences. Artists without a supplied image receive a designed, genre-tinted fallback rather than an empty placeholder.

Evergrace Music homepage on a phone — Phone: homepage and featured track

Evergrace roster cards stacked on a phone — Phone: roster

05 / Honest scope

A believable prototype, clearly disclosed.

Evergrace Music is self-initiated. The label, artists, biographies, releases, dates, contact details and commerce destinations are fictional demonstrations. Real active artists were deliberately avoided so the concept would not misrepresent anyone.

The result demonstrates how a brand system can move beyond a logo into components, content structure, motion and responsive behavior.

The system succeeds when every artist feels distinct while every page still feels unmistakably Evergrace.

Label-wide tour calendar listing upcoming shows with demo ticket buttons and past dates dimmed — One calendar for every artist. Ticket buttons are labelled as demonstrations.

Explore the work

See the experience
in motion.

Open Evergrace Music Read the code All work