Focus
This powerful, marketing-focused template is built to convert—with all the essentials for capturing leads, showcasing your product, and telling your story. Paired with a fully integrated, feature-rich blog, it's perfect for SEO.
What's included
Focus is a beautifully designed, highly functional Next.js website template with a feature-rich blog built in. It's crafted with the level of detail developers appreciate but rarely have time to create themselves—and it's fully customisable.
It includes a collection of elegant, production-ready templates, blocks, and components, so you can concentrate on what really matters: promoting your products and services.
Pages
10 Flexible, ready-to-use page templates that can be easily adapted for a variety of needs. Although Focus is primarily designed as a personal marketing site, the templates are intentionally generic, making them suitable for other uses—like e-commerce.
SEO
Every page is built with SEO best practices in mind—complete with structured data, well-configured metadata, and clean on-page markup. Blog posts are neatly organized into categories, and a sitemap is included out of the box.
- Auto-generated sitemap
- Meta data
- Meta and Open Graph tags
- Perfect Lighthouse scores (100 across the board)
MDX blog
Publish blog posts easily using MDX—no need for a complicated headless CMS. The blog comes setup with features including pagination, sorting, filtering and more.
Navigation between pages is enhanced with seamless view transitions for a smoother experience.
Light & dark modes included
Comes with both light and dark modes, so your site looks great no matter the preference — easy to switch, fully styled, and consistent across components.
Analytics-ready
Easily enable your preferred analytics tools with a simple config tweak:
- Google Analytics
- Vercel Analytics
- HotJar
Customisation
Includes both light and dark mode out of the box, with full support for rebranding. Easily tweak colours, fonts, and components to match your brand's look and feel.
Technology
Every template is carefully crafted to save you the hassle of setup and long-term maintenance. With up-to-date, compatible packages and modern tooling, you can launch with confidence—no extra overhead required.
- Next.js v15
- Tailwind CSS v4.1
- React v19
- shadcn v2.4
- TypeScript v5.8
- ContentLayer2 v0.5
Figma design kit
In the Figma design kit you get access to:
- Components
- Pro blocks
- Pro page templates
- shadcn/ui components
- Light and dark modes
- 2 x themes (multibrand)
- Useful design assets, favicon, OG image etc.
Everything is wired up to shadcn's theming system in Figma so you can apply different branding and themes simply by editing variables.
Get this template, or all templates (more coming soon) & lifetime access to a growing library of blocks and components—use them in any project, with updates forever.
- License for 1 user
- Feature-rich blog
- Unlimited projects
- Lifetime access
- Free updates
- License for 1 user
- Feature-rich blog
- Unlimited projects
- Lifetime access
- Free updates
- All templates
- Pro blocks
- Pro components
- Registry access
Blog posts are written in MDX, which is a powerful authoring tool for developers. MDX lets you use JSX in your markdown content. This makes writing long-form content with components a blast.
As a bonus there's a handy CLI included that will spin up a skeleton blog post and prompt you for the meta data, all you have to do is provide the content.
Posts are automatically organised into categories, which is great for SEO!
You can create content to provide updates, sell products, market your services, write recipes, do affiliate marketing & so much more.
The best thing about them is that your blog is exactly that, yours, there's no vendor lock-in, unlike with platforms.
All pages are built using blocks, you'll see how existing pages are built and be able to easily insert new blocks from our library to create new variations.
Yes! All templates can be completely tailored to your needs just by changing the theme, checkout our handy shadcn theme generator, where you can create unique themes or choose a pre-built theme, tailored to work with any of our templates.
Under the hood, the templates are built with React components & Pro blocks, which are made with Tailwind and shadcn, so as long as the other code uses Tailwind & shadcn you're good to go!