Copia este prompt y pégalo en ChatGPT o Claude
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)
Section 1:
- Section name: "Technology"
- 4 posts in grid
- "See all" link
Section 2:
- Section name: "Culture"
- List layout
- Thumbnails left, content right
Section 3:
- Section name: "Opinion"
- Author-focused cards
2. ARTICLE PAGE
Dramatic header:
- Full-bleed hero image
- Overlay with title
- Or title above image
Article meta:
- Section/Category
- Author with photo
- Date
- Estimated read time
- Share buttons
Content:
- Drop cap on first paragraph
- Pull quotes (styled)
- Full-width images
- Image captions
- Author asides
Article footer:
- Author bio box
- Tags
- Related from same section
3. SECTION PAGES
- Section hero/feature
- Section description
- Latest in section
- Editors' picks
- Infinite scroll or pagination
4. SPECIAL FEATURES
- Cover stories (special design)
- Photo essays (image-heavy layout)
- Long-form (chapter navigation)
- Data stories (with charts)
- Interviews (Q&A format)
5. NAVIGATION
Main nav:
- Sections (News, Tech, Culture, Opinion)
- Topics dropdown
- Search
- Subscribe button
Mobile:
- Hamburger menu
- Section tabs
6. AUTHORS PAGE
- Team page with all writers
- Each author: photo, name, title, post count
- Click for author profile
7. NEWSLETTER INTEGRATION
- Pop-up after scroll
- In-article signup
- Dedicated subscribe page
- Multiple newsletters by topic
8. ADVERTISING/MONETIZATION
- Banner positions
- In-content ads
- Sponsored content labels
- Membership/Paywall
Design: Editorial, polished. Mix of layouts for visual interest. Typography is key. Dense but organized. Cómo usar este prompt
- 1 Copia el prompt de arriba
- 2 Pégalo en tu herramienta de IA favorita (ChatGPT, Claude, v0, etc.)
- 3 La IA generará el código del sitio web por ti
- 4 Personaliza e itera según tus necesidades
Más Prompts de Blog
Personal Finance Blog Homepage
A clean personal finance blog homepage with featured articles, budget calculator widget, category pillars, and email signup for money tips
Finance Blog Homepage
Author Page
Author profile with bio and post list
Author Profile
Blog Post Page
Article page with content, author info, and related posts
Article Post
Acerca de este Prompt de Blog
Este prompt Magazine/Publication Style está diseñado para ayudarte a crear rápidamente sitios web profesionales de blog usando herramientas de IA como ChatGPT, Claude, v0 de Vercel, Cursor y Bolt.new.
Ya seas desarrollador, diseñador o emprendedor, este prompt de IA gratuito te da una ventaja al crear magazine/publication style. Simplemente copia el prompt, pégalo en tu asistente de código IA favorito y personalízalo para tu marca.
Herramientas de IA Compatibles
- ChatGPT (GPT-4) - Excelente para generación detallada de código y explicaciones
- Claude 3 - Excelente para diseños web complejos y matizados
- v0 de Vercel - Perfecto para componentes React y Next.js
- Cursor - Ideal para codificación potenciada por IA en tu IDE
- Bolt.new - Prototipado rápido y apps full-stack
- Lovable - Constructor de sitios web IA fácil de usar
Etiquetas
Magazine Editorial Publication Blog Prompt de IA Plantilla Gratis Constructor Web Diseño Web Prompt Copiar Pegar