Blog Website Prompts
Share your ideas with beautiful, readable designs. From personal blogs to tech publications, these prompts help you create engaging content experiences.
Blog Archive Page
Paginated blog listing with filters
Create a blog archive/listing page:
1. PAGE HEADER
- Page title: "Blog" or "All Articles"
- Post count: "128 articles"
- Search bar
2. FILTER OPTIONS
Categories:
- All (default)
- Technology
- Desig...Author Page
Author profile with bio and post list
Create an author profile page:
1. AUTHOR HEADER
Profile section:
- Large author photo
- Author name (H1)
- Title/role: "Senior Writer" or "Founder"
- Short bio (1-2 paragraphs)
- Location (optional)...Blog Post Page
Article page with content, author info, and related posts
Create a blog post/article page:
1. POST HEADER
- Breadcrumb: Home > Category > Post
- Category tag (colored)
- Title (H1, large, compelling)
- Subtitle/excerpt
- Meta info:
- Author with avatar...Newsletter Landing Page
Email signup page with benefits and social proof
Create a newsletter signup landing page:
1. HERO SECTION
- Compelling headline
- "Join 10,000+ readers"
- "Weekly insights on [topic]"
- Subheadline explaining value
- Email signup form (prominen...Personal Blog Homepage
Clean blog homepage with featured posts and categories
Create a personal blog homepage:
1. HEADER
- Blog name/logo (left)
- Navigation: Home, About, Categories, Archive, Contact
- Search icon
- Dark/Light mode toggle
- Subscribe button
2. HERO SECTION
O...Magazine/Publication Style
Editorial blog with magazine-style layouts
Create a magazine-style publication blog:
1. HOMEPAGE LAYOUT
Hero zone:
- Feature story (full-width, dramatic)
- Large image
- Category
- Headline
- Author
- Secondary features (2-3 smaller)...Recipe Blog
Food blog with recipe cards and cooking instructions
Create a recipe blog:
1. HOMEPAGE
Hero:
- Featured recipe of the week
- Stunning food photography
- Recipe title and brief description
Sections:
- Latest recipes
- Popular recipes
- Browse by catego...Tech/Tutorial Blog
Technical blog with code snippets and documentation style
Create a technical/tutorial blog:
1. HOMEPAGE
- "Learn [Technology/Skill]" headline
- Featured tutorial (large)
- Learning paths or series
- Latest tutorials grid
- Difficulty tags (Beginner, Interme...Podcast Show Page
A podcast show page with episode listings, audio player, guest profiles, and subscription links
Create a podcast show page for a tech-focused podcast called "Ship It" — a weekly show about building startups, shipping products, and the stories behind successful tech companies. The design should f...Photography Blog Homepage
A visually immersive photography blog homepage with full-bleed image posts, curated galleries, gear reviews, and photographer profile
Create a visually stunning, image-first blog homepage for a travel and landscape photographer named "Elena Voss" who runs a blog called "Aperture Journal." The blog features photo essays, location gui...Lifestyle Blog Homepage
A modern lifestyle blog homepage with featured articles, category navigation, newsletter signup, and curated content collections for wellness, travel, and culture
Create a visually rich, editorial-quality lifestyle blog homepage for a publication called "The Sunday Edit" — a digital magazine covering wellness, travel, culture, food, and personal style. The desi...Personal Finance Blog Homepage
A clean personal finance blog homepage with featured articles, budget calculator widget, category pillars, and email signup for money tips
Create a trustworthy, modern homepage for "Penny Wise" — a personal finance blog helping millennials and Gen Z build wealth through practical, jargon-free money advice. The design should feel clean, c...