NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **CuboTec** (dominio cubotec.com) usando **HTML estático + Tailwind CSS vía CDN + JavaScript vanilla** en un solo archivo. La web debe replicar la estructura y estilo del sitio analizado, sin copiar texto ni imágenes originales. Utiliza la siguiente paleta de colores (extraída del diseño):
- #0D0D0D (gris muy oscuro para fondos y textos primarios)
- #FFFFFF (blanco para textos sobre fondos oscuros)
- #1A73E8 (azul accent para botones y enlaces)
- #F5F5F5 (gris claro para secciones con fondo claro)
- #E0E0E0 (gris medio para divisores)
Tipografía: **Inter** (Google Font) para todo el texto, con pesos 400, 600, 700. Encabezados con `font-bold` y tamaño responsive (h1 ~4xl, h2 ~3xl, h3 ~2xl). Usa utilidad `container mx-auto px-4` para anchos.
5.135 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.135 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 Navbar con logo, enlaces principales y botón de llamada a acción
- 1.2 Hero con título y subtítulo centrados
- 1.3 Bloque de estadísticas (páginas únicas, secciones y bloques)
- 1.4 Información de archivo Figma incluido
- 1.5 Galería de 3 homepages de ejemplo
- 1.6 Galería de 17 inner pages de ejemplo
ABOUT
- 2.1 Header idéntico al de Home
- 2.2 Texto explicativo de la empresa (placeholder)
- 2.3 Imagen ilustrativa
- 2.4 CTA de contacto
CAREERS
- 3.1 Header común
- 3.2 Lista de ofertas de empleo (placeholder)
- 3.3 Formulario breve de aplicación
INSIGHTS
- 4.1 Header común
- 4.2 Grid de artículos de blog
- 4.3 Filtro por categoría
CASE STUDY
- 5.1 Header común
- 5.2 Detalle de caso de éxito con imágenes y texto
CONTACT
- 6.1 Header común
- 6.2 Formulario de contacto sencillo
- 6.3 Mapa incrustado (placeholder)
FAQ
- 7.1 Header común
- 7.2 Lista de preguntas frecuentes con acordeón
PROMPTS RELACIONADOS · EDUCACIÓN
