Tawny
Designs

Seal

A paper portfolio for Seal — vertical Chinese titles, vermilion seals, and selected work. Open the live showcase. Navigate inside the frame — you are still on Tawny.

Open in v0Open in new tab
designs/seal
Skip to main content
Work

2024Book

田野筆記

Field guide

A pocket book for a walking club. Twelve plates, one map, and no photographs.

The club wanted a guide that could live in a coat pocket. Each plate is one walk, set in the same column, with the place name in the margin.

The only color is a disc on the title page. Inside, the ink is charcoal.

Twelve plates. One red.

About

Seal is a one-person editorial studio. The home moves through the practice, the process, and three pieces of work. Headlines are short Traditional Chinese, set vertically. The body stays horizontal.

Open a piece to read it, or send a note from the contact form. The note stays in the browser. Scaffold a copy with the create command below, then replace the studio copy in lib/content.ts.

Get the template

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

Open in v0
Terminal
pnpm create tawny@latest seal my-app

Template source

Browse every file in templates/seal.

templates/seal

README.md
# Seal

A paper portfolio for a one-person editorial studio. Vertical Traditional Chinese headlines, vermilion seal motifs, and a short list of work. The contact form keeps its confirmation in the browser.

This preview has no street address. The projects are sample pieces.

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

## Quick start

### Option A — create-next-app

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

### Option B — create-tawny CLI

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

Then:

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

Open [http://localhost:3000](http://localhost:3000). A piece lives at `/work/field-guide`.

## Customize these files

| File | What to change |
|------|----------------|
| `lib/content.ts` | Studio name, email, chapter copy, and the three projects |
| `app/layout.tsx` | Site title and metadata |

Keep vertical headlines at eight characters or fewer so they still read on a phone, where they switch to horizontal.

## Stack

- Next.js 16 App Router & React
- Tailwind CSS v4
- Noto Serif TC and Source Serif 4

## License

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