NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Nimbus Lab siguiendo el mismo diseño y estructura que la plantilla analizada. Usa HTML5 con Tailwind CSS vía CDN y vanilla JavaScript en un solo archivo. Paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #1E40AF (azul primario), #3B82F6 (azul resaltado), #F3F4F6 (gris claro). Tipografía: Inter (Google Fonts) para todo el cuerpo, con peso 400/600 y Zilla Slab para encabezados (peso 700).
Header: barra de navegación fija, logo texto "Nimbus Lab" a la izquierda, menú centrado con enlaces Home, About, Services, Skills, Process, Portfolio, Pricing, Testimonials, FAQ, Contact; botón primario "Hire Us" a la derecha. En móvil, colapsar a hamburger que despliega menú vertical con íconos de redes sociales (LinkedIn, Dribbble).
Home
3.979 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.979 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 fija con logo y menú hamburger
- 1.2 Hero con título, párrafo, botones primario y secundario, reseña de clientes y visual decorativo
- 1.3 Bloque de socios con título y grid de logotipos
- 1.4 Sección de servicios en tarjetas con iconos
- 1.5 Sección de habilidades con barras de progreso
- 1.6 Proceso de trabajo en pasos numerados
- 1.7 Portafolio con galería de proyectos
- 1.8 Tabla de precios con tres planes
- 1.9 Testimonios rotativos con foto y texto
- 1.10 FAQ acordeón
- 1.11 Formulario de contacto con campos y botón
- 1.12 Footer con enlaces, redes sociales y copyright
SERVICES
- 2.1 Encabezado de servicios
- 2.2 Grid de tarjetas de servicio con icono, título y descripción breve
ABOUT
- 3.1 Imagen de presentación del fundador
- 3.2 Texto descriptivo de la agencia y misión
- 3.3 Estadísticas clave en columnas
SKILLS
- 4.1 Título de habilidades
- 4.2 Lista de habilidades con barras de nivel
PROCESS
- 5.1 Título del proceso
- 5.2 Paso 1: Investigación
- 5.3 Paso 2: Ideación
- 5.4 Paso 3: Prototipo
- 5.5 Paso 4: Desarrollo
- 5.6 Paso 5: Lanzamiento
PORTFOLIO
- 6.1 Galería filtrable de proyectos con imágenes y hover
PRICING
- 7.1 Tabla comparativa de tres planes con características y CTA
TESTIMONIALS
- 8.1 Carrusel de testimonios con foto, nombre y comentario
FAQ
- 9.1 Lista de preguntas y respuestas en acordeón
CONTACT
- 10.1 Formulario de contacto (nombre, email, asunto, mensaje) y botón enviar
- 10.2 Información de contacto y mapa estático
FOOTER
- 11.1 Enlaces rápidos, redes sociales, y texto de derechos reservados
PROMPTS RELACIONADOS · PORTAFOLIO
