Website designFree→ v0 / Lovable / Cursor
Blog & Article Template Design
A readable, fast article layout with navigation and conversion elements.
What you get: An article template with typography, table of contents, related posts and CTAs.
Example output. A simplified example of what this prompt can produce, made by Claude from the prompt using the sample values below. Names, prices and reviews are invented, and your result will differ with your own values and the tool you use.
- site:
- Field Notes
- audience:
- indie developers
- stack:
- HTML and CSS
- tokens:
- warm off-white background, serif body text, amber accent
Design and build an article template for {{site}} whose readers are {{audience}}. Requirements: comfortable reading width and typography, a sticky table of contents on large screens that collapses on mobile, author box, reading-time estimate, share links, code or quote styling, related posts, a newsletter call-to-action after the 60% mark, structured data (Article schema), and accessible headings and landmarks. Use {{stack}} with these design tokens: {{tokens}}. Optimise for Core Web Vitals: no layout shift, lazy-loaded images with dimensions, and minimal JavaScript.