NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Tech Atlas" (techatlas.com) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Replicar el diseño visual y la estructura del sitio de referencia (portafolio creativo) sin copiar contenido literal.
**Alcance**: generar todas las páginas listadas en la tabla (HOME, ABOUT, PORTFOLIO, CONTACT) con sus bloques enumerados, mantener la navegación sticky, hero sections, rejilla de presentaciones y footer minimalista.
**Stack**:
- `<link href="https://cdn.jsdelivr.net/npm/tailwindcss@3/dist/tailwind.min.css" rel="stylesheet">`
- `<script>` al final del body para interacciones (menú móvil, animaciones de aparición, filtro de galería).
**Paleta de colores** (hex):
- Fondo principal: #FFFFFF
- Texto principal
5.977 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.977 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 Barra de navegación sticky con logo centrado y menú lateral colapsable
- 1.2 Hero intro (título destacado, texto de apoyo)
- 1.3 Botones de acción (Compra ahora, Ver todas las plantillas)
- 1.4 Rejilla de presentación de Home 01, Home 02, Home 03
- 1.5 Rejilla de presentación de Portfolio 01
ABOUT
- 2.1 Barra de navegación (reutilizada)
- 2.2 Hero con título y párrafo descriptivo
- 2.3 Sección de valores o servicios en tres columnas
- 2.4 Testimonios rotativos
- 2.5 Llamada a acción con botón de contacto
PORTFOLIO
- 3.1 Barra de navegación
- 3.2 Galería de proyectos en cuadrícula responsive
- 3.3 Filtro de categorías
- 3.4 Detalle de proyecto con imágenes grandes y descripción
- 3.5 Botón volver al portafolio
CONTACT
- 4.1 Barra de navegación
- 4.2 Formulario de contacto con campos nombre, email, mensaje
- 4.3 Información de contacto y mapa incrustado
- 4.4 Botón enviar
- 4.5 Enlaces a redes sociales en footer
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