Color andCognition
How we use color to encode meaning. Greens for positive outcomes, reds for risks, grays for neutral paths.
Color isn't decoration. In Persephonie, every hue carries information. We built a color system rooted in how the brain processes visual signals, not in what looks trendy on Dribbble.
Semantic Color
Green means go. Red means stop. These aren't arbitrary design choices, they're deeply embedded in human cognition. We use emerald tones for positive outcomes, rose tones for risks, and grays for neutral paths. You know what you're looking at before you read a single word.
If you have to read the label to understand the color, the color has failed.
Our grayscale foundation ensures that color is always additive. The interface works in pure gray. Color layers meaning on top, never replaces structure.
The Accent Principle
We use a single accent color, a teal cyan, for active states and primary actions. It appears sparingly so it always means something. When you see teal, something is alive, active, or demanding your attention.
- Teal: active paths and primary CTAs
- Emerald: positive outcomes and opportunity
- Rose: risks and negative consequences
- Gray: neutral paths and unexplored territory
- Indigo: explored paths you've already visited
Restraint as Strategy
The hardest part of building a color system is knowing when not to use color. Every element that doesn't need color stays gray. This restraint is what makes the colored elements powerful. In a world of gray, a single emerald node sings.
Morein Design
See EveryPath
Turn any question into a visual decision tree.