Studio
Type foundry & typeface specimen template
A loud, orange-and-black type foundry site built around one variable font: a hero word that bends its weight and width under your cursor, a live type tester that writes its own CSS, an axis-by-axis tour, a keyboard-driven glyph inspector and a licence configurator with a working cart.
Tax included · Checkout by Polar
Digital product · All sales final · Refund policy
Signature effect
Per-letter variable-font cursor response: each letter's weight follows your distance and its width follows your position
Installation
No accounts, plugins or build tools. The HTML edition runs straight from the folder you download, and the React edition is a standard Next.js project.
Download the zip after checkout and unzip it anywhere.
Double-click it and the site opens in your browser. Change the text in any text editor, save and refresh.
Drop the folder onto Netlify or Vercel, or upload it to any static host. It takes about a minute.
ferro-html-1.0.1
ferro-react-1.0.1
npm install
npm run dev
Pages
Fonts
Who it suits
Palette
content/site.ts, and every effect takes the same settings as typed props.loaded state. The concept raced two separate timers — one inline in <head>, one in the preloader itself — that could disagree about when the page was ready.--accent token resolves to bright --orange on dark sections and a darker --orange-ink (#B93900) on paper: flat orange measured only --accent now drives focus rings, the tester's edit ring, the journal "read more" hover colour, and the licence configurator's "Complete" swatch (bright accent orange on the dark option card, and the darker --orange-ink once you select it and the card turns paper). --code-comment moved from #6d6d66 (#7D7D74 (~4.9:1). The hero's crosshair tooltip no longer fades to 55% opacity during autopilot — it stays fully readable; "autopilot" vs "pointer" is already conveyed by the coordinate readout's own text.aria-disabled instead of disabled, so focus is never stranded. Arrow-key navigation in the glyph grid updates the inspector panel directly, rather than relying only on the browser's focus event. The glyph inspector now opens on "A", matching the grid's own static markup — the concept's script jumped to "G" on load while the markup itself showed "A" as current.--font-flex) instead of a hard-coded Google-fonts name, so it stays correct once you swap in your own font.marquee.js) with its own settings — speed, scroll boost, direction — with the same behaviour as the concept: it speeds up as you scroll and runs backwards when you scroll up.404.html and privacy.html, a full SEO head (Open Graph, Twitter card, a canonical placeholder, JSON-LD Organization + Offer), self-hosted fonts (no request to Google Fonts), a favicon and a social share image.HTML if you want a site that runs straight from the folder, with no build step. React if you already build in Next.js. The bundle gets you both, for less than buying them apart.
The license page spells out what a purchase covers, including client projects.
Read the licenseNo. It's a digital product, delivered as soon as you've paid, so all sales are final. If something doesn't work as described, email contact@no-code.supply.
Read the refund policyNo. A new version of a template you've bought is a free download from your Polar account — see the changelog below for what changed.
Mostly, yes. In the HTML edition you change the words and images in any text editor, save and refresh. The README and DESIGN files show where the colours and fonts live.
Drag the folder onto Netlify or Vercel, or upload it to any static host — no build step for the HTML edition, or a couple of commands for the React one.
A quiet, clay-and-bronze skincare template for a Copenhagen barrier-repair brand: a raymarched WebGL serum drop that bulges toward the cursor in the hero, a three-step ritual with CSS-rendered bottles, an ingredient list with generated molecule diagrams, a draggable before/after hydration map, clinical-result stat cards and a working shop with size pickers and a bag.
A quiet, topographic-survey take on an expedition operator's site: two procedurally-drawn contour maps that redraw themselves as you switch between four real routes, an interactive elevation profile you can scrub with a pointer or the arrow keys, a pinned hour-by-hour walkthrough of a day on the ice, and a bookable 2027 departures table.
A Nordic architecture studio site that reads like a drawing set: a timber cabin that draws itself with a live sun study, project sheets on a sideways track, and a floor plan that builds as you scroll.