Complete site templates, customised through one object
These ten templates are complete, bespoke websites, not component stacks with a logo swapped in. Each is designed for its industry (restaurant, gym, law firm, clinic, agency, real estate, nonprofit, SaaS, AI startup, ecommerce launch) with its own motif and pacing, and each exposes one typed content object: every word, price, image, and link on the page lives in a single exported constant. Change that object and the site becomes yours; the design decisions stay made. It is the fastest honest path from clone to launch.
Every word lives in one place
Each template exports a single typed defaultContent object holding every heading, price, image slot, and link on the page. No hunting through JSX to change a menu item.
TypeScript keeps you honest
Copy the object, swap in your business's content, and the compiler flags anything missed. Rebranding a template is an evening's work, not a sprint.
Design decisions stay made
Each template is a bespoke site with its own motif and pacing, designed for its industry, not a generic shell. Your content changes; the craft stays.
The ten templates
Agency Studio Template
A portfolio index for a design studio: display-type statement hero, oversized case rows with hover and tap preview plates, capability accordion, results strip, recognition ledger, brief form.
AI Startup Landing Page Template
Agent-ops console as a full site: streaming run-trace hero with replay controls, trace anatomy timeline, eval numbers band, security ledger, usage-slider pricing, FAQ, command-palette signup.
Ecommerce Product Launch Template
Complete one-product store where the buy box is the hero: switchable technical drawings, live pack pricing, specs ledger, review summary, shipping policy, FAQ and restock band.
Fitness Gym Template
Bespoke strength-club site for Ironmark, Brunswick: plate-math bar calculator, chalkboard record board, day-tab timetable, coach totals, honest membership, free-week form.
Law Firm Template
Complete law-firm site set as a bound legal brief, double-rule serif headings, clause-numbered practice selector, sober results band, fee disclosure accordion, partner roll, consult intake.
Medical Clinic Site Template
Complete GP clinic site as a calm appointment card, reason-picker booking hero, hours and telehealth, honest Medicare fees, first-visit checklist, team, gentle FAQ and booking.
Nonprofit Charity Site Template
An honest annual report page for a food-rescue charity: mission, audited impact numbers, an interactive dollar split, volunteer role filter and an unguilted donate flow.
Real Estate Agency Template
Complete independent-agency site, the listing card as art direction: address-led hero, sold ledger with one SOLD stamp, suburb reports, team, plain fees, appraisal form.
Fine Dining Restaurant Template
A complete restaurant site set like a printed menu, double-rule cover, dot-leader course tabs, cellar disclosures, provenance ledger and a working reservation sheet.
SaaS Landing Page Template
Bespoke revops landing site for Solstice: self-drawing eclipse hero, four-phase close console with live reconcile status, metrics, security, pricing toggle, FAQ.
Trades Services Landing Template
Complete trades site drawn as a drafting sheet set, measure-up hero with live job cards, opening service rows, stamped rate card, interactive service rings, booking sheet, title-block footer.
Frequently asked questions
How does the one-content-object customisation work?
Each template exports a typed defaultContent constant containing every string, image slot, and link on the page. You copy it, edit the values (TypeScript flags anything you miss), and pass it back, no hunting through JSX to change a heading. Rebranding takes an evening, not a sprint.
Are the templates responsive and accessible out of the box?
Yes, every template is built mobile-first with semantic landmarks, keyboard-navigable menus, and reduced-motion fallbacks for its animations. They pass the same review gates as every other component in the library.
Can I mix template sections with other CleverUI components?
Yes. Templates compose components from the library (navbars, menus, pricing, CTAs), so swapping a section for a different CleverUI component keeps the design language coherent. The template gives you the composed starting point; the library is the parts catalogue.