Connect Your Platform

Choosing a layout

How article styling works today: one clean default, your accent color, and Webflow's options.

October 4, 2026

Every HarperFlow article publishes in one clean, minimal default style. There's no gallery of themes to pick from. What you control is your accent color, and, on Webflow, a couple of ways to go further.

The default style and your accent color

From Blog templates in your dashboard, set an accent color, auto-detected from your site where possible, or picked yourself. A live preview shows a sample article in that color. New articles pick it up automatically.

Applying it to articles you've already published

The same page has a Restyle all published articles action, which re-renders and re-publishes everything you've already published in your current default style and accent. Useful after you change the accent, or just to freshen older articles.

If you're on Webflow

Webflow has three tiers of styling, from most to least hands-off:

The HarperFlow Connector: a free app for the Webflow Designer that applies a real, native Designer layout (header, hero, table of contents, and more) to your collection page in a click, built the Webflow way. Install it from the Webflow Marketplace: HarperFlow Connector.
Automatic responsive styling: with no installation, HarperFlow injects responsive CSS into your site's head code, so things like data tables reflow into stacked, readable cards on mobile instead of overflowing. This needs the "custom code" permission on your Webflow connection, so reconnect Webflow if your connection predates it.
Do it yourself: HarperFlow creates the CMS fields on your collection. Bind them to your own collection template design in the Webflow Designer however you like.

Design your article page for a new collection

If HarperFlow created a new collection for you, Webflow gave that collection an empty page. Until that page has a design, Webflow shows "page not found" for every article in the collection, even though HarperFlow lists those articles as published. Publishing your site doesn't change that: the page needs at least one element first.

Your articles are safe. They're saved in your Webflow CMS and appear on your site as soon as the page is designed and your site is published. Pick either way:

Apply a free template with the HarperFlow Connector. Install the HarperFlow Connector, open your site in the Webflow Designer, open the app, and apply a layout to your collection's page. It's one click. Then publish your site.
Design the page yourself. In the Webflow Designer, open the Pages panel, find your collection under CMS Collection Pages, and add at least one element, for example a heading bound to the article's Name and the Post Body rich text. Then publish your site.

Then use Check again on the banner on your dashboard's Home page. HarperFlow checks the page right away, and the banner goes away once the page is designed. Your articles show on your site once your site is published. HarperFlow also re-checks on its own every few hours, and lists any article that isn't visible yet as "Not visible on your site yet" on the Articles page.

Tip: If you'd rather publish into a design you already have, choose Add HarperFlow's fields to a collection you have during setup instead. Articles then inherit that collection's existing page right away.

If you're on WordPress, Shopify, or Wix

Articles publish straight into your existing theme's post or article template. To restyle them, edit that template in your platform's own editor. HarperFlow keeps publishing into it either way.

Note: If you've seen older material describing named article themes (Guide, Sidebar, Story, and similar), that gallery was retired. Every article now publishes in the single default style described above, with your accent as the one customization point.