Home Blog Personal Blog Homepage

Personal Blog Homepage

Clean blog homepage with featured posts and categories

Homepage Personal Featured

Copy this prompt and paste it into ChatGPT or Claude

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
Option A - Featured post:
- Large featured post card
- Featured image (full-width)
- Category tag
- Title (large)
- Excerpt
- Author with avatar, date, read time

Option B - Personal intro:
- Author photo
- Welcome message
- Brief bio
- Latest post below

3. RECENT POSTS SECTION
- "Latest Articles" heading
- Grid of 6 posts (3 columns desktop)
- Each post card:
  - Featured image
  - Category tag
  - Title
  - Excerpt (2 lines)
  - Author, date, read time
  - Read more link

4. CATEGORY SECTION
- "Browse by Topic" heading
- Category cards or tags:
  - Technology
  - Design
  - Life
  - Travel
  - Tutorials
- Post count per category

5. NEWSLETTER SECTION
- "Subscribe to my newsletter"
- "Get weekly updates on new posts"
- Email input + Subscribe button
- Privacy note
- Subscriber count (optional)

6. POPULAR/TRENDING
- "Most Read" sidebar or section
- List of 5 popular posts
- Numbered list with titles

7. ABOUT SIDEBAR (optional)
- Author photo
- Short bio
- Social links
- "Read more about me"

8. FOOTER
- Navigation links
- Social media icons
- Copyright
- "Built with [platform]"

Design: Clean, readable. Focus on typography. Good whitespace. Light theme with option for dark.

How to use this prompt

1 Click the "Copy Prompt" button above to copy the full prompt to your clipboard
2 Open ChatGPT, Claude, or your preferred AI assistant
3 Paste the prompt and customize any placeholder text (like product names or brand colors)
4 Let the AI generate your website code or design specifications

Back to Blog Prompts Browse All Categories

More Blog Prompts

Blog Post Page

Article page with content, author info, and related posts

Article Post

Blog Archive Page

Paginated blog listing with filters

Archive Listing

Author Page

Author profile with bio and post list

Author Profile

About this Blog Prompt

This Personal Blog Homepage prompt is designed to help you quickly create professional blog websites using AI tools like ChatGPT, Claude, v0 by Vercel, Cursor, and Bolt.new.

Whether you're a developer, designer, or entrepreneur, this free AI prompt gives you a head start on building personal blog homepage. Simply copy the prompt, paste it into your favorite AI coding assistant, and customize it to match your brand.

Compatible AI Tools

ChatGPT (GPT-4) - Great for detailed code generation and explanations
Claude 3 - Excellent for complex, nuanced website designs
v0 by Vercel - Perfect for React and Next.js components
Cursor - Ideal for AI-powered coding in your IDE
Bolt.new - Quick prototyping and full-stack apps
Lovable - User-friendly AI website builder