Celadon

Celadon is a free one-page landing HTML template from Templatemo, built for SaaS, B2B software, and productivity tools with a claymorphism visual style and no external dependencies.

What is the Celadon Template?

Celadon is a single-page landing template that produces a complete marketing page for software products, built entirely from one HTML file with inline CSS and vanilla JavaScript. It takes a product team's messaging about features, workflow, integrations, pricing, and testimonials and lays them out as scrollable sections. No frameworks or build step are required — the template runs as-is in a browser.

What makes Celadon stand out?

What makes Celadon stand out is its claymorphism design system — soft rounded plates, layered inset highlights, and a celadon-green accent over a cool pastel canvas — combined with an interactive build that uses no images or frameworks.

• Zero-dependency build — one HTML file with inline CSS and vanilla JavaScript; no frameworks, no build step, no external images, and no audio files.
• Pointer-parallax hero — the hero section responds to the pointer with a parallax composition rather than a static banner.
• Workflow-first sections — six clickable feature panels, a three-step process track, an integration chip cluster, animated statistic counters, and a drag-and-throw testimonial rail with inertia physics and arrow controls.
• Pricing and FAQ blocks — a monthly/yearly toggle shows annual totals and per-month rates, plus an accordion for questions and an email capture section.
• Accessibility and motion controls — full keyboard navigation, responsive from 390px upward, and reduced-motion preference support that disables animation and physics.
• CSS custom properties — colours, radii, and shadow depth all retune from one comment block at the top of the file.

Who should use the Celadon Template?

SaaS founders can replace placeholder copy with their product's feature list and pricing tiers to publish a clean launch page overnight. Product teams at B2B software companies can use its workflow-oriented layout to explain how their analytics dashboard, customer feedback tool, or internal platform solves a problem. Freelance web designers can deliver a fast, dependency-free one-page site for a client by editing the single HTML file and restyling the CSS variables. Non-profits and personal projects can use it free for any commercial or non-commercial purpose, which is stated on the original download page.

What can you do with the Celadon Template?

• Launch a SaaS landing page — present the hero, features, integrations, pricing, and FAQ sections that software buyers expect, with no extra tools.
• Explain a product workflow — use the six-panel feature slab and three-step process track to tell a story about how the product works rather than just listing features.
• Capture leads and signal credibility — the testimonial rail, animated counters, and email capture section give teams the social proof and conversion hooks they need.
• Build a quick design prototype — the single-file build with CSS custom properties makes it easy to restyle and demo in minutes.

How does the Celadon Template work?

Download the ZIP, open the single HTML file, and edit the page copy inside the file. Because all styles sit inline and are organized around CSS custom properties, changing the colors, rounded-corner radii, and shadow depth only requires editing the variables at the top of the file. There's no build step to run and no image assets to keep in sync.

Is the Celadon Template free?

Yes, it is 100% free to download. The template page grants permission to download, edit, and use the layout on commercial or non-commercial sites, and simply asks users to share the template with friends.

Does the Celadon template include audio?

An optional Web Audio sound layer is built in, producing a soft synthesised response for each interaction. It has a persistent on/off control and loads no audio files, so visitors who prefer quiet can turn it off — and users who set reduced-motion will also get animations and physics disabled.