Live preview
Verdant homepage: a cream page carrying the serif headline The quiet side of running a practice on a pale green panel, beside a slate-blue panel holding a day schedule and a client record drawn as interface
06 / ASTRO THEME

Verdant

For software that gets out of the way.

  • SaaS
  • Product
  • Healthcare

The sixth Quaeris Design release. A product site carrying three customer stories, a plan table with its compliance block, a security page and a journal — twenty-nine routes and not a single product screenshot, with the whole demo live and open to inspection.

MEASURED FROM THE DEMO
118 KB
JavaScript
29
Indexable routes
0
Blocking stylesheets
HTML
Product mockups
2
Font families
Astro 7.3
Built with

Every figure came from astro-design-verdant.pages.dev. Open it and check.

One published website. VAT included; the studio licence covers client work. 14 days to withdraw, until the first download.

THE BRIEF

What it is for, and who it suits.

A product direction for software sold on calm rather than on a feature list. Cream paper, a forest-green ink, and a ladder of tinted surfaces — keylime, mint, sage, slate — doing the work a drop shadow usually does badly: there is not one box-shadow in the theme. The screenshots are not screenshots either. The calendar, the client record and the revenue chart are markup, so they stay sharp at any zoom and recolour with the palette.

  • SaaS products with a demo to book rather than a cart
  • Practice management and clinic software
  • Founders selling calm rather than a feature list
  • Any product whose own interface is the argument
THE PAGE SET

Routes you get, and where they come from.

Every route below is generated at build and served as a static file.

Pages

Written once, edited in place.
  • Home
  • Features
  • Pricing
  • Integrations
  • Security
  • Customers
  • About
  • Careers
  • Contact
  • Legal notice
  • Privacy
  • Terms
  • Site map

Collections

One Markdown file becomes a route, an index entry and a listing.
  • Customer story × 3
  • Article × 5
  • Author × 3
  • Category × 4

System

Generated, never hand-maintained.
  • 404
  • sitemap.xml
  • robots.txt
  • Social cards
DESIGN NOTES

The decisions behind the look.

01

Not one box-shadow in the theme.

Depth is a ladder of tinted surfaces instead — cream, keylime, mint, sage, slate, in that order, with slate reserved for the product panels and nothing else. It is a harder constraint to design under than a shadow scale, and it is why the page reads as paper rather than as cards floating above a background.

02

The screenshots are markup.

The calendar, the client record, the revenue chart and the claims queue are HTML and CSS. They stay sharp at any zoom, they recolour the moment you change a token, and replacing the demo content means editing text rather than opening a design tool and re-exporting a PNG.

03

Muted text is a colour, not an opacity.

The reveal animation drives opacity, so a secondary tone set that way would be wiped the instant an element animated in. Two extra tokens carry the muting as real colour values — the kind of correction you only find by shipping the motion and watching the text change weight as it arrives.

04

One primary action per page.

Every marketing page runs the same argument — hero, what it does, proof, objections, one call to action — and never offers a second button competing with the first. The questions at the foot of each page are the objections step, and they carry FAQPage structured data rather than being decoration.

PALETTE
  • Cream paper #fffefc Page ground
  • Forest ink #0f3e17 Display type and the one dark
  • Keylime wash #e1f4df First lift off the paper
  • Mint veil #cfe7d3 Second lift
  • Sage mist #b1dbb8 Third lift
  • Slate hush #b6ced5 Product panels, and nothing else
TYPEFACES
Display
Cormorant Garamond Weight 300, never bolded
Body
Inter Variable, 400 to 600
WHAT SHIPS WITH IT

Know what you’re getting.

A good-looking screenshot is the beginning. The details help you choose.

01 / THE PAGES

A view of the whole site.

Every release lists its page set, from the homepage to the article, author and category templates your project actually needs.

Page list with each release
02 / THE EXPERIENCE

Every screen matters.

Desktop and mobile layouts, navigation, focus states and interactions, checked at the widths people actually use rather than the one the screenshot was taken at.

How customisation works ↗
03 / THE HANDOVER

The details, before you buy.

Source files, installation requirements, licence and support terms are published on the theme page so you can decide before you spend anything.

Exact package with each release
PRICING

A clear price. A clear package.

Pick the design that fits your project. One licence covers one published website; building for clients is the studio licence.

INDIVIDUAL THEMES ON SALE

Find your fit.

€59 a theme

One licence, one published website. Work you deliver to clients is the studio licence: €399 for the whole collection, and a year of everything released after it.

A theme licence
One published project
Client work
Studio licence
Updates & support
Stated per theme
THIS THEME

Everything above, in one download.

Verdant, as the complete Astro source. Change anything, deploy it anywhere static, and keep it.

One published website. VAT included; the studio licence covers client work. 14 days to withdraw, until the first download.

ELSEWHERE IN THE COLLECTION

Three more directions.