Calm is structural.
Clear hierarchy, hairline rules, generous space, and one obvious next action. The interface should lower cognitive load before a practice begins.
Asset generator
Stateshift design system.
Current website copy · Current app copy
Feed · Story · Square · Landscape · PNG
Ready to export
Source · stateshift.app · hero
1080 × 1350 PNG
Foundations
A field guide for changing state.
Stateshift inherits NSM’s editorial discipline, then moves closer to the body: quieter chrome, darker practice fields, tactile printed artwork.
Art carries sensation.
Colour and atmosphere live inside the artwork. Product chrome stays cloud, ink, mist, and Electric Blue.
Evidence stays human.
Use plain language, real product views, precise claims, and visible limits. No medical theatre. No vague wellness promises.
Primary type and actions.
#111111Default page and product surface.
#F7F7F5Hairlines, tracks, and quiet boundaries.
#D9D9D6Secondary text and inactive states.
#8C8F94Selection and one sharp signal per view.
#2537DAArtwork ground only. Never product chrome.
#061E36Rewire anxiety and live your life again in just 15-days
When you join, you'll get a complete roadmap to rewire your anxiety
All delivered in 10 minutes per day via email and our highly-rated mobile app.
NEXT CHALLENGE STARTS AUGUST 1
Artwork
Backgrounds glow. Icons print.
The four artwork families have separate jobs. Mixing them weakens the system; using each at its intended scale makes the product feel coherent.
Fields / Immersive
Glow behind the practice.
Tall, atmospheric fields belong behind audio players, stories, motion, and full-bleed social assets. Keep text sparse and let the field do the emotional work.
Practice→Full bleed→Minimal copy
Icons / Printed
Print at small scale.
Square icons identify practices in lists, cards, carousels, and product callouts. Their warm paper and imperfect geometry bring touch into otherwise clinical chrome.
Practice→Square crop→Named clearly
Plates / Structural
Hold the wider journey.
Landscape plates organise lessons, onboarding, journeys, and editorial campaigns. Use them as scenes or anchors, never as decorative wallpaper.
Concept→Editorial crop→Clear hierarchy
Motion / Ambient
Let the structure shift.
Use one continuous artwork loop as the focal movement. The generator previews the motion and captures the current frame when exporting a PNG.
Concept→One loop→Current-frame export
Product library
Show the actual product.
Marketing should make Stateshift tangible. Use current screens and current artwork. Avoid decorative mockups that invent features or flatten the app into generic wellness imagery.
