Trusted by teams at
Diary TNC is a personal blog website template with six blog home page layouts, built for blog and editorial, lifestyle, writers, creators, and personal blog projects. Blog posts and blog categories are CMS collections, so you can choose the front page that best suits your personal blog style and publish blog content through the Editor. It provides a flexible blog and editorial structure for a writer, creator, or anyone building a lifestyle or personal blog to share stories, ideas, experiences, and regular blog posts. It also works well for a writer creating an online magazine or magazine site to publish blog and editorial articles, lifestyle stories, interviews, and regular editorial content.
The hardest decision on a personal blog is what the front page looks like, and it is the one most blog templates make for you. Diary TNC is a personal blog website template shipping six complete blog home page layouts, so you can choose the blog design that fits your personal blog, blog content, blog style, blog and editorial needs, and lifestyle content rather than compromise. It also gives a writer a flexible structure that can work as an online magazine or magazine site for publishing regular editorial content.
It suits a personal blogger, writer, lifestyle publisher, creator, or blog and editorial business that posts regularly and wants the blog archive to do the work rather than relying on a heavy landing page. It is ideal for a personal blog, online magazine, or magazine site focused on regular blog posts, blog stories, blog ideas, personal experiences, lifestyle content, and blog and editorial articles, giving every blog post and blog category a clear place within the blog.
Static pages
CMS collection templates
Section folders
Blog and blog category entries are held in Webflow CMS collections. Adding an entry means filling in fields rather than rebuilding a page, and it appears in the relevant listings automatically. For a site that gets updated regularly, this is the part that decides whether it stays current.
Not six hero variations, six different front pages. A photo-led blog and a text-led one want different things, and picking a layout beats rebuilding one.
Categories are their own collection rather than a tag field, so a blog covering several subjects can present them as sections instead of one undifferentiated stream.
It publishes writing. There is no store, no membership or paid subscription, no comment system beyond what you connect, and no newsletter platform: the sign-up form hands off to an email service that holds the list. Monetising through paid posts would need a membership service added.
Diary TNC gives an online personal blog a professional space to showcase personal blog content, personal blog stories, personal blog ideas, personal blog posts, and personal blog experience. Present regular writing, lifestyle content, personal stories, and blog categories while giving every personal blog post a clear place within the blog.
A magazine can use Diary TNC to showcase magazine content, magazine stories, magazine articles, magazine features, and magazine categories. Present editorial content, lifestyle stories, regular posts, and featured writing through a flexible magazine layout that keeps the content easy to explore.
Diary TNC helps a writer showcase writer work, writer stories, writer articles, writer ideas, and writer experience. Present personal writing, editorial content, blog posts, lifestyle stories, and featured articles while creating a professional online space for a writer to publish regularly.
A magazine site can use Diary TNC to showcase magazine site content, magazine site articles, magazine site stories, magazine site categories, and magazine site features. Present regular editorial posts, blog stories, personal experiences, and lifestyle content through a structured magazine site that gives each article and category a clear place.
Diary TNC gives a personal blog a professional space to showcase personal stories, personal ideas, personal experiences, personal projects, and personal interests. Present regular blog posts, writer content, personal updates, and creative work through a focused personal website.
Diary TNC helps a blog and editorial website showcase blog and editorial articles, blog and editorial stories, blog and editorial content, blog and editorial features, and blog and editorial work. Present articles, interviews, stories, categories, and regular publications through a professional website.
Diary TNC helps a lifestyle website showcase lifestyle stories, lifestyle articles, lifestyle ideas, lifestyle content, and lifestyle experiences. Present personal stories, trends, experiences, guides, and regular blog posts through a professional lifestyle website.
Posts and categories are CMS entries, so publishing never touches the design. Keep the home layout you want and delete the other five.
If you would rather not do it yourself, our team can customise this template for you, from colour and content changes through to new pages and custom functionality. Request a Webflow template customization quote, or read more about our Webflow customization service.
What are the six home pages for?
Six complete front-page layouts. Pick the one that suits your writing and delete the rest.
Is there a comment system?
Not built in. You would connect a third-party commenting service.
Can I run a paid newsletter or members area?
Not in this build. That needs a membership or subscription service added.
Are categories CMS-driven?
Yes, categories are their own collection separate from posts.
Is there a dark version?
Diary Dark TNC is the dark counterpart to this build.
Support and ongoing updates are included. Message us after purchase if you need the Figma file and we will send it over.
Can only be used by you or one client for one end product. You cannot resell or redistribute this template in its original or modified state.
This template is free to use in both person and commercial projects. You cannot resell, redistribute, or license this template in its original or modified state.
Questions about this template? Just reach out to the template designer and they will get back to you within 2 business days.
For advanced design guidance, please share your questions in the Webflow Forum or reach out to a Webflow Partner.
Share your feedback by leaving a comment below.
For template support, please check the Support tab.
Use the Preview in Designer option to make any edits to the template pages and preview how the layout would fit your content. Changes in preview mode won't be saved.
It isn't possible to apply a template to an already existing project. Instead, you'll need to create a new project based on the Template.
With a Core plan (or higher), you can export sites you build in Webflow, including templates, to host them anywhere you'd like.
Webflow templates are only available for purchase through Workspaces and legacy individual accounts.
CMS templates are designed to use the power of the Webflow CMS. It is possible to downgrade to a Basic Site Plan as long as all CMS content is deleted from the project.
Use the View Connections tool to understand where the CMS content is on the site and delete any dynamic listings and CMS content. We also recommend you to check Components and the Collection page Templates.
Ecommerce templates are designed to use the power of Webflow Ecommerce. It is not possible to remove Ecommerce from a template, however, deleting all Ecommerce Products and Categories from the project, will allow to select a lower Site Plan.
Membership templates are designed to use the power of Webflow Membership. It is not possible to remove Memberships from a template.
.svg){kind=small}
Uses fonts from Google's Web Font collection.
Display images and text elegantly on every device with our touch-friendly slider.
Bring life and motion to your design with background videos
Site navigation automatically collapses into a mobile-friendly menu on smaller devices.
All graphics are optimized for devices with high DPI screens.
Custom design for the 404 page of your website
Reusable elements you can use across your site. Edit a component and all copies update instantly.
Showcase high-res photos and videos on a black backdrop.
Reposition and resize items anywhere within the grid to produce powerful, responsive layouts — faster and without code.
Customize the built-in database for your project or just add new content.
Displays perfectly on desktops, tablets, and phones.
Build your lead lists and subscriber base with beautiful forms.
Comes with animations and interactions for additional polish and usability.
