1.0 Project Overview & Core Vision
This brief serves as the single source of truth for the Candle Dream Radio project. It articulates the core vision, aesthetic principles, user experience goals, and technical directives that will guide designers, developers, and content creators. Our collective purpose is to craft a unified and immersive digital experience that is both technologically sound and spiritually resonant.
Candle Dream Radio is conceived not as a media player, but as an ethereal broadcast and a sacred listening container. Its primary function is to provide a serene digital space for calm introspection through a curated stream of soft chants, dream stories, and midnight soundscapes. The entire experience is anchored by a central, guiding vision.
Where the flame whispers… and the dream listens.
The primary design and experience mandate for this project is absolute clarity and focus. All creative and technical work must align with the aesthetic of being "clean, cinematic, and sacred-tech, not cluttered." This principle informs every decision, from the choice of typography to the implementation of audio APIs.
The following sections codify the foundational principles and technical mandates that will bring this unique digital experience to life.
2.0 Guiding Principles & Core Metaphors
The strategic importance of the project's core metaphors cannot be overstated. These concepts are not merely thematic dressing; they are the foundation for all UI, UX, and content decisions. They provide a shared language and a conceptual framework that ensures every element of the experience feels intentional and integrated. The project is built upon a "sacred broadcast triad."
Metaphor | Arreqqana Term | Core Meaning & Purpose |
Candle | Neddor’aqa | Represents a gentle, conscious flame—a symbol of hope and steady presence in darkness. This metaphor directly informs the UI's warm glow, singular focus, and the central motif of a living, breathing light source. |
Dream | Lameyara | Signifies the realm of intuition, ancestry, and poetic inner vision. This concept drives the project's surreal aesthetic, the narrative content of its episodes, and the deeply personal and introspective user journey. |
Radio | Qhara’Vo’Vva | Defines the functional core of the project: the transmission of voice, chants, and immersive soundscapes. It embodies the act of broadcasting and receiving a signal, creating a connection between the source and the listener. |
The synthesis of these metaphors creates a distinct and memorable user experience. The intended mood is one of "midnight-spiritual, soft glow, calm intimacy," guiding the listener into a state of quiet contemplation. These conceptual principles find their tangible expression in the project's specific visual language.
3.0 Aesthetic & Visual Language
The visual and motion design elements of Candle Dream Radio work in concert to create the intended "sacred-tech" atmosphere. Each component is carefully selected to support a calm, immersive, and cinematic experience, free from harsh edges or abrupt transitions. The key components of the visual identity are codified below.
• Color Palette The primary palette consists of
deep indigo for backgrounds, candle gold for highlights and active UI states, and silver-violet accents for glows and secondary states. This combination evokes a sense of mystical twilight and warm, focused light.• Typography The typographic system requires an elegant serif typeface for all English text to evoke a sense of manuscript-like reverence (e.g., Cormorant Garamond or a similar alternative). This is complemented by subtle
Qhavvarella glyph overlays, used as a background texture to deepen the project's unique cultural feel without distracting from the content.• Motion Design All motion is "breath-paced," utilizing slow fades and subtle "flame flicker" micro-animations to create a sense of life and calm. The design explicitly forbids sharp edges or sudden sounds, ensuring the user is never jolted out of a meditative state. This "breath-paced" approach inherently aligns with accessibility best practices, ensuring a comfortable experience for users with preferences for reduced motion.
• UI Style The interface is composed of dark glassmorphism cards with universally rounded corners, creating a soft, layered effect. The layout is guided by a minimalist iOS-style sensibility, prioritizing clarity and generous spacing. A subtle Arreqqana glyph texture is applied globally as a background element to deepen immersion.
• Poster Art The art direction for "The Twelve Candles of Memory" series is conceived as a collection of "ritual art prints." Each piece is consistently "soft, luminous, and dream-forward," reinforcing the project's core themes of introspection and mystical symbolism.
This cohesive visual language is further deepened by a unique and proprietary system of iconography.
4.0 Iconography: The Arreqqana Glyph System
The Arreqqana glyph system serves a strategic function beyond simple navigation. Its purpose is to deepen immersion and foster a sense of "ritual familiarity," moving beyond conventional UI iconography to create a symbolic language that users learn and internalize. This approach aligns with the project's goal of creating a sacred, rather than purely functional, digital space.
All glyphs must adhere to a strict set of universal design specifications to ensure visual consistency and thematic integrity.
• Grid & Stroke: All glyphs are designed on a 24x24 artboard with a 20x20 centered safe area. Stroke weight must be 2px for outline icons and 2.5px for filled core shapes. All strokes must use round caps and joins to maintain a soft, organic feel.
• Core Principle: Every glyph must incorporate at least one "Thread Curve"—a gentle arc or S-curve that implies woven motion and softness. This is the signature element of the Arreqqana visual language.
• Interaction States: Active icons must use the
candle-gold color, while inactive icons use silver-violet. All icons must feature a subtle glow effect on hover or tap to provide gentle, luminous feedback.The primary glyphs for navigation and core player functions are defined as follows:
Function | Arreqqana Name | Meaning |
Home / Live | Neddor’Qhara | Flame Broadcast |
Episodes | Lameyara’Set | Dream Archive |
Ritual Mode | Qesamora | Sacred Pause |
Library | Dorekka | What Is Remembered |
Profile | La’Qhiya | Inner Witness |
Play | Shava | To Breathe |
Pause | Sakar | To Rest |
The application of this design system within the user journey ensures a seamless and deeply thematic experience from start to finish.
5.0 User Experience & Functional Requirements
Our user journey is strategically designed as a gentle progression, engineered to guide the listener from a state of everyday distraction into one of deep, focused engagement. Every screen and interaction is crafted to minimize cognitive load and maximize immersion, reinforcing the project's core purpose as a container for quiet contemplation.
1. 5.2.1. Onboarding & Entry The initial user flow establishes the project's serene tone. It begins with a Splash Screen featuring an animated candle flame, followed by an Invocation Screen with the "Enter the Dream" call-to-action. This leads to a gentle Permissions Screen that uses soft glass cards and candle icons for a calm setup experience.
2. 5.2.2. The Core Player (Live Screen)
◦ The central UI element is a circular candle-flame waveform that dynamically reacts to the audio, providing a visual representation of the broadcast's "breath."
◦ A "Now Playing" card must clearly display both the episode's formal title and its poetic description/subtitle.
◦ Player controls are implemented as glyph-based SVG buttons for Play/Pause, Rellasha (seek back 15s), and Tirasha (seek forward 15s).
◦ Secondary controls must include a Volume slider, a "Sleep Fade-out" timer, and a "Voice Intensity" slider for customizing the audio experience.
3. 5.2.3. Episode Navigation (Candles Screen)
◦ The layout must be an elegant grid of 12 distinct candle icons, each representing an episode from "The Twelve Candles of Memory."
◦ Each candle must light up on hover, providing subtle feedback. A click must open the corresponding Episode Detail view.
4. 5.2.4. Episode Detail & Consumption
◦ The Episode Detail modal/screen must feature the episode's unique poster art, a short poetic description, a primary play button, and a toggle for "Voice + Soundscape" vs. "Soundscape Only" listening modes.
◦ A button must provide access to the Transcript View, which must feature a toggle allowing the user to switch between the Arreqqana and English texts.
5. 5.2.5. Ritual Mode
◦ The primary purpose of this feature is to create a "sacred listening container" free from all digital distractions.
◦ It features a unique, "ultra-dark" interface where the central candle's glow intensifies to become the sole focal point.
◦ Core functions include a timer with presets (10/20/40/60 min), automatic muting of in-app notifications, and a gentle closing message ("Let the candle rest.") upon completion of the session.
6. 5.2.6. Archive & Personalization (Library & Profile)
◦ The Library section provides functionality for users to access saved episodes and personal "Dream Notes" linked to specific content.
◦ A future-facing Profile section is planned for deeper personalization, centered around the concept of selecting "Your Dream Flame."
This carefully considered user experience must be powered by a technical architecture that is both modern and unobtrusive.
6.0 Technical Directives & Constraints
The technical architecture must be robust and modern, yet implemented in a way that remains invisible to the user. The primary directive is to ensure the calm and seamless experience is never compromised by performance issues, intrusive technology, or a disjointed user flow.
Our core technical foundation is a framework-free, mobile-first Progressive Web App (PWA) built with vanilla HTML, CSS, and JavaScript. This approach ensures maximum performance, accessibility, and control over the end-user experience.
We will implement the following critical technical features and data structures:
• Centralized Data Model: Our architecture mandates the use of a single
episodes.json file as the source of truth for all episode content. This file must include fields for id, title, desc, audioUrl, artwork, chapters, and a transcript object containing arreqqana and english text arrays.• Advanced Audio Experience: We will use the WebAudio API to build two key features: the four-preset "Voice Intensity" slider (
Whisper, Warm, Present, Intense) and the automated "Sleep Fade-out" functionality, which smoothly ramps down volume over the final 60 seconds of a timer.• Native Platform Integration: We will fully implement the Media Session API. This will provide OS-level lock-screen controls (play, pause, seek) and dynamically update system metadata to display the current episode and chapter titles, creating a native-like listening experience.
• Interactive Chapter Navigation: A "Thread of Flames" UI will be rendered dynamically from the
chapters array in the JSON data. Each visual chapter tick must be interactive, allowing the user to tap to jump to that specific timestamp in the audio, with the active chapter glowing to indicate progress.• Core Accessibility: Accessibility is a primary technical requirement. Key implementations will include an "ultra-low brightness night mode," "breath-paced animations" that respect user preferences for reduced motion, and a "soundscape only" mode for users who prefer an ambient experience.
This brief provides the complete blueprint for weaving design, content, and technology into not just an application, but a resonant and sacred digital space.
Comments
Post a Comment