Near-black with one acid accent
Low-saturation darkness creates immersion; a single scene-aware accent communicates state.
LIVE · IMMERSIVE EXPERIENCE
Lumen
Micro Journey
A sixty-second emotional reset built around discovering an unknown landscape with light. The reveal does more than decorate: it powers the explore, unlock, and take-away loop.
Take one minute.
Go somewhere else.
ENTER EXPERIENCE ↗01
STYLE DNA
System sans meets emotional serif
Neutral sans-serif handles function. High-contrast italic serif appears only on emotional language.
Narrative and experience stay separate
The left side explains why. The right side lets the user immediately discover how.
Slow movement with physical weight
Pointer tracking carries inertia; the mask opens and closes more slowly than a typical hover state.
Metadata creates credibility
Coordinates, progress, indexing, and grids make the experience feel like a real exploration tool.
Explore, unlock, take away
A completion condition and a useful result turn the visual effect into a product loop.
02
REUSABLE PROMPT
Turn a style into
callable rules.
The prompt captures the product goal, visual grammar, interaction loop, and anti-patterns: not a pile of vague adjectives.
Design a dark, cinematic interactive micro-journey product. Product goal: help a user reset emotionally in sixty seconds by discovering a hidden landscape. Visual language: near-black interface, thin technical grid, warm editorial typography, one adaptive acid accent, restrained analog grain. Layout: narrative statement on the left; a large 16:9 interactive image stage on the right; compact progress and coordinate metadata; destination card revealed only after exploration. Interaction: a soft circular light follows the pointer with inertia, cuts through a blurred dark-glass mask, records explored regions, then unlocks destination context, postcard download, and quote copy actions. Typography: neutral grotesk for UI, high-contrast serif italic for emotional emphasis, monospaced micro-labels for system status. Motion: slow, weighted, atmospheric; no bouncy easing and no decorative animation without feedback value. Use cases: travel discovery, meditation, art archive, premium editorial storytelling, immersive portfolio. Avoid: generic dashboard chrome, neon cyberpunk overload, glass cards everywhere, oversized gradients, fake metrics, excessive copy.
03
WHEN TO USE
Use it for
- Destination and travel discovery
- Meditation, breathing, and emotional reset tools
- Galleries, photography archives, and portfolios
- Immersive storytelling for premium brands
- Product launches that benefit from discovery
Avoid it for
- High-frequency tables and admin systems
- Utilities designed for rapid scanning
- Promotion-heavy or discount-led landing pages
- Content-heavy experiences on weak devices
- Projects without high-quality visual material
The distribution and discovery model references 21st.dev ↗. Lumen’s product concept, interface, and reusable prompt were created independently by 100 AI Designs.