FNJ
Product blog, clean card gridPinterest ↗
Product blog, clean card grid: the full website design
Found on Pinterest. See the original pin. All rights belong to its designer.
Publishing · Blog

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 this design

  • Blog or journal
  • Call-to-action band