NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Chain Volcán** (dominio chainvolcan.com) usando **HTML único** con **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. El proyecto debe reproducir fielmente el diseño y la interacción del portafolio analizado, sin copiar textos originales.
**Objetivo**: Página principal (Home) con estructura y estilo descriptos, más plantillas para About, Projects, Services, Blog y Contact, todas con el mismo header y footer.
**Paleta de colores** (hex):
- Primario: #0A0A0A (casi negro)
- Secundario: #FFFFFF (blanco)
- Acents: #FF5722 (naranja brillante), #2196F3 (azul vibrante), #4CAF50 (verde suave).
**Tipografía**: "Inter", sans‑serif para todo el texto; títulos en "Playfair Display", serif, peso 700.
**Header**:
- Logo circular con t
4.901 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.901 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Encabezado con logo y menú de navegación responsivo
- 1.2 Hero: subtítulo, nombre, vídeo de fondo, foto, texto descriptivo
- 1.3 Contadores animados (4 ítems)
- 1.4 Sección de proyectos (título y grid de tarjetas)
- 1.5 Footer (enlaces, redes y datos de contacto)
ABOUT
- 1.1 Encabezado (igual que Home)
- 1.2 Imagen y biografía del creador
- 1.3 Habilidades en mini‑tarjetas
- 1.4 Testimonios en carrusel
- 1.5 Footer
PROJECTS
- 1.1 Encabezado
- 1.2 Filtro de categorías
- 1.3 Grid de proyectos con hover expandido
- 1.4 Paginación
- 1.5 Footer
SERVICES
- 1.1 Encabezado
- 1.2 Lista de servicios con iconos y descripciones
- 1.3 Tarjetas de precios simplificadas
- 1.4 CTA de contacto
- 1.5 Footer
BLOG
- 1.1 Encabezado
- 1.2 Lista de entradas con imágenes y extractos
- 1.3 Sidebar con categorías y archivo
- 1.4 Paginación
- 1.5 Footer
CONTACT
- 1.1 Encabezado
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Mapa incrustado
- 1.4 Información de contacto y redes
- 1.5 Footer
PROMPTS RELACIONADOS · NFT / CRYPTO
