Tidelinecoming soon website template
Tideline is a coming soon website template for Tailwind and React, built for the studio putting a launch online before there is anything to sell.
- 86 / 86
- light / dark tokens
- 2
- modes, both designed
- 1
- DOM, rendered twice
- unlimited projects, client work included
- 12 months of updates
- 14 days, no questions
AGENTS.md and 4 skills ship in the zip, so your own agent keeps changing it after you buy.
docs — install, use, customizepages, composed from 19 sections
Every page is a real render from the publish gate, in the mode on show. Open any of them in the live preview.
- Marram: eleven rooms above the Dyfi, opening May 2027/
- site-header
- hero
- build-strip
- land-gallery
- materials-board
- +6
Eleven rooms, and what stage each one is at/rooms- site-header
- room-index
- room-table
- access-note
- join-seam
- +1
The build log: what has actually happened/the-build- site-header
- updates-feed
- materials-board
- join-seam
- site-footer
The five emails, and when each one arrives/emails- site-header
- email-sequence
- email-notes
- join-seam
- site-footer
What joining the list means, and what it does not/list- site-header
- waves-table
- faq
- privacy-note
- join-seam
- +1
The parts/components- site-header
- tokens
- ui
- site-footer
Its premise is that a pre-launch site has nothing to demo — no product, no screenshots, no booking — so the only honest argument it can make is what the thing is made of and how far along it is. The signature is the materials board: five samples photographed flat, each one carrying the design token it *is*, so the swatch in the styleguide and the plate on the page are the same decision rather than two guesses. The countdown is a build state, not a clock: seven of eleven rooms plastered, slate landed 12 August, and every one of those figures resolves through a single fixture file, so no page can contradict another. The fiction is Marram, an eleven-room house above the Dyfi estuary in Gwynedd, opening May 2027, with nothing bookable and no deposit to take. Where the twelve free waitlist starters ship a form, this ships the part that actually does the work: five table-based HTML emails — confirm, standing, referral, a build update with photography, and the opening — rendered from the same tokens and previewed in the site itself at /emails. Near-black ground with one brass accent, Spectral over Manrope, a full light mode that inverts the page around photography that stays dark in both.
sections and primitives
You get the parts, not just the demo site. Every frame is a real capture from the theme's own styleguide page, and the source path under it is where the file lands in your project.
hero
src/components/hero.tsx
Full-bleed estuary plate with the headline, the join form and the standing line over it (archetype A4)
tokens, both modes
Change one variable and every part follows. Each badge is one token split down the middle: its light value on the left, its dark value on the right, with the theme's own paired ink on both halves.
hover or tab a badge for its name and both values, enter copies
every token
typefaces, self-hosted
Real woff2 files in src/fonts/, wired through next/font and licensed under OFL. Nothing is fetched from Google at build time, so the zip renders these letterforms offline. Scale ratio 1.5.
Tideline
Tideline is a coming soon website template for Tailwind and React, built for the studio putting a launch online before there is anything to sell.
const { open, close } = useLedger("2026-03") // 0123456789
- display
- Spectral
- text
- Manrope
- mono
- Martian Mono
- captionAg
- smallAg
- bodyAg
- leadAg
- d1Ag
- d2Ag
- d3Ag
- d4Ag
every width is a real render from the publish gate
Four viewports, each one a render the gate produced and checked. Switch between them: the frame narrows exactly as a window does, because that is what it is.
every token and every part on one page
The styleguide route is not documentation about the theme. It is a page in the zip that renders the real components from the real tokens, so it stays true the day you change one.
files in the zip
Two independently authored editions: React for applications, plus ready HTML, CSS and vanilla JavaScript for static hosts.
- AGENTS.mdthe theme's own rules, written for an agent
- .claude/skills/4 skills, each one job
- add-page/SKILL.mdAdd a Tideline route with a distinct opener, one h1, matching React and HTML pages, truthful manifest wiring, and styleguide coverage for any new section.
- add-section/SKILL.mdAdd a Tideline section in React and HTML, keep its facts on the fixture spine, and register a literal styleguide frame plus the manifest rows.
- check-quality/SKILL.mdRun Tideline's real repository gate, then verify its fixture projection, 25-part styleguide, both modes, reader-driven motion, HTML boundary, and join-form states.
- rebrand/SKILL.mdRebrand Tideline across its canonical facts, 86-token light and dark tables, 23 generated images, five emails, HTML projection, and computed AA receipt.
- src/
- theme.css86 tokens, light and dark
- fonts.tsthe faces, wired to the type tokens
- app/6 files
- components/19 files
- ui/8 files
- assets/23 images, 1 markdown file
- fonts/4 font files, 3 licences
- app/6 routes, plus layout.tsx and globals.css
- theme.jsonthe manifest: tokens, components, pages
- html/the framework-free edition
- dist/6 compiled routes, deploy-ready — no build step
- src/the Nunjucks source the routes compile from
- scripts/build-html.ts · serve-html.ts — `bun run build:html` / `preview:html`
- README.mdquickstart
- 6 project filespackage.json · tsconfig.json · next.config.ts · postcss.config.mjs · env.d.ts · .gitignore
skills your agent can run
Your agent reads AGENTS.md before it edits, then runs the skill that fits the change. The skills are the theme's own, and the publish gate makes an agent complete every one of them in a scratch copy before the theme goes live.
25 components, 6 pages and 86 tokens, as a Next.js project.
AGENTS.md carries the design spec. Each skill is one job written against it.
Claude Code, Codex, or any agent that reads AGENTS.md. It runs on your machine, on your own account.
Built from the theme's own sections, on the same tokens and the same rhythm.
The source is yours to run, edit and deploy.
The spec ships inside the folder, so the page your agent adds next month is built by the same rules as the ten it came with. Nothing calls back here.
What the free licence coversactivity
- v1.0.0: the pre-launch theme ships free — six routes, the materials board, and five table-based emails rendered from the same source as the page that shows them
- v0.1: foundations — the brass-on-near-black token system, the Marram fixture spine, and the chroma-keyed brass tag
- the HTML edition: Nunjucks source and framework-free output for all six routesplanned
- a second fiction on the same chassis once a buyer names one — the theme is a pre-launch site, not a hotel siteplanned
for agents
This listing is also a markdown document and a JSON endpoint. The theme's own agent kit is on the kit and agents plates above.
