NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web de una sola página usando HTML, Tailwind CDN y JavaScript vanilla (single file) que reproduzca el diseño visual y la estructura de un portafolio creativo oscuro como el descrito. Marca ficticia: Glow Brisa (estudio de diseño y desarrollo digital). Usa la siguiente paleta de colores: fondo principal #0a0a0a, tarjetas #151515, acentos #ff4d4d, textos principales #e5e5e5, subtítulos #a0a0a0. Tipografía: Inter (sans-serif) para cuerpos y headings, peso 400-700. Header fijo con logo circular (placeholder), barra de navegación con enlaces: Home, About, Services, Projects, Case Studies, Blog, Contact, cada enlace con flecha SVG a la derecha y efecto hover de color de acento. Incluir bloque superior "Top Rated On" con iconos de plataformas (placeholder SVGs) y sección de contacto
3.696 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.696 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 fijo con logo circular y menú de navegación expandible
- 1.2 Bloque hero con foto de perfil, título y llamado a la acción
- 1.3 Sección 'Servicios' con tarjetas descriptivas
- 1.4 Galería de proyectos en grid con overlay interactivo
- 1.5 Área de premios y logotipos de reconocimiento
- 1.6 Testimonios en carrusel horizontal
- 1.7 Formulario de contacto rápido y enlaces sociales
- 1.8 Pie de página con navegación secundaria y datos de contacto
ABOUT
- 2.1 Encabezado secundario con foto y biografía breve
- 2.2 Timeline de experiencia profesional
- 2.3 Herramientas y habilidades en badges
- 2.4 Botón de descarga de CV
- 2.5 Pie de página común
SERVICES
- 3.1 Lista de servicios con iconos y descripciones
- 3.2 Tarjetas de precios simplificadas (sin precios concretos)
- 3.3 CTA a proyecto o contacto
- 3.4 Pie de página común
PROJECTS
- 4.1 Grid de proyectos con filtros por categoría
- 4.2 Cada proyecto muestra imagen, título y breve descripción al hover
- 4.3 Lightbox modal para detalles del proyecto
- 4.4 Pie de página común
CASE STUDIES
- 5.1 Lista de casos de estudio con imagen destacada y resumen
- 5.2 Enlace a publicación completa
- 5.3 Pie de página común
BLOG
- 6.1 Tarjetas de artículos con imagen, título, excerpt y fecha
- 6.2 Paginación simple
- 6.3 Sidebar con categorías y etiquetas
- 6.4 Pie de página común
CONTACT
- 7.1 Formulario de contacto con campos nombre, email, mensaje
- 7.2 Información de contacto rápido y mapa estático
- 7.3 Enlaces a redes sociales
- 7.4 Pie de página común
PROMPTS RELACIONADOS · BELLEZA / SPA
