CREATIVO · Claude Design · HTML

PixelForge Studios — Prompt de diseño web para Claude AI

★★★★★4,7 4.368 descargas

Plantilla web multipropósito para sitios creativos y de ecommerce Diseña tu presencia digital sin complicaciones.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web estático que reproduzca el diseño visual y la estructura de la plantilla ficticia PixelForge Studios. Usa HTML5 y Tailwind CSS vía CDN, con JavaScript vanilla en un único archivo para interactividad mínima (menú móvil, scroll suave). Paleta de colores: #0A0F24 (fondo oscuro), #1E293B (azul grisado), #3B82F6 (azul primario), #FBBF24 (amarillo accent), #FFFFFF (texto). Tipografía: Inter (sans) para cuerpo y títulos, con peso 400-700. Componentes:
- Header: barra con logo a la izquierda, menú horizontal (Intro, About, Blog, Pages dropdown, Contact) y botón primario "Get Started" a la derecha. Menú colapsable en móvil.
- Hero: sección full‑width con tagline "Introducing PixelForge Template", título grande, párrafo descriptivo, botón primario "Explore Pages" que hace scroll a la sección #pages.
- Screenshot gallery: grid responsiva de 6 imágenes con efecto de desplazamiento lateral simple (solo CSS). Cada imagen con borde redondeado y sombra.
- Logos grid: 6 logos SVG alineados en una fila, con filtro de color para adaptarse al esquema.
- Info block repetido: título de sección, subtítulo y párrafo, reutilizado en varias secciones.
- Stats cards: dos tarjetas con icono pequeño verde, número grande ("30+ Pages", "65+ Symbols") y etiqueta.
- Main pages grid: 6 tarjetas enlazadas (Home vr.1, Home vr.2, Home vr.3, Blog vr.1, Blog vr.2, Blog vr.3). Cada tarjeta muestra una mini‑imagen de fondo y título superpuesto.
- Footer: fondo #1E293B, columnas con enlaces de navegación (Intro, About, Blog, Contact, Pricing, FAQ), datos de contacto (email hola@pixelforge.com), y copyright.
Requisitos técnicos: todas las clases deben ser de Tailwind, sin CSS personalizado externo; usar utilidad @apply solo si es indispensable. El HTML debe estar bien estructurado con secciones semánticas (<header>, <section>, <footer>). El JavaScript debe gestionar el toggle del menú móvil y el scroll suave al hacer clic en enlaces internos. No incluir texto o marcas del sitio original; generar todo el copy en español de España, activo y original. Entrega el código completo como un único archivo index.html.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

2.462 caracteres · 27 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Cabecera con logo, navegación y botón
2.1 Hero con tagline, título, descripción y CTA
3.1 Galería de screenshots
4.1 Grid de logotipos de marcas
5.1 Bloque informativo introductorio
6.1 Tarjetas de métricas (páginas, símbolos)
7.1 Tarjetas de enlaces a páginas principales
8.1 Footer con enlaces y contacto

ABOUT

1.1 Cabecera (reutilizada)
2.1 Sección hero similar con texto diferente
3.1 Imagen descriptiva y texto de empresa
4.1 Equipo o valores (cards)
5.1 Footer

BLOG

1.1 Cabecera
2.1 Lista de artículos en grid
3.1 Sidebar con categorías y últimos posts
4.1 Footer

CONTACT

1.1 Cabecera
2.1 Formulario de contacto con campos nombre, email, mensaje
3.1 Información de contacto y mapa
4.1 Footer

PROMPTS RELACIONADOS · CREATIVO

Otros prompts de la misma categoría

Ficha de marca

Nombre: PixelForge Studios
Sector: Plantilla web multipropósito para sitios creativos y de ecommerce
Claim: Diseña tu presencia digital sin complicaciones

Bloques de la home

1.1 Cabecera con logo, navegación principal y botón "Get Started"
2.1 Sección hero con tagline, título, párrafo descriptivo y botón de llamada a acción
3.1 Galería de capturas de pantalla en carrusel estático
4.1 Cuadrícula de logotipos de marcas ficticias
5.1 Bloque informativo repetido con título y párrafo introductorio
6.1 Tarjetas de estadísticas (30+ páginas, 65+ símbolos)
7.1 Sección de páginas principales con tarjetas enlazadas a distintas demos
8.1 Pie de página con enlaces de navegación y datos de contacto

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

PixelForge Studios — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

ABOUT

BLOG

CONTACT

Otros prompts de la misma categoría

CalleArte

Línea Ágil

Línea Aurora

Línea Íntima