Vibe coding can look as awesome as your ideas.

Claude can build you almost anything, but not beautifully, irreverently and individually. That's where Bandana comes in. Purchase one of our looks and appear like you hired a design studio.

The problem

Everything vibe-coded looks the same.

Default fonts. The same borrowed gradient. Rounded corners on everything. Your site works, but it looks like every other site built in an afternoon. A look gives it a point of view.

Limited by design

Every look is sold fifty times. Then it's gone for good. We retire it and build a new one to take its place, so your site never ends up wearing the same thing as a thousand others.

Nine layers. The first one is the product.

What's in a look · hover or tap a layer for an example

01

Instruction file

CLAUDE.md — rules, hierarchy, what never to do, when to use which section, and a paste-this prompt. The product.

02

Colour

Named tokens, not a swatch. Background, surface, text at three levels, one accent with its states, light and dark.

03

Type

Two families, self-hosted, with the licence beside them. One of them is an original, drawn for this look.

04

Space, grid and shape

Spacing scale, containers, breakpoints, grid, radii, edges, elevation.

05

Sections

Real HTML and CSS: hero, nav, feature grid, bento, gallery, pricing, testimonial, FAQ, CTA, footer, contact form.

06

Components

Every interactive state drawn: buttons, inputs, cards, badges, tabs, accordion, modal, toast, table.

07

Motion, baked in

Every look moves. Scroll reveals, hovers, transitions and loaders ship as presets, so a look is never static or dull.

08

Graphics and texture

Logo treatment, icons, patterns, grain, dividers, favicon, image rules.

09

Voice and demo

A short tone guide so Claude writes on-brand, and one fully built example site — the preview, and Claude's reference.

How it works

1

Pick a look

Twenty, each with a real point of view and a live demo. Choose by mood, not effort.

2

Drop the folder in

Unzip into your project. Claude reads CLAUDE.md first and obeys it.

3

Everything matches

New screens, regenerated code, all of it comes out looking like the demo.

Twenty original looks to pick from.

Every look limited to 50, then retired

One look. Or three. Or five.

Prices in USD

One look

$125

$125 a look

Every layer, the font pack with its original typeface, motion baked in, and every update to that look. Yours forever.

Browse the looks

Three looks · 20% off

$300

$100 a look

Any three from the rack.

Pick three

Five looks · 32% off

$425

$85 a look

Any five from the rack.

Pick five

Curation

A managed marketplace. On purpose.

No third-party sellers, no forty thousand templates, no digging for the good one. Every look is designed in-house, held to the same bar, and tested against real Claude output before it ships. When look twenty-one shows up, it's because one retired.

Questions

Do I need Claude for this to work?
The looks shine with Claude. CLAUDE.md is what keeps regenerated code on-theme. But the CSS, sections, components and fonts are standard files and work in any project.
What happens when a look sells out?
It is retired for good. Owners keep it forever, including updates. We build a new look to take its place on the rack.
Can I use a look in client work or something I sell?
Yes. Every look is licensed for commercial use in unlimited projects of your own. You cannot resell or redistribute the look itself.
What about the fonts?
Each look ships open-licence faces you can use anywhere, plus one original typeface licensed to you with the look, perpetually, for anything you build with it.
Do looks get updated?
Yes, and updates to a look you own are free forever. When Claude's conventions shift, we ship look updates to match.
Refunds?
Fourteen days, no questions.

Tie one on.

Your site is one paste away from looking like you meant it.

The drop list

A new look every month, as old ones retire. First word goes to the list.