Daybook – Claymorphism SaaS Landing Page (Next.js + Tailwind) by Fardin Omor AfnanDaybook – Claymorphism SaaS Landing Page (Next.js + Tailwind) | Contra
Daybook is a soft, tactile SaaS landing page template built with Next.js 16 and Tailwind CSS 4. Every button, card and chip is made of "clay": puffy, rounded surfaces with warm highlights and shadows, on a bright white-and-butter-yellow palette.
What's included • 9 ready sections: hero, why us + stats, features, everything-included grid, testimonial marquee, FAQ accordion, pricing with monthly/yearly toggle, signup form, footer • Reusable clay utilities (clay, clay-lemon, clay-butter, clay-peach, clay-inset, clay-press) that work with any Tailwind class • Planner-style ruling system: a margin line, section knots and stitched dividers • No images needed. Every visual is built in CSS, so there is nothing to license or replace • Fully responsive, keyboard accessible, reduced-motion friendly • TypeScript, App Router, static export, Lighthouse-friendly • Bricolage Grotesque + Nunito via next/font
Perfect for SaaS products, productivity tools, startups and indie makers who want a friendly, non-corporate look.
Setup npm install → npm run dev. Edit the copy in one file per section.
Get it for$0.00
Tags
Next.js
React
Tailwind CSS
TypeScript
Landing Page
Templates
UI Designer
Web Designer
Claymorphism
Product created by
Fardin Omor Afnan Dhaka, Bangladesh
2
Followers
Fardin Omor's other products
Plinth: Scroll-Animated SaaS Landing Page for Next.js
$0.00
Mission Manual — Retro-Futuristic Portfolio Template for Astro
$0.00
Get it for$0.00
Tags
Next.js
React
Tailwind CSS
TypeScript
Landing Page
Templates
UI Designer
Web Designer
Claymorphism
Daybook is a soft, tactile SaaS landing page template built with Next.js 16 and Tailwind CSS 4. Every button, card and chip is made of "clay": puffy, rounded surfaces with warm highlights and shadows, on a bright white-and-butter-yellow palette.
What's included • 9 ready sections: hero, why us + stats, features, everything-included grid, testimonial marquee, FAQ accordion, pricing with monthly/yearly toggle, signup form, footer • Reusable clay utilities (clay, clay-lemon, clay-butter, clay-peach, clay-inset, clay-press) that work with any Tailwind class • Planner-style ruling system: a margin line, section knots and stitched dividers • No images needed. Every visual is built in CSS, so there is nothing to license or replace • Fully responsive, keyboard accessible, reduced-motion friendly • TypeScript, App Router, static export, Lighthouse-friendly • Bricolage Grotesque + Nunito via next/font
Perfect for SaaS products, productivity tools, startups and indie makers who want a friendly, non-corporate look.
Setup npm install → npm run dev. Edit the copy in one file per section.
Fardin Omor's other products
Plinth: Scroll-Animated SaaS Landing Page for Next.js
$0.00
Mission Manual — Retro-Futuristic Portfolio Template for Astro
$0.00