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.
Screenshot · Thomas Hutten · 2026
Judith's Healthy Heat is a fictional brand, for now. It's named after my girlfriend Judith, who once made an amazing hot sauce for a barbecue we hosted with friends. She should really turn it into a real product. Until she does, it became the test case for a different goal: finding out what Kling AI and Nano Banana Pro 2 make possible for web design, a full brand identity taken from a handful of markdown notes to a fully designed, animated brand site.
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. No coming back to it the next day. If a tightly scoped AI workflow was as fast as I hoped, one evening should be enough.
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, all art-directed to stay within the visual language the skill defined.
The outcome
The result is a small, coherent brand, Judith's Healthy Heat, built with the markdown files acting as the brand's constitution rather than a one-off prompt, reusable and consistent across every generated asset. The self-imposed deadline held: idea to finished, animated site in about two hours, entirely between dinner and bed.
Stack