Daymark
A warm SaaS theme with expressive serif headings, original product imagery, configurable accents, and light and dark modes. Includes product, customer, team, pricing, blog, and changelog pages, with website copy managed from site.ts. Also available as an EmDash CMS edition with an admin panel for editing every page.
EmDash CMS edition: same design plus an admin panel for editing every page. Includes the static edition.
One payment for Daymark and everything else - all 31 themes, every future release, and the visual builder included.
See Daymark in action
Every page and section is part of the download. Use these as launch-day templates - keep the structure, swap the copy.
Daymark gives a software product a warmer first impression: Noto Serif headlines, Geist body text, soft neutral surfaces, dotted dividers, and persimmon accents. Its complete SaaS site moves from a product overview through feature stories, workflows, customer proof, pricing, and a closing invitation. Each product section uses distinct generated artwork, with matching light and dark versions that switch with the interface. The build includes 19 static pages, a paginated Markdown blog, a Markdown changelog, team and about pages, contact and waitlist flows, legal pages, and a reusable section library. Website copy, navigation, links, image paths, legal text, form labels, and brand settings live in src/config/site.ts; article and release content stays in collections. Locale-aware routes and agent guides make the project straightforward to extend. Daymark also ships an EmDash CMS edition: the same design plus an admin panel at /_emdash/admin where an editor changes page copy, images, pricing, team profiles, blog posts, changelog releases, and menus without a build, with click-to-edit on the live site and translations kept per entry. That edition runs on Cloudflare Workers with D1 and R2, and the buyer deploys it once with wrangler.
Best Fit For
- SaaS and B2B products
- Project management and collaboration tools
- Software startups with a warm, editorial identity
- Founders who want a complete product marketing site
Full Page Set
Every page is real and editable - no placeholders, no "coming soon" stubs.
22 Sections Included
Every section is a ready-to-use Astro component. Add it to any page, customize via config, or remove what you don't need.
What's Included
A warmer software story
Expressive serif headings, generous space, and soft neutrals give the product room to breathe. The homepage has a complete SaaS narrative, from the first product view to features, customer stories, plans, and the final invitation.
Two modes, one coherent interface
Switch between light and dark mode without stacking duplicate images. Live UI accents come from configuration, with Persimmon, Sage, Blue, and Violet presets. Generated artwork retains its original persimmon palette.
More than a landing page
Launch with product, customer, team, about, pricing, contact, and resource pages, plus a paginated blog and illustrated changelog. The section library supplies additional layouts for expanding the site.
Clear places to make changes
In the static edition, edit website copy and brand settings in site.ts, and write blog posts and releases in Markdown. Locale-aware routes and included agent guides support further customization without hiding the source code.
Two Editions, One Design
The static edition is the theme as it ships. The EmDash CMS edition adds an admin panel at /_emdash/admin where an editor changes page copy, images, pricing, team profiles, blog posts, changelog releases, and menus without a build, edits directly on the live site, and keeps a translation per entry. It runs on Cloudflare Workers with D1 and R2, and the buyer deploys it once with wrangler.
Forms, newsletter, and analytics - pre-wired
Daymark is ready to connect to your preferred providers. Pick from the options below, drop in a single API key, and your contact form, newsletter signup, and analytics are live - no backend, no JavaScript, no glue code.
Contact form
The Contact section's <form> renders with no JS. Set one provider in site.ts; the form action wires automatically.
- Formspree50 free submissions / month, no domain restriction
- FormSubmitFree, no signup - just an email confirmation
- Netlify FormsFree 100/month - Netlify hosting only
Newsletter
The Newsletter form sends subscribers directly to your ESP. The email input name auto-adjusts per provider.
- MailchimpStandard EMAIL field; honeypot supported
- ConvertKit (Kit)email_address field; works with any form ID
- Buttondownemail field; lightest, indie-friendly
Analytics
Layout.astro injects the right script tag based on the provider you choose. No client-side branching.
- Google Analytics 4Paste your G-XXXXXXXXXX measurement ID
- PlausiblePrivacy-friendly, ~1 KB script, no cookies
- UmamiSelf-hostable, also cookie-free
Tech Stack
Config-Driven Setup
Every theme uses a single src/config/site.ts file
for customization. Change your brand, navigation, form providers, analytics, and section content
without touching component code.
// src/config/site.ts
export const siteConfig = {
name: "Your Company",
tagline: "Your tagline here",
url: "https://yourdomain.com",
navigation: { sticky: true, links: [...], cta: {...} },
social: { twitter: "...", github: "...", linkedin: "..." },
seo: { title: "...", description: "...", ogImage: "/og.png" },
// ── Provider switches ────────────────────────────────
contactForm: { provider: "formspree", formspreeId: "your-id" },
newsletter: { provider: "convertkit", actionUrl: "https://..." },
analytics: { provider: "plausible", plausibleDomain: "you.com" },
// ── Section data ─────────────────────────────────────
team, video, timeline, comparison, gallery,
carousel, tabs, appDownload, map, footer,
} as const;Built to be edited by AI
Daymark ships an AGENTS.md and
a CLAUDE.md at the project root.
Claude Code, Cursor, Copilot, and Codex read them the moment you open the folder.
So your agent starts knowing which file to edit, which design decisions are deliberate, and which parts of the theme break quietly if touched. You get the right change on the first pass instead of a confident guess.
- A task map. Every common request routed to the exact file, so no time is spent exploring.
- Design invariants. The decisions that make the theme worth buying, marked do-not-touch.
- The traps. The specific things that break this theme silently, written down.
- A done checklist. What to build, what to scroll, what to verify before claiming success.
# AGENTS.md - Daymark
## Task map
| The client wants to change | Edit |
|---|---|
| Brand name, logo, favicon | site.ts -> identity |
| Colors | site.ts -> theme |
| Any homepage copy | site.ts -> home.<block> |
| Add a page or an article | new .md in src/content/ |
Rule: copy belongs in site.ts, never inside a component.
## Design invariants
Do not "improve" these. They are why the theme is worth its price.
- The accent stays loud. Do not mute or pastel it.
- Display headings stay oversized. The scale is the design.
## Traps
The things that break this theme silently, written down,
so your agent does not have to discover them by breaking them.
## Before you say you are done
npm run build # must succeed and emit every route
Scroll each page to the bottom. Report what you did not verify.Excerpt. The full file ships with the theme.
The same Daymark, with an admin panel
The EmDash CMS edition keeps every pixel of the static theme and adds a
content system behind it. Your client signs in at
/_emdash/admin
and edits pages, pricing, team profiles, blog posts, changelog releases, media and menus themselves, with a
translation per entry when the site runs in more than one language. It is the
static edition plus the panel, not a different theme.
- Everything editable. Pages, pricing, team profiles, blog posts, changelog releases, media and menus change from the panel, with no rebuild and no repository access.
- Click-to-edit. Sign in, open the live site, flip the Edit toggle in the toolbar, and change text where it sits on the page.
- One Cloudflare deploy. Cloudflare Workers with D1 and R2. You deploy it once with wrangler and hand over the login.
What you need: a Cloudflare account, the wrangler CLI, and about fifteen minutes. D1 and R2 stay inside Cloudflare's free tier for a site this size.
Full documentation, ready before you buy
Browse the install guide, the site.ts reference, provider setup, deploy instructions, and the Daymark-specific page - all live now.
More themes from the collection.
August
Personal / Portfolio / SaaS
Slab
SaaS / Startup
Vertex
SaaS / Startup
Tally
SaaS / Startup
Or get every theme - these included - with the All-Access Pass.