Soloist Brand Guidelines

A comprehensive guide to the Soloist brand identity, philosophy, and visual system.

Brand Philosophy

Soloist represents the individual journey — the pursuit of progress, the rhythm of effort, and the quiet rebellion of standing apart in a world that measures everything. At its core, Soloist celebrates self-mastery through daily momentum, transforming personal data, reflection, and self-discipline into visual rhythm.

The Soloist identity is built on four fundamental pillars:

Individuality

The power of one. Celebrating the singular journey of self-discovery and personal growth.

Persistence

Daily struggle toward progress. Honoring the consistent effort that builds mastery over time.

Contrast

The beauty of standing out amid systems and structure. Finding your unique rhythm in a measured world.

Balance

Between chaos and control, system and self. Navigating the tension between structure and spontaneity.

Brand Symbolism

At the heart of Soloist is the circle — a universal symbol of wholeness, time, and repetition. Inside it lives the Solo Dot — the small, vibrant red circle representing the individual within their environment.

"One person navigating systems larger than themselves — struggling, growing, and defining their own rhythm."

This contrast — one small red dot within, against, or among larger circles — captures the Soloist story. It's a visual metaphor for the human experience of navigating complex systems while maintaining individual identity and purpose.

Logo System Overview

The Soloist logo system is intentionally modular. Each version conveys a stage of the Soloist journey and can be used contextually across brand materials.

Variation	Description	Use Case
Complex System	Multiple circles in a boundary with a small red dot — represents complexity, chaos, and the starting point of self-awareness.	Conceptual illustrations, onboarding visuals, storytelling moments.
Black Universe	Solid dark circle with a contrasting white core — symbolizes the overwhelming world and the hidden potential within.	Dark-mode backgrounds, hero images, deep narrative visuals.
Interconnected	Overlapping transparent circles — represents systems, networks, and the harmony between competing influences.	Product illustrations, contextual visuals, data visualizations.
Emerging Soloist	Larger main boundary, clear red dot within — balance of order and rebellion.	Alternate mark, UI iconography, light-mode lockup.
Minimal Mark	Simplified circle with one red dot — the brand's primary identity.	Core logo for product, favicon, social avatars, app icon.
Inverted Growth	Inverse composition — red dominant, white secondary — representing transformation and mastery.	Achievement visuals, promotional material, milestone states.

Color Palette

Soloist's palette is intentional — a dialogue between neutrality, clarity, and intensity.

Solo Red

#EF4444

Passion, focus, individuality. The heartbeat of the brand.

Neutral 900

#171717

Structure, depth, and control. Used for dark mode and contrast.

Neutral 800

#262626

Balance tone for UI surfaces and shadows.

Neutral 700

#404040

Supporting tone for grid lines, borders, and secondary elements.

White

#FFFFFF

Clarity, openness, and possibility.

Typography

Soloist typography should express clarity and confidence. Use sans-serif typefaces with clean geometry and open spacing.

Primary Typeface

Inter / Satoshi

Used for headings, UI elements, and primary content

Secondary / Accent

DM Sans / Space Grotesk

Used for subheadings and emphasis

Typography should emphasize calm structure — minimal uppercase, intentional hierarchy, and generous breathing space.

Grid & Structure

The grid is not decoration — it's part of the brand's identity. It symbolizes measurement, reflection, and daily rhythm — echoing the Soloist Heatmap itself.

Grid Principles:

•Maintain a visible grid (5–10% opacity) when referencing structure or process
•Use neutral 700–800 lines for light mode, white 10% opacity lines for dark mode
•The red dot should never align perfectly — its slight offset embodies persistence and imperfection

Motion Identity

Motion brings the Soloist to life. The small red dot should move as if it's bouncing against constraints — a metaphor for effort, tension, and persistence.

Motion Principles:

Movement:

Asymmetric, rhythmic, persistent

Easing:

"Ease Out Back" or "Ease In-Out" — natural, never mechanical

Behavior:

The dot may struggle, bounce, or pulse — but it always continues

Example Framer Motion behavior:

// Small dot bounces irregularly within its boundary
scale: [1, 0.95, 1.05, 1]
// Stretching slightly upon impact
// Infinite loop with easing transitions
repeatType: "mirror"

This conveys that Soloist is alive, resilient, and self-aware.

Brand Voice

Soloist speaks with clarity, empathy, and precision.

Reflective

Empowering

Data-aware

Human

Communication Guidelines:

•Focus on journey, progress, and awareness
•Avoid over-promising results — instead, emphasize growth through understanding
•Speak to the individual, not the masses

"Every day is data. Every reflection is progress."

Application Examples

App Icon:

Minimal mark variant with red dot offset

Splash Screen:

Animated version with red dot bouncing

Marketing Assets:

Complex System or Inverted Growth variants with subtle grid overlay

Data Visualizations:

Use circular motifs and red accents to reflect rhythm and intensity

Brand Taglines

"Progress has rhythm."

"Your data, your rhythm."

Usage Rules

Do's and Don'ts:

✓ DO

•Maintain circle proportions
•Ensure red dot contrasts visibly
•Respect negative space
•Use flat, confident color planes

✗ DON'T

•Distort circle proportions
•Add drop shadows or gradients
•Add text within the circular logo
•Use low-contrast color combinations

Closing Thought

Soloist is more than a product — it's a philosophy of measured progress. Every motion, every mark, every red dot is a reminder that growth is not linear — it's rhythmic, imperfect, and deeply human.

The Soloist brand exists to empower individuals on their journey of self-mastery. Through thoughtful design, clear communication, and empathetic understanding, we create tools that help people see themselves more clearly, track their progress authentically, and embrace the beautiful complexity of their own rhythm.

File Structure