Feel great in just 10 minutes.

Six colours, two modes, one rule: never recreate.

Always use the supplied SVG assets. Never distort, stretch, rotate, recolour, or type-set a JUST10 logo. Default placement is top-left, 32px height on mobile, 40px on desktop, with minimum 2× logo height of clear space on all sides.

Tokens, roles, and where each colour earns its keep.

Every colour is a CSS variable. Activity colours use the exact Main, Light, and Muted values from the JUST10 brand-colours PDF: Main for the "10" in the logo and key UI colour, Light for dark backgrounds and hovers, and Muted for the tick marks in the logo. The accent gold is reserved for premium tiers and the Naomie Harris OBE accolade. The live red is reserved for the pulsing dot and "now on Zoom" cues — never alerts or errors.

Primary

Ink & text

Canvas & borders

Montserrat for display. Plus Jakarta Sans for everything else.

Mixed colour is the editorial signature — a 700 ink-dark anchor with one 700 cyan word for emotional punctuation, applied via the .highlight utility. Never set Montserrat below 1.6rem. 800 weight is reserved for the single largest hero on a page.

Photography that breathes — soft light, real moments, never stock-y.

JUST10 imagery should feel like the rest of the brand: calm, warm, human. Look for soft natural light, generous negative space, real-world textures (linen, wood, breath, daylight). Avoid clinical white-box stock, performative wellness poses, or anything that screams "lifestyle". Photos placed below are sourced from Unsplash as on-brand placeholders — to be replaced with bespoke photography or licensed library shots before launch.

Feature image · zone overlay

Use a single, atmospheric photo behind a dark gradient veil for editorial sections. Always pair with one short title and a one-line description. The dark veil uses #192e52 at 0–65% opacity so light text stays legible.

A small reset

Ten quiet minutes is already enough.

No streaks. No scoring. Just a regular pause that brings the day back into focus.

Image cards by zone

Image cards pair a 4:3 photo with a small zone badge and a title. Use these for category landings, content collections, and editorial round-ups. The badge always sits top-left at --space-s from the edge.

Move

Gentle wake-up flow

Ten minutes of mindful movement to soften a stiff start.

Breathe

Ocean breath

A nervous-system reset using slow nasal breathing. Anxiety relief in ten minutes.

Meditate

Awareness meditation

A grounding pause that reconnects you with the present. Open eyes or closed.

Journal

Gratitude journaling

A guided writing practice for noticing what's already enough today.

Sleep

Wind-down practice

A short evening reset for falling asleep without the spiral.

Nutrition

Easy nourishment

Ten-minute habits that feel like care, not control.

Drop-in prompts for AI coding agents.

Copy these into a Claude or Cursor session when building a JUST10 component. Each prompt encodes the design tokens and the calm rule.

Session card

Create a session card: off-white #ffffff background, 2rem radius, Level 1 shadow.
Top edge strip: 135° gradient in Meditate cyan (#1bd5f3 → #61e9ff).
Duration pill top-left: "10 min" in cyan 12% tint with #1a2332 text.
Title: 1.8rem Montserrat 600 #1a2332.
Description: 1.4rem Plus Jakarta Sans 400 #3d4f5f, max 2 lines.
Join CTA: .button--primary.button--sm bottom-right.

Hero (homepage)

Split layout, copy left / visual right.
Eyebrow: "THE 24/7 LIVE WELLNESS APP", Montserrat 500 1.3rem, letter-spacing 0.
H1: "Some days, 10 minutes is the win." — clamp(4.4rem, 6vw, 8.4rem) Montserrat 700
   #1a2332, with one anchor word wrapped in .highlight (cyan, 700).
Lede: 1.8rem Plus Jakarta Sans 400 #3d4f5f, line-height 1.65, max 40ch.
Actions: primary "Join the next live" + quiet "Watch how it works".
Visual: glass-card schedule strip floating over soft radial gradient mesh
        (cyan + peach at 12%).

Schedule strip

Dark band #1a2332, full-bleed, 1.2rem vertical padding.
Left cluster: .is-live dot pulsing #d45b56
+ label "NOW LIVE" white eyebrow
+ "Meditate: Awareness" white body-medium.
Right cluster: "Next: Breathe in 8 min" white body-small
+ primary-cyan .button--sm "Join".

Featured testimonial (Naomie)

Pull quote style. Gold #e8b959 accent strip above, 2px × 40px.
Quote: "I love JUST10!..." H3 Montserrat 300 italic #1a2332, line-height 1.35.
Portrait below-left: 56px circle, 1.5px white border, Level 2 shadow.
Cite: "Naomie Harris, OBE" weight 600 #1a2332.
Role: "Oscar-nominated actress" Micro #7a8a9b.