NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CDN y JavaScript vanilla en un solo archivo que reproduzca el diseño visual y la estructura de un portafolio creativo inspirado en la descripción proporcionada. La marca ficticia es Digital Vitela (digitalvitela.com). Usa la siguiente paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #E5E5E5 (gris claro), #FF5A5F (rojo coral para acentos) y #202020 (gris casi negro para fondos de secciones. Tipografía principal: 'Inter', sans‑serif; encabezados en peso 700, cuerpo en 400.
Estructura:
1. Header (sticky): logo SVG ficticio a la izquierda, menú horizontal (Home, About, Projects, Services, Blog, Contact), botón "Contact" con estilo de contorno, dropdown "Pages" con enlaces genéricos. En móviles, colapsar en icono hamburger que de
4.059 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.059 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 Header con logo, menú principal, botón de contacto y dropdown.
- 2.1 Hero con subtítulo, título, imagen, vídeo de fondo, texto descriptivo y contadores animados.
- 3.1 Sección Projects con título y grid de tarjetas.
- 4.1 Footer con información de contacto y enlaces sociales.
ABOUT
- 1.1 Header (reutilizado).
- 2.1 Bloque de presentación personal con foto y texto.
- 3.1 Timeline de experiencia y habilidades.
- 4.1 Footer.
PROJECTS
- 1.1 Header.
- 2.1 Grid de proyectos con imágenes, títulos y breves descripciones.
- 3.1 Filtro por categoría.
- 4.1 Footer.
SERVICES
- 1.1 Header.
- 2.1 Lista de servicios con iconos y descripciones.
- 3.1 Testimonios en carrusel.
- 4.1 Footer.
BLOG
- 1.1 Header.
- 2.1 Lista de artículos con imágenes destacadas y extractos.
- 3.1 Sidebar con categorías y newsletter.
- 4.1 Footer.
CONTACT
- 1.1 Header.
- 2.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar.
- 3.1 Mapa incrustado y datos de contacto.
- 4.1 Footer.
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 01/07/2026
PROMPTS RELACIONADOS · TECNOLOGÍA
Otros prompts de la misma categoría
PROMPTTecnología
Lumenova Labs
★★★★★ 885 descargas
GRATIS0€
PROMPTTecnología
LumenSpark
★★★★★ 2.148 descargas
GRATIS0€
PROMPTTecnología
Lumenova Apps
★★★★★ 2.277 descargas
GRATIS0€
google/gemini-2.5-flash-image
PROMPTTecnología
Lectorio
★★★★★ 3.191 descargas
GRATIS0€
google/gemini-2.5-flash-image