halo
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
A 4:5 poster for a daily wellbeing app. A dark frosted-glass card sits over a portrait; its top edge dips in a soft curve, and five round widget icons ride along it, the active one resting in the dip as a solid white circle. Click an icon, drag the ring sideways or use the arrow keys: the icons glide along the curve on a spring and the content slides across with a soft blur. Check-in has mood chips you can remove and add, an energy slider that snaps to Low, Steady, High or Peak, and slide-to-log; Sleep draws its stage graph in; Heart morphs its line between Week and Month and moves the marker to the day you pick; Water raises a live wave by 250 or 500 ml; Breathe runs a glass orb through inhale 4, hold 4, exhale 6. The poster scales to fit any window and zooms in on phones.
what you get
- prompt
- Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
- project
- The Vite + React source code as a .zip, ready to run.
- figma file
- The editable design as a .fig file to import into Figma.
what's inside
- widgets
- carousel
- chart
- toggles
- keyboard navigation
stack
- react
- vite
- typescript
- svg
fonts
Geist, Geist Mono
Free fonts, linked in the prompt.
colors
- #2A0F18
- #160A10
- #E2FF5A
- #FF6E9C
- #FFC2D6
- #FFFFFF
license
With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.
read the license

