A blog layout sets the reading structure; a theme sets its visual treatment. Decide what the reader needs to do before choosing either.
Choose the structure for the reading task
Start with Reader for a continuous argument. Use Guide when readers need to jump between instructions, or Report when a summary and a comparison table carry the story.
| Layout | When to use it |
|---|---|
| Reader | A focused, centered reading column. |
| Editorial | An asymmetric opening and ruled sections. |
| Magazine | A wide featured image and a large headline. |
| Guide | Section navigation alongside a longer article. |
| Report | A summary panel with room for data. |
| Case Study | A split opening and clear section hierarchy. |
Choose the theme separately
Keep the structure while comparing typography, colors and surfaces. This sample uses the Guide layout with Botanical: forest green, cream and a quiet reading column. A theme change does not rewrite the article.
Test the same content at desktop and phone widths. The heading, link and table should still be easy to find.
Download and inspect the actual file
- Open the saved article's export workspace.
- Choose Web article layouts & themes (HTML).
- Preview a layout and theme, then download the web article.
- Open the HTML in a browser. Follow the section links, inspect the table and read at phone width.
Choose the delivery format
Responsive HTML reflows with the browser. A PDF fixes the page geometry, while Word is intended for document editing. Deliver the format the recipient needs.
The HTML includes publication CSS and selected fonts. Source images, when used, retain hosted URLs. Uploading a file does not configure hosting, analytics, canonical URLs or a sitemap for another site.
About this example
This is an authored instructional article exported with Quill's actual HTML renderer. It demonstrates layout and delivery; it is not an AI-generated customer article or evidence of delivery to an external CMS.
Read the export walkthrough or compare the blog and webpage examples.