Cobalt

Cobalt is a ceramics studio for Jane Mug — home, sign-in, and a sales dashboard. Open the live showcase. Navigate inside the frame — you are still on Tawny.

Open in v0Open in new tab

designs/cobalt

About

Cobalt is a small-batch ceramics studio. The home introduces Jane, the sign-in keeps the kiln photograph, and the sales board shows revenue, restock, and customers.

Open the bag, sign in, or visit the studio admin from the page. The same dashboard is also listed on its own as Admin. Scaffold a copy with the create command below, then replace the photos and the sample sales.

Get the template

Scaffold a local copy with your preferred package manager, or paste a prompt into a coding agent.

Terminal

pnpm create tawny@latest cobalt my-app

Template source

Browse every file in templates/cobalt.

templates/cobalt

README.md

# Cobalt

A ceramics studio in three pages: the home, a split sign-in, and a sales dashboard. The bag keeps a few sample pieces in the browser. The dashboard numbers are sample data.

The studio name in the sample copy is Jane. Studio admin lives at `/admin`, and the same dashboard is also its own template, `admin`.

Design by [Hugo Lin](https://1chooo.com).

## Quick start

### Option A — create-next-app

```bash
npx create-next-app@latest my-cobalt \
  --example "https://github.com/1chooo/tawny" \
  --example-path "templates/cobalt"
```

### Option B — create-tawny CLI

```bash
npx create-tawny@latest cobalt my-cobalt
```

Then:

```bash
cd my-cobalt
pnpm install
pnpm dev
```

Open [http://localhost:3000](http://localhost:3000). Sign in is `/login`. Studio admin is `/admin`.

## Customize these files

| File | What to change |
|------|----------------|
| `lib/products.ts` | Piece names, prices, and photos |
| `lib/sales.ts` | Revenue, restock, coupons, and customers |
| `components/studio-note.tsx` | The studio introduction |
| `components/hero.tsx` | Headline and hero photo |
| `app/layout.tsx` | Site title and metadata |

## Stack

- Next.js 16 App Router & React
- Tailwind CSS v4
- Recharts
- Geist and Space Grotesk

## License

MIT — see [LICENSE](./LICENSE).