Title: Toggle Garden — Grow Your Settings
Prompt: A greenhouse where settings panels grow like plants in terracotta pots. Sunlight, rain, bees, and moonlight are physical toggle switches that wake seedlings and open blooms. The goal is to flip every bed awake and summon fireflies over the moss-dark glasshouse.
Design: Moss-green glasshouse with a weather dashboard and six paper seed plots in varied organic radii; each plot pairs a CSS-grown stem, leaf, and bloom with an accessible toggle switch, plus drifting firefly dots when complete.
Visual techniques:
- Clip-path terracotta pots with animated stem heights
- Custom toggle switches with sliding knobs and focus rings
- Firefly glow dots with drift keyframes
- Daylight slider driving moisture and light dials
- Responsive 3-to-1 plot grid with grayscale sleep states
Interaction model: Toggling a switch grows or sleeps its plant and updates the harvest counter; the daylight slider retunes readings; Wake-all flips every bed, and lighting all six summons fireflies and changes the harvest message.