FNJ
Insights blog, clean grey cardsPinterest ↗
Insights blog, clean grey cards: the full website design
Found on Pinterest. See the original pin. All rights belong to its designer.
Publishing · Blog

Insights blog, clean grey cards

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 Pathwise, a project management company sharing practical guides. Light grey page with a floating dark pill nav and a lime 'Get started' button. Centre a small 'Our blogs' label, the headline 'Insights and inspirations, explore our blog', a short line and a rounded search bar. Then 'Top picks' with category filter chips (all, tips, design and mockup, user research, roadmap) and a row of three post cards with photos (a laptop with code, coffee and notebooks, wooden letter tiles), bold titles, short excerpts and author avatars. Next, a 'Featured blogs' label and 'Dive into our blogs' with a large card on the left (a person working on a laptop in bed, title, excerpt, author) and two compact cards on the right with small thumbnails, tags (collaboration, 4 min read) and round arrow buttons. Clean grotesk sans-serif, white cards on light grey, black and a lime accent.

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

  • Search bar
  • Blog or journal