Aethel: The Living Archive
Strategic Human–AI Collaboration Report for CreateSC 2026
Abstract
Aethel is an interactive digital garden designed to challenge the modern paradigm of "disposable information." In an era where digital content is often treated as static, frictionless, and ephemeral, Aethel introduces the concept of Digital Entropy. By modeling thoughts as living entities that grow through engagement and decay through neglect, Aethel creates a rhythmic, evolving relationship between the user and their past content. This report details the philosophical inspiration, technical architecture, and strategic development of Aethel, a project born from a high-performance collaboration between human strategic lead and Google Gemini AI.
1. Inspiration: The Philosophy of Digital Entropy
The primary inspiration for Aethel stems from the observation that human memory is not a database, but an ecosystem. In the physical world, objects age; they develop a "patina" of use. Books yellow at the edges, and paths are worn into the earth by repeated footsteps.
In the digital world, however, a note written five years ago looks identical to one written five seconds ago. This lack of temporal feedback leads to a sense of "digital clutter"—a sterile environment where information is either "present" or "deleted," with no middle ground of fading or weathering.
Aethel was inspired by the Old English word for "noble" or "ancestral home," suggesting a space that is meant to be inhabited and tended over time. We wanted to build a tool that rewards presence over speed, and reflection over consumption.
2. The Problem: The Tyranny of Efficiency and Static Data
Modern productivity tools are optimized for the "Input-Output" loop. The goal is to capture information as quickly as possible and retrieve it with zero friction. While efficient, this approach has several critical flaws:
- Information Overload: Without a natural decay mechanism, digital archives become overwhelming "graveyards" of data.
- Lack of Contextual Depth: Static data does not reflect the evolving importance of a thought. A profound realization and a grocery list are treated with equal visual weight.
- The "Frictionless" Fallacy: By removing all friction, we remove the "rhythm" of interaction. We forget what we create because the interface doesn't require us to "tend" to it.
The Challenge: How can we design a digital space that feels as natural as a garden, where the user's history is not just stored, but alive?
3. The Solution: Aethel - The Living Archive
Aethel solves the problem of static data by introducing a Vitality Engine. Every "thought" (node) in the archive possesses two primary dynamic properties: Growth and Decay.
- The Garden Interface: A spatial canvas where thoughts are represented as generative "blooms." Their size, complexity, and opacity are direct functions of their vitality.
- Temporal Awareness: The system tracks the "Last Visited" timestamp and calculates decay based on real-time passage.
- The Weathering Mechanism: As thoughts decay, they don't just disappear; they "weather." They become blurred, their edges soften, and they fade into the background atmosphere, mirroring the way distant memories become hazy.
- Temporal Shift (The Time Machine): A strategic feature that allows users to slide through time (e.g., +30 days) to see which parts of their garden will wither if not tended to.
4. How it Works: The Mechanics of Growth and Decay
The core of Aethel is a mathematical model of engagement. We define the Vitality ($V$) of a thought as a balance between its Growth ($G$) and its Decay ($D$).
4.1 The Decay Function
Decay is a linear function of time since the last interaction. Let $t_{now}$ be the current time and $t_{last}$ be the timestamp of the last visit. The decay $\Delta D$ is calculated as:
$$\Delta D = \min(1, D_{base} + (t_{now} - t_{last}) \times \rho)$$
Where:
- $\rho$ is the Decay Rate (constant, e.g., $0.05$ per day).
- $D_{base}$ is the existing decay level.
4.2 The Growth Function
Growth is incremented with each interaction, but follows a diminishing returns curve to prevent infinite scaling:
$$G_{new} = \min(1, G_{old} + \gamma)$$
Where:
- $\gamma$ is the Growth Increment (e.g., $0.1$ per interaction).
4.3 Visual Mapping
The visual properties of a node are mapped to these values:
- Scale ($S$): $S = S_{base} + (G \times 100) - (D \times 40)$
- Opacity ($\alpha$): $\alpha = 1 - (D \times 0.7)$
- Blur ($B$): $B = D \times 4$ pixels
This ensures that a highly engaged thought is large, sharp, and vibrant, while a neglected one is small, faint, and blurry.
5. Tech Stack: A Modern Architecture for Immersive Experiences
To achieve the high-performance and "Dark Luxury" aesthetic required for a winning submission, we utilized a cutting-edge stack:
- React 19 & TypeScript: For a robust, type-safe component architecture.
- Vite: For ultra-fast development and optimized production builds.
- Tailwind CSS 4.0: Leveraging the latest utility-first styling for complex layouts and custom theme variables.
- Motion (Framer Motion): The "secret sauce" for Aethel. We used
AnimatePresencefor seamless view transitions andlayoutIdfor shared element transitions between the Garden and the Bloom views. - Lucide React: For a consistent, minimal iconography that fits the "Specialist Tool" aesthetic.
- Date-fns: For precise temporal calculations and "Time Machine" simulations.
6. The Build Process: From Concept to Bloom
The development followed a structured Human-AI Role Architecture:
- Strategic Framing (Human): Defined the "Living Archive" concept and the "Designing Beyond Efficiency" prompt alignment.
- Architectural Synthesis (AI): Gemini proposed the "Vitality Engine" logic and the mathematical models for decay.
- Iterative Styling (Collaboration): We refined the "Dark Luxury" aesthetic, moving away from generic cards to a "Glassmorphism" approach with atmospheric gradients.
- Performance Tuning: Optimized the rendering of multiple generative nodes using
useMemoto ensure the garden remains fluid even with dozens of thoughts.
7. Challenges Faced: Balancing Performance and Atmosphere
The most significant challenge was Visual Performance vs. Immersive Depth.
- The Blur Problem: Applying CSS
backdrop-filter: blur()andfilter: blur()to many moving elements can be computationally expensive. We solved this by usingAnimatePresenceto only render what is visible and keeping the generative shapes simple yet mathematically elegant. - Temporal Logic: Simulating "future" decay while maintaining the "current" state required a careful separation of the data layer from the view layer. We implemented a "Simulated Days" state that modifies the effective decay without overwriting the actual database values.
8. Lessons Learned: The Power of Human-AI Synergy
This project demonstrated that AI is most powerful when treated not as a "code generator," but as a Cognitive Engine.
- Abstraction is Key: By providing the AI with high-level philosophical goals ("Make it feel like a garden, not a list"), we were able to generate unique UI patterns that a standard prompt would never produce.
- Iterative Excellence: The best features (like the "Temporal Shift" slider) emerged from a back-and-forth dialogue where the AI challenged the human lead's initial static design.
9. Future Scalability: Expanding the Digital Garden
Aethel is designed as a foundation for a much larger ecosystem:
- Multi-Agent Collaboration: Integrating MCP (Model Context Protocol) to allow different AI agents to "tend" to the garden, resurfacing forgotten thoughts based on current user context.
- Cross-Platform Context: A browser extension that "plants seeds" from web articles, which then grow or wither in the main Aethel app.
- Collaborative Groves: Shared gardens where teams can see the collective "vitality" of their project's ideas.
- Biometric Integration: Adjusting the "Seasons" of the garden based on the user's actual stress levels or focus time (e.g., a "Winter" state when the user needs rest).
10. Conclusion
Aethel: The Living Archive is more than a note-taking app; it is a statement on the value of time and reflection in the digital age. By embracing imperfection, decay, and rhythm, we have created a tool that feels human. This project stands as a testament to what can be achieved when human strategic vision is amplified by the analytical rigor of advanced AI.
CreateSC 2026 Submission Designed by Ariadne-Anne DEWATSON-LE'DETsambali & Google Gemini
Built With
- css
- geminiapi
- html
- python
- react
- typescript
Log in or sign up for Devpost to join the conversation.