Daymark: Growth and retention studio landing page template for Next.js.

$39one-time payment

Buy DaymarkLive demo

Checkout opens soon.

Next.js 15
CSS
TypeScript
8 sections
Light
No API keys
Updated Oct 10, 2026

Live demo

The Daymark landing page template on desktop, from the hero to the footer

Overview

A complete studio website for commerce, growth and lifecycle agencies. Original campaign photography, clear editorial typography and a customer-journey story connect an asymmetric introduction to thoughtful services, working process and useful next steps.

Made for: Growth and performance agencies, Commerce and retention consultancies, Independent creative and strategy studios
Highlights: Asymmetric hero with original product photography and a controllable customer-journey loop
A staggered campaign gallery and three complete concept case studies
Keyboard-accessible challenge panels, a connected SVG process and scoped engagement cards
Complete journal routes, editable policies and a configurable contact flow with email drafts and brief downloads
The look: Locally hosted Figtree, white and pale gray, forest green, bright lime, lilac and coral. A left-aligned hero pairs large three-line type with a tall product photograph and a journey annotation. A staggered portfolio, horizontal challenge tabs, white studio principles and a dark process chapter create distinct page rhythms before engagement cards, studio notes, FAQs and a lime closing section.

Sections

01
Navigation and hero
A sticky white header, accessible mobile navigation, rising headline, original Sola product artwork and a controllable customer-journey marker.
02
Campaign gallery
Two offset campaign cards and a third horizontal concept give the work an editorial hierarchy. Each opens a full case study.
03
Connected approach
Four keyboard-accessible business challenges coordinate the service headline, deliverables, image, journey annotation and preselected contact destination.
04
Studio and process
An asymmetric studio statement with three principles, followed by a forest-green process chapter with selectable stages and native SVG nodes.
05
Engagements and journal
Two scoped ways to work together and three original studio notes, each with a complete readable article.
06
FAQ and closing
Native disclosures, a large lime call to action, a slow ring study and a compact resource footer.
07
Case studies
Three campaign-concept routes with original photography, opportunities, creative direction, scope, journey moments and linked next projects.
08
Contact and supporting routes
Validated briefs with configured JSON POST or complete email drafts and downloads. Editable policy pages and a missing-page state.

Remove a section by deleting its line in app/page.tsx, or move the line to reorder.

Make it yours

Brand, copy and destinations start in site.config.ts. Campaigns and journal notes live in two small typed data files; sections and their styles stay separate.

Where to change each part of Daymark
To change	Edit
Brand, copy, services, process, plans and destinations	site.config.ts
Campaign photography, concepts and journey moments	data/campaigns.ts and public/images/
Journal articles	data/journal.ts
Palette, shared typography and spacing	styles/base.css
Section order and metadata	app/page.tsx and app/layout.tsx
Contact fields, submission and email briefs	components/contact/ and lib/contact.ts
Motion and original asset prompts	components/Motion.tsx and ASSETS.md

Run it

$ npm install$ npm run dev

Node.js 20.9 or newer. No environment variables.

Before you go live

Replace the fictional studio, campaign concepts, articles and indicative fees. Set the email, optional booking URL and contact endpoint; update the policy pages. The default form prepares a complete email draft or brief download. Direct submission confirms acceptance only after the configured service returns a successful response.

Specifications

Framework: Next.js 15 (App Router), React 19
Language: TypeScript
Styling: CSS with design tokens and component styles
Fonts: Figtree, self-hosted with next/font
Dependencies: next, react, react-dom
Images: Three original AI-generated campaign concepts: lime skincare on steel against lilac, coffee pouches with a turquoise cup, and running shoes on a silver cube. Optimized WebP assets ship locally; the brand mark, editorial graphics and process diagrams are native SVG and CSS.
API keys and environment variables: None
Node.js: 20.9 or newer
Colour scheme: Light
Responsive: Desktop, tablet and phone
Accessibility: Skip link, visible focus, keyboard navigation, reduced motion
Deploys to: Vercel, Netlify, Cloudflare Pages or any Node host
Codebase: 58 source files, about 4,800 lines
Last updated: Oct 10, 2026

License

One license, no tiers. The full text ships as LICENSE.md in the download.

You can

Use it for your own products
Use it for any number of client projects
Change the code and design however you like
Deploy the result commercially

You can’t

Resell or share the files as a template, theme or UI kit
Publish the source as a template in a public repository

Questions

What do I get when I buy Daymark?

The complete Daymark project as a download: the Next.js app, its config file, a README with setup and customisation notes, and the license. The download link arrives right after checkout.

Can I use Daymark for client projects?

Yes. One purchase covers your own products and any number of client projects, and you can change the code however you like. What you can’t do is resell or share the template files themselves as a template or UI kit.

Do I need API keys, a database or a backend?

No. It runs with npm install and npm run dev and deploys to Vercel, Netlify or Cloudflare Pages without any environment variables.

What should I change before I launch?

Do I need to know Next.js?

Basic React helps, but most changes are text edits in site.config.ts. The README walks through colours, fonts and section order.

How do updates work?

Updates to Daymark are free. When a new version ships, download it again from the link in your order email.

Can I get a refund?

Yes. If Daymark isn’t right for you, reply to your receipt within 14 days and you get your money back.

Should I buy all-access instead?

If you’ll use more than two templates, yes. All-access is $99 for all 31 templates, including Daymark and every template added later. Three single templates would cost $117.