Sample post: blog UI preview
A placeholder essay for visual QA — headings, lists, quotes, and body copy so you can check how the Holopsis blog renders.
This is a sample post for checking the Holopsis blog layout. It is not product copy — just enough structure to preview typography, spacing, and MDX rendering before publishing real essays.
What this post exercises
Use this page to confirm the blog UI handles common patterns:
- A title, date, and excerpt on the index (
/blog) - Heading hierarchy (
h2,h3) inside the article body - Paragraph rhythm and muted description text in the header
- Blockquotes, bullet lists, and inline emphasis
A short section with a quote
Holopsis treats video as source material for structured documents, not one-off summaries. The reading layer should feel calm and legible — closer to a well-edited essay than a chat transcript.
"Good typography is invisible until it is missing. This sample exists so you can spot alignment, line length, and contrast issues before real content ships."
Nested detail
Subheading check
Smaller headings should still read clearly against the page background. If this h3 feels cramped or too close to the paragraph above, tweak the prose styles in globals.css.
Checklist for visual QA:
- Index card shows the newest date first
- Post page back link returns to
/blog - Open Graph metadata picks up title and description
- Mobile width keeps comfortable line length
Demo content only. Safe to delete once blog styling is signed off.