Work [07] / 2026 / Web & code

parc website

PARC had outgrown its Squarespace site. The club now had four collections, a token, a Twitch show, an arcade, and merch. I designed a new site to bring them together.

I built it with Claude Code, which wrote most of the code. I designed the pages, directed the implementation, and reviewed and adjusted each screen.

The logo’s pixel grid became the basis for the site. I wanted it to feel like arriving on the club’s island, with different places to explore as you scroll.

Role
Design & code
Timeline
Live since September 2026
Tools
SvelteKit, Svelte 5, TypeScript, Canvas, Vercel, Neon, Claude Code

What it is

  1. 01Home, Gallery, Clubhouse, PARCade, Merch, Stats, LARC, and the error pages
  2. 02One typeface, PARC Pixel, in three weights
  3. 03Live collection stats, token data, and game scores

The island

Each page opens under a jungle canopy with two layers of drifting pixel clouds. A wooden sign holds the title, introduction, and buttons. The pages are places in the club’s world: the Clubhouse, Gallery, and PARCade. Generated textures give the scenery some variation.

The notch

The notched corner appears throughout the site: 6px on buttons, 10px on cards, and 12px on panels. Buttons sit above a darker base, lift on hover, and drop when pressed. Movement follows the pixels too: buttons move in steps, water shifts one cell at a time, and dropdowns open line by line.

Stats first

I put Stats first in the navigation so holders could get to it quickly. It shows floor prices, trading volume, holders, and listings for the collections, alongside $OAR token data. The numbers come from the ledger and marketplace APIs. Daily snapshots feed the charts, with history starting at launch.

Gallery & Clubhouse

The Gallery hangs the apes on clotheslines between two trees. Selecting a frame brings up a plaque with the ape’s name. The first version scrolled sideways and hijacked the wheel. It looked good and felt wrong, so I rebuilt it with ordinary vertical scrolling.

The Clubhouse took three layouts to get right. It ended up with a TV playing the Twitch stream, a trophy shelf, and a corkboard for events, suspended from branches. I checked the ropes at different screen widths to keep them attached.

PARCade

PARCade is an arcade cabinet with a green CRT screen, scanlines, a joystick, and buttons that control the menu. On the homepage, a smaller screen shows the game cover beside live high scores, surrounded by scenery built from the game’s sprites.

I also made Rowboat Racer: an ape rowing down a five-lane river, dodging logs, reefs, and ziggurats. I drew the sprites on a 3px grid. The riverbanks change between beach, jungle, rock, and village scenery on each run. The server replays a run before accepting its score on the leaderboard.

Merch & community

Merch was going to be an external link, but the storefront’s API let me bring the catalog onto the site. Only checkout leaves it. After Darc has a static-filled background, Discord has drifting chat bubbles, and the LARC teaser is a boathouse terminal that boots, glitches, and accepts typed input. The 404 sign says you rowed off the map.

How it was built

I worked screen by screen with Claude Code, checking screenshots, phone layouts, and type errors as I went. Shared color, type, and spacing settings kept the pages consistent. I compressed the fonts and animated artwork before deploying to Vercel.

The reaction

  1. 01“Love it, great website update, looks amazing” — @BrandoWoodz, X
  2. 02“loOkn goOd” — @Uga589, X

Outcome

  1. 01Seven pages plus the error pages, live at parcxrpl.com since September 2026
  2. 02Designed and built alone, with Claude Code
  3. 03Shared components for the page headers, buttons, cards, and navigation
  4. 04Live data throughout: the ledger, xrp.cafe, the AMM, the Fourthwall storefront, and the game leaderboard
  5. 05PARC Pixel is the only typeface on the site
Next / [08]Jade Aesthetics
(C) 2026 Timothy Ali // A little human. A little machine. // EOF