The raw materials that keep Alz Space consistent across iOS, Android, and the website. Ported into CSS variables so the web and mobile surfaces never drift.
Warm orange carries action. Teal sits under success and play. Purple shows up where memory, language, and imagination live.
#10B981#F59E0B#EF4444#3B82F6#FFFBF5App background#FFFFFFCards, sheets#E5E7EBHairlines#111827Primary bodyFive sizes, two weights. The display face is always heavy; the body is always calm. No decorative fonts.
Radii step through the same ladder the mobile app uses. Shadows are warm and low-contrast — almost always on card hover.
8px12px16px20px24px32px999pxThree pieces do most of the work across the app.
Warm glow shadow. Used once per view.
Hairline border. Used for everything else.
Always paired with a title. Never alone.
Flip and match pairs. Five minutes. Gentle pacing.
The library splits along the same cognitive axes carers use to talk about therapy — plus a "Relax" bucket for when the day calls for gentler play.
Recall and remember
Focus and spot
Words and meanings
Reach and tap
Puzzles and logic
Calm and creative
Lifted directly from the mobile app's gameCatalog.ts. Gentle games appear first — they're the ones we recommend as a starting point.
Flip and match pairs
Find matching fruits
Remember the sequence
Spot what changed
Find the different shape
Spot the different character
Find what has changed
Tap the called number
Fill the missing character
Match the idiom to a picture
Find matching words
Listen and follow along
Tap moles as they appear
Swap to match three
Stack blocks to clear lines
Tap numbers in order
Order numbers by size
Piece it back together
Paint and create
Listen and follow along