Trusted by teams at
Diary Dark TNC is a dark blog website template and lifestyle blog built as the dark counterpart to Diary TNC, with six blog home page layouts and CMS collections for blog posts, categories, and tags. Designed around a dark palette rather than simply recoloured, it gives a blogger, magazine, blog and editorial project, or personal blog a distinctive blog experience for publishing stories, ideas, experiences, articles, and regular lifestyle content. It provides a flexible blog and editorial structure for a blogger building a personal blog, lifestyle blog, magazine, or online publication with a dark visual style. Diary Dark TNC also works well for a writer creating an online magazine with a dark editorial style for publishing articles, stories, interviews, features, and lifestyle content, while giving a personal blog a professional space for personal stories, personal experiences, lifestyle ideas, and regular blog content.
Diary Dark TNC is a dark blog website template and lifestyle blog built around a dark palette, with six complete blog home page layouts and an archive structured around blog posts, blog categories, and blog tags. The dark blog design gives a blogger, magazine, blog and editorial project, or personal blog a distinctive visual experience for publishing blog stories, blog photography, blog articles, lifestyle content, and regular editorial work. It provides a flexible blog and editorial structure for a blogger building a magazine, online magazine, lifestyle blog, or personal blog with a strong dark identity.
It suits a blogger, writer, magazine, lifestyle publisher, or blog and editorial project whose content works well with a dark visual style, including film, gaming, photography, travel, or night-themed writing. Diary Dark TNC is ideal for a personal blog, lifestyle blog, online magazine, or writer that wants a strong dark blog identity while keeping blog posts, blog categories, blog tags, and the blog archive at the center of the website.
Static pages
CMS collection templates
Section folders
Blog, blog category and blog tag 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.
The contrast and spacing are built for a dark palette. Recolouring a light template usually produces something that looks dark rather than something designed to be.
Three collections: posts, categories and tags. Categories carry the sections, tags carry the cross-cutting subjects, which a blog covering several topics needs.
It publishes writing. There is no store, no membership or paid subscription, and no built-in comments. The newsletter sign-up hands off to an email platform. If you want a light palette, Diary TNC is the same build in a light treatment.
Diary Dark TNC gives a blogger a professional dark website to showcase blogger content, blogger stories, blogger articles, blogger photography, and blogger ideas. Present blog posts, blog categories, blog tags, and visual content through a distinctive dark blog design that keeps the blogger's work at the center.
An online magazine can use Diary Dark TNC to showcase online magazine articles, online magazine stories, online magazine photography, online magazine content, and online magazine features. Present editorial writing, photography, lifestyle stories, and regular articles through a dark editorial layout designed for an online magazine.
Diary Dark TNC helps a writer showcase writer articles, writer stories, writer photography, writer projects, and writer work. Present editorial content, personal writing, photography, film stories, travel articles, and other creative work through a strong dark visual style while giving each writer a clear place to publish.
A lifestyle blog can use Diary Dark TNC to showcase lifestyle blog content, lifestyle blog stories, lifestyle blog articles, lifestyle blog photography, and lifestyle blog ideas. Present travel, gaming, film, photography, night-themed stories, and personal experiences while keeping lifestyle blog posts, categories, tags, and the archive easy to explore.
Diary Dark TNC gives a blog and editorial website a professional space to showcase blog and editorial articles, blog and editorial stories, blog and editorial content, blog and editorial photography, and blog and editorial features. Present regular articles, photography, stories, categories, and editorial work through a distinctive dark website.
Diary Dark TNC gives a personal blog a focused space to showcase personal blog stories, personal blog articles, personal blog photography, personal blog experiences, and personal blog content. Present personal stories, lifestyle ideas, photography, regular posts, and creative work through a professional dark personal blog.
Posts, categories and tags are CMS entries. Six home layouts ship complete, so choosing one means deleting the others.
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.
How is this different from Diary TNC?
Same structure, dark palette, and this build adds a tags collection alongside categories.
Can I make it light?
Diary TNC is the light version, which is a better starting point than inverting this one.
How many home layouts are there?
Six, all complete.
Is there a comment system?
Not built in. Connect a third-party service.
Can I monetise posts?
Not in this build. Paid content needs a membership service.
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.
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.
-201-20(1).webp){kind=small}
