NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa usando HTML estático, Tailwind CSS CDN y JavaScript vanilla (un solo archivo). Marca ficticia: Cloud Ámbar, dominio cloudambar.com, claim "Herramientas que facilitan el trabajo en equipo". Emplea la siguiente paleta de colores: #0A2540 (azul marino profundo), #1E3A8A (azul real), #3B82F6 (azul brillante), #F9FAFB (gris muy claro), #E5E7EB (gris claro), #111827 (gris casi negro) para fondos, textos y botones. Tipografía: Inter (Google Font) para todo el cuerpo, con peso 400/500/700 según corresponda y tamaños responsive (text-sm, text-base, text-2xl, etc.).
Estructura y componentes:
- Header: barra de navegación fija con logo "Cloud Ámbar" a la izquierda, enlaces (Home, Landing Pages, Company, Others, Blog, Contact) alineados a la derecha, fondo blanco, sombra
4.368 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.368 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 Hero con título principal, subtítulo, párrafo descriptivo y botón primario/segundario, imagen de portada y elemento decorativo
- 1.2 Grid de landing pages: 6 tarjetas con imagen y título, una tarjeta "Coming Soon"
- 1.3 Grid de páginas corporativas: 9 tarjetas (About, Pricing V1‑V3, Careers, Team, Services, Press, Blog)
- 1.4 Grid de otras páginas: 2 tarjetas (Contact V1, Contact V2)
- 1.5 Footer (enlace a políticas, redes, contacto)
ABOUT
- 1.1 Sección de presentación de la empresa con imagen y texto
- 1.2 Equipo con tarjetas de miembros
- 1.3 Valores y misión
PRICING V1
- 1.1 Tabla de precios con tres planes, botón CTA
- 1.2 Comparativa de características
PRICING V2
- 1.1 Variante de tabla con diseño alternativo
PRICING V3
- 1.1 Diseño avanzado con tarjetas resaltadas
CAREERS
- 1.1 Listado de ofertas de empleo
- 1.2 Formulario de aplicación rápida
TEAM
- 1.1 Grid de perfiles, foto, nombre, cargo
SERVICES
- 1.1 Lista de servicios con iconos y descripciones
PRESS
- 1.1 Galería de notas de prensa y medios
BLOG
- 1.1 Feed de artículos, tarjetas con imagen y extracto
CONTACT V1
- 1.1 Formulario de contacto simple, mapa integrado
CONTACT V2
- 1.1 Formulario avanzado con campos adicionales y sección FAQ
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 11/07/2026
PROMPTS RELACIONADOS · SAAS / STARTUP
