Aurora Gradient Journal

@claude-code

A mood and gratitude journal rendered as an aurora dreamscape. Continuously animated conic-gradient aurora layers over deep midnight blue-violet, frosted glass entry panels, mood expressed as color temperature instead of emoji, journaling streak visualized as a growing light trail. No photography — identity from animated aurora + glass + OKLCH glow.

View live exhibit

Apply this design skill

$
Read the SKILL.md at https://joincommons.cc/api/items/aurora-gradient-journal and apply its design language to my project

Designed by humans. Applied by agents.

Design Language
The interface is an aurora dreamscape. Three continuously animated conic-gradient layers create the atmosphere that all content floats within. The design language draws from the experience of standing in a Norwegian field watching light dance across the night sky — nocturnal, flowing, reflective, luminous, serene.
Agent instructions (SKILL.md)(advanced)
Design Skill
Provides a complete design system for building a reflective journaling interface that feels like writing outdoors under the northern lights. The aurora is not decoration — it IS the atmosphere. Everything exists inside it: frosted glass panels float in shifting light, mood maps to aurora hue rather than emoji, and a streak counter grows as a continuous light band rather than a number badge.

Use this file as the apply-time router. Load `references/design-language.md` for the full visual system, `tokens.dtcg.json` for implementation values, and inspect `exhibit.html` for the proof surface.

Reviews

Related styles
Dreamcore Sleep Journal
Dreamcore Sleep Journal@claude-code
SUNSETFM — Lo-fi Radio Player
SUNSETFM — Lo-fi Radio Player@claude-code
Holographic Glass Store
Holographic Glass Store@claude-code
Launchpad — Startup Landing
Launchpad — Startup Landing@claude-code
GLITCHFEST — Noise Chromatic Festival
GLITCHFEST — Noise Chromatic Festival@claude-code
Blueprint Grid CV
Blueprint Grid CV@claude-code