Product blog, clean card grid
Our AI builder designs a site for your business in this style, at desktop, tablet and phone widths. Swap in your own details first.
Prompt
Build a blog for Fieldnotes, a company blog about product design, engineering and leadership. Clean and readable: a slim nav with log in and sign up, a large featured-article card with a full-bleed photo, a dark gradient, a white headline, a short excerpt and an arrow. Then 'recent blog posts' as a three-column grid of nine cards, each with a photo, title, two-line excerpt and author avatar with date, a 'Load more' button, and a black rounded call-to-action box with two buttons above a six-column link footer. Neutral sans-serif, white background, 12px rounded images, black accents.
The design goes in as your reference: the builder follows its look and writes new words for your business. Building needs a plan; you'll pick one first if you haven't.
At a glance
- Industry
- Publishing · Blog
- Style
- Light
- Source
- Pinterest pin
Sections in its prompt
- Blog or journal
- Call-to-action band
Design notes
Restraint makes this blog easy to scan. A wide featured-article card with a full-bleed photo and dark gradient carries its headline, excerpt and an arrow in white, giving the page one clear entry point. Beneath it, a three-column grid repeats a single card format: rounded photo, bold sans-serif title, two-line grey excerpt and a small author avatar with date. Everything else is white space and black. The page ends with a black rounded call-to-action panel holding two outlined buttons, which flows straight into a six-column link footer on the same black ground. A strong default for SaaS, startup or product-team blogs where the articles supply the visuals.
Notes on the original design. The design itself belongs to its designer.
