Tawny

Live design demo

Dev

A minimal mono developer blog with MDX essays and interactive CS demos — open the live showcase. Navigate inside the frame — you are still on Tawny.

designs/dev

The Seen

In short, Beauty is everywhere. It is not that she is lacking to our eye, but our eyes which fail to perceive her.

— Auguste Rodin (1840 - 1917)

I first encountered this quote from the French sculptor Auguste Rodin during my junior year of high school. At the time, the idea struck me deeply, though I didn't truly understand it.

Its meaning only began to unfold later, as I became more attentive to everyday life. I started seeing it everywhere: the golden light pouring into a quiet café, the visible devotion between a pet and its owner, or the eyes of parents looking at their child with love. In these simple, ordinary moments, I finally began to feel what Rodin meant.

Beauty is neither rare nor hidden; it surrounds us constantly. What is missing is not beauty itself, but our willingness to pause, to notice, and to feel. Beauty is everywhere — we just have to open our eyes and our hearts to see it.

Beauty

When I noticed how much beauty exists in my daily life, I became eager to dive into the art world more deeply. I wanted to immerse myself more in the atmosphere of Art, so I started visiting art museums on random weekends. I actually love the silence that Art brings to me. I can feel the beauty of the pieces and the atmosphere of the museum even if I don't quite understand the full meaning or history of the work.

Art Museum

The art museum is a special place for me. It is a sanctuary where I can slow down and be present with the artwork. The quiet halls and the careful curation create an atmosphere that encourages contemplation and connection. The blank space around the paintings allows me to focus more fully on the artwork itself, without distraction.

When I look at the descriptions next to the artworks, I realize that they are designed with aesthetics in mind. The titles are larger, and there is ample margin around the text, creating a sense of space and allowing the reader to focus on the content. It's interesting how the layout of the text itself can enhance the reading experience, much like how code is formatted to improve readability.

AI World

In this fast-paced world, where AI is rapidly advancing and everything seems to be accelerating, beauty is a medium that allows me to slow down. It requires time and effort to truly feel it, and I need to create a flow state where I won't be interrupted in order to fully experience it.

This is, I think, what Rodin was pointing to. Beauty doesn't announce itself. It requires proximity — the willingness to stop, to be still, to look long enough for the painting to begin looking back at you.

Art Is Not What You See — It's What You Feel.

About

Dev is a minimal mono developer blog focused on readable essays and interactive demos. It uses MDX for content, Shiki for syntax highlighting, and a tight typographic system inspired by classic engineer personal sites.

Navigate the live demo above to read sample posts and try the demos. Scaffold your own copy with the create command below, then swap in your name, social links, and writing.

Get the template

Scaffold a local copy with your preferred package manager.

Terminal
pnpm create tawny@latest dev my-app

Template source

Browse every file in templates/dev.

templates/dev

README.md
# Dev Blog

A minimal mono developer blog template — MDX essays, projects, and interactive demos.

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

## Quick start

### Option A — create-next-app (recommended)

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

### Option B — create-tawny CLI (interactive prompts)

```bash
npx create-tawny@latest dev my-blog
```

Then:

```bash
cd my-blog
pnpm install   # or npm / yarn / bun
pnpm dev
```

Open [http://localhost:3000](http://localhost:3000).

## Customize these files

| File | What to change |
|------|----------------|
| `app/layout.tsx` | Site title and metadata |
| `app/page.tsx` | About / home copy |
| `components/site-header.tsx` | Brand name in the header |
| `components/site-footer.tsx` | Social links and location |
| `app/blog/_articles/` | Your essays (`.mdx` files) |
| `app/projects/page.mdx` | Projects page |

### Placeholders

Search for `{{AUTHOR_NAME}}`, `{{AUTHOR_EMAIL}}`, `{{GITHUB_USERNAME}}`, and `{{CITY_NAME}}` across the project and replace them.

## Stack

- Next.js 16 App Router & React Server Components
- MDX & Shiki for content
- Tailwind CSS v4
- Minimal mono typography

## License

MIT