Healthy Heat
An experiment with Kling AI and Nano Banana Pro 2 to find out what they make possible for web design: a full brand identity, from a handful of markdown files to a finished, animated site.
- Type
- AI experiment
- Built with
- Claude Skills, Kling AI, Nano Banana Pro 2, Vite
- Brand
- Judith's Healthy Heat (fictional)
The problem
Building a brand identity end to end usually means stitching together a dozen disconnected tools, with a lot of manual back-and-forth on naming, tone of voice, visual direction, and imagery.
I set myself a constraint to force the issue: design and ship the whole thing (name, tone of voice, imagery, motion) in one sitting, between dinner and bedtime.
The approach
I wrote a custom Claude skill that reads a set of markdown files (product facts, tone of voice, target audience) and treats them as the single source of truth for every piece of generated content, from headline copy to product descriptions.
Kling AI generated the hero video of the bottle in motion, and Nano Banana Pro 2 produced the product photography.
The outcome
The self-imposed deadline held: idea to finished, animated site in about two hours, entirely between dinner and bed.
Results