Zero2Webmaster How this page was built

Zero2Webmaster · Web Craft Portfolio

Six pages. No two alike.

This is the working registry of showcase pages designed, written, and hand-coded by Zero2Webmaster — dark WebGL cinema, ivory field-journal illustration, kinetic editorial type. Every entry links the live page and the build guide that shows exactly how it was made.

The ledger

Newest first. Every screenshot is the real page, captured live.

Screenshot of the Amphibian Field Journal — ivory paper with hand-drawn-style SVG amphibians and serif type

Entry № 06 · logged 2026-07-15 — drawn in code

The Amphibian Field Journal

Brand: SAVE THE FROGS!

A naturalist's field journal on ivory paper: every amphibian is drawn in SVG through one shared roughen filter, and a wetland root network grows across the canvas as you scroll. No shader, no particles — deliberate calm.

Open the page ↗ Read the build guide →

Screenshot of the Quill & Meadow sample page — cream paper hero with large serif editorial type

Entry № 05 · logged 2026-07-14 — same engine, opposite mood

Quill & Meadow — Starter Sample B

Brand: Quill & Meadow fictional demo brand

The same template engine as Sample A with a different config: cream paper, serif editorial type, and a kinetic-type set-piece — proof that one engine can swing between opposite moods.

Open the page ↗ Read the build guide →

Screenshot of the Ursa Observatory sample page — dark indigo hero with an aurora shader

Entry № 04 · logged 2026-07-14 — one config → dark indigo

Ursa Observatory — Starter Sample A

Brand: Ursa Observatory fictional demo brand

Built by the Cinematic Starter template engine from a single JSON config: dark indigo palette, aurora shader, and a moon-to-wordmark particle morph — no hand-written page code at all.

Open the page ↗ Read the build guide →

Screenshot of the Zero2Webmaster Web Craft page — 'This is what a modern website feels like' over a green aurora shader

Entry № 03 · logged 2026-07-14 — self-demonstrating pitch

Zero2Webmaster Web Craft

Brand: Zero2Webmaster

The pitch that proves itself as you read it: an aurora shader, a 0 → Zero2Webmaster particle morph, real business stats, and a speed pill that reports how fast the page loaded on your own visit.

Open the page ↗ Read the build guide →

Screenshot of the SAVE THE FROGS! Technology page — 'We build the technology that saves frogs' over a bioluminescent green shader pond

Entry № 02 · logged 2026-07-12 — shader pond · frog morph

SAVE THE FROGS! Technology

Brand: SAVE THE FROGS!

A hand-written WebGL pond — caustics, fireflies, cursor ripple — under a scroll story about the conservation tech stack, ending in ~3,200 particles that reassemble a frog into the SAVE THE FROGS! wordmark.

Open the page ↗ Read the build guide →

Screenshot of the La Carnicería Parrilla landing page — dark restaurant hero with glowing typography

Entry № 01 · logged 2026-02-27 — the original

La Carnicería Parrilla

Brand: La Carnicería

The page that started this studio: a cinematic restaurant pitch in prerendered React with a GSAP scroll story, later joined by the sitemap, analytics, and SSG baseline every page here now inherits.

Open the page ↗ built before the guides began

How these get built

Every page starts as a written brief and ships as a single hand-coded file — no themes, no page builders. Each one goes through at least three screenshot-critique passes before launch: we look at the actual pixels on desktop and mobile, fix what reads badly, and add one deliberate detail per pass.

Every page also ships findable and fast: semantic HTML with one h1, per-page metadata and structured data, a sitemap entry, and text big enough to read without squinting. The repeatable parts are factored into the Cinematic Starter, a template engine that turns one JSON config into a finished page — entries № 04 and № 05 are its proof.

Want a page with this kind of range?

Zero2Webmaster builds websites for small businesses, startups, and nonprofits — pages that commit to a style and prove themselves the moment they load.

Book a time to talk zero2webmaster.com →