Stay honest. Stay connected. Stay clean.
Step 10 is the modern recovery companion designed to turn honest daily inventories into real-time guardian connection, sustained peace of mind, and proactive relapse prevention.
Our language is compassionate, grounded, and concise. We avoid preachiness and clinical sterility; we speak directly to recovery as an active, daily partnership between self, guardians, and fellowship.
Primary Brand Slogan
“Stay honest. Stay connected. Stay clean.”
“2 minutes to daily peace.”
“Accountability in your pocket.”
Highlights low friction, emotional relief, and instantaneous daily habit formation.
“Real-time accountability for real-world reintegration.”
Emphasizes compliance, seamless multi-client caseload monitoring, and reliable oversight.
“Spot the drift before the shift.”
Positions trending emotion and crisis monitoring as proactive insight rather than punitive tracking.
“The opposite of addiction is connection.”
The core psychological and spiritual anchor: isolation breeds relapse, honest connection sustains recovery.
The Step 10 logo is an integrated lockup combining a protective speech bubble with a tiered tricolor heart. It visualizes honest dialogue and progressive spiritual recovery.
Anchor shape representing safe space, structured communication, and fellow accountability.
Warm Cream lobes signifying serenity, unconditional acceptance, and honest disclosure.
Fresh Mint accent representing vital healing, renewal of clarity, and daily forward momentum.
Sky Blue tail representing emotional clarity, serenity, and the open horizon of freedom.
The icon is engineered to remain distinct and crisp from 16px micro-favicons up to 512px hero displays. Here is the official scale and authentic platform mockups.
Take 2 minutes for your evening review. Stay honest, stay connected.
Typography balances warmth and modern precision. Fredoka and Mitr define our distinctive display lockup with the diagonal slashed zero (1Ø), while Outfit delivers balanced clarity for mobile interfaces and marketing copy.
Fredoka (Semi Bold · Wordmark Display)
Spot the drift before the shift
Outfit (Medium · Tagline & Body UI)
Spot the drift before the shift
Our chromatic identity uses high-contrast, restorative tones. Click on any color swatch below to copy its HEX value immediately to your clipboard.
| Token ID | Role / Semantic Usage | Dark Mode (#161125) | Light Mode (#F7F5F0) |
|---|---|---|---|
primary |
Main action buttons, active highlights | #5EAC8F | #429377 |
secondary |
Sub-navigation, secondary buttons | #8A9A86 | #5C6E61 |
bg |
App body canvas background | #161125 | #F7F5F0 |
card |
Elevated cards, sheet containers | #1E1833 | #FFFFFF |
border |
Card outlines and group dividers | #4B5A71 | #D8D2C4 |
accentSky |
Feature metrics, streak badges | #70C1EA | #2E7D9E |
accentPeach |
Wordmark, warm affirmations | #E3BD96 | #BD7A36 |
The pulsing heart is the sole official animated loader across Step 10 applications. Modeled directly on restorative breathing cycles, its gentle outward expansion creates an atmosphere of presence, calm reassurance, and emotional safety. Generic loading wheels or dual-ring spinners are strictly prohibited. Native platform list-refresh indicators (e.g. pull-to-refresh) remain default OS controls and require no custom styling.
Initial launch screen, session restoration, full-screen transitions.
size={80}
Journal entry hydration, audio meditation buffering, dialog states.
size={48}
Inside buttons during save/submit, header sync, status pills.
size={24}
While Fresh Mint is the primary default, the pulsing heart loader can be deployed in each of Step 10's core brand colors to harmoniously match surrounding UI contexts.
Follow these foundational rules to ensure the Step 10 visual trademark remains pristine, authoritative, and recognizable across all physical and digital applications.
Copy raw SVG code or download vector sources directly for integration into web, iOS, Android, and marketing collateral.