<script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Choosing a layout","description":"How article styling works today: one clean default, your accent color, and Webflow's options.","dateModified":"2026-07-12","inLanguage":"en","author":{"@type":"Organization","name":"HarperFlow"},"publisher":{"@type":"Organization","name":"HarperFlow","url":"https://www.harperflow.io","logo":{"@type":"ImageObject","url":"https://www.harperflow.io/favicon.png"}},"mainEntityOfPage":"https://www.harperflow.io/docs/choosing-a-layout"}</script>
Docs
/
Connect Your Platform

Connect Your Platform

Choosing a layout

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

July 11, 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:

  1. The Connector App: installed in the Webflow Designer, it applies a real, native Designer layout component (header, hero, table of contents, and more) built the Webflow way. This is the direction HarperFlow's Webflow styling is moving toward, but it isn't available to install yet. It's pending publication in the Webflow Marketplace.
  2. 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.
  3. 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.

WordPress, Shopify, and Wix

Support for these platforms is coming soon. Once available, articles will publish straight into your existing theme's post or article template, which you'll restyle in your platform's own editor.

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.