Blog Post

Design a blog post page for a long-form article. The layout should make the content easy to read first, then add supporting actions around it. Start with a clear header: title, author, publish date, read time, and a hero image or featured media area.

Build the article body as the main focus. Show how headings, paragraphs, pull quotes, inline images, captions, and code or list blocks behave in one continuous reading flow. Typography should do most of the work here: strong hierarchy, comfortable line length, and spacing that keeps the page from feeling dense.

Add reading support and post actions around the article, not on top of it. This can include a table of contents, section jump links, progress indicator, share controls, save/bookmark, comment entry point, and related posts. Keep the main article readable while these tools stay easy to find.

Show interaction states for links, buttons, embedded media, and any expandable content. The page should feel polished in hover, focus, and active states, and it should still make sense on smaller screens where the reading flow matters most.

Enhance the visual hierarchy with the right use of whitespace, making the layout breathe and drawing attention to key elements.