Startseite Blog Personal Blog Homepage

Personal Blog Homepage

Clean blog homepage with featured posts and categories

Homepage Personal Featured

Kopiere diesen Prompt und füge ihn in ChatGPT oder Claude ein

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.

So verwendest du diesen Prompt

1 Kopiere den Prompt oben
2 Füge ihn in dein Lieblings-KI-Tool ein (ChatGPT, Claude, v0, etc.)
3 Die KI generiert den Website-Code für dich
4 Passe an und iteriere nach deinen Bedürfnissen

Zurück zuBlog Alle Kategorien durchsuchen

Mehr Blog Prompts

Author Page

Author profile with bio and post list

Author Profile

Blog Archive Page

Paginated blog listing with filters

Archive Listing

Blog Post Page

Article page with content, author info, and related posts

Article Post

Über diesen Blog Prompt

Dieser Personal Blog Homepage Prompt wurde entwickelt, um dir zu helfen, schnell professionelle blog-Websites mit KI-Tools wie ChatGPT, Claude, v0 von Vercel, Cursor und Bolt.new zu erstellen.

Ob Entwickler, Designer oder Unternehmer - dieser kostenlose KI-Prompt gibt dir einen Vorsprung beim Erstellen von personal blog homepage. Kopiere einfach den Prompt, füge ihn in deinen bevorzugten KI-Coding-Assistenten ein und passe ihn an deine Marke an.

Kompatible KI-Tools

ChatGPT (GPT-4) - Hervorragend für detaillierte Code-Generierung und Erklärungen
Claude 3 - Ausgezeichnet für komplexe, nuancierte Website-Designs
v0 von Vercel - Perfekt für React- und Next.js-Komponenten
Cursor - Ideal für KI-gestütztes Coding in deiner IDE
Bolt.new - Schnelles Prototyping und Full-Stack-Apps
Lovable - Benutzerfreundlicher KI-Website-Builder