NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Codigo Coral" (dominio codigocoral.com, email hola@codigocoral.com, claim "Herramientas digitales que simplifican la colaboración"). El proyecto debe ser una landing page SaaS estilo oscuro y lujoso, implementado en un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. Utiliza la siguiente paleta de colores: #0A0A0A (fondo principal), #1F2937 (paneles y tarjetas), #3B82F6 (acentos y botones), #F9FAFB (texto claro), #6B7280 (texto secundario). Tipografía: "Inter" para títulos y cuerpo, importada desde Google Fonts.
Estructura y contenido:
**Header / Navbar** (posición sticky, fondo #1F2937, sombra ligera): logo rectangular (placeholder), enlaces: Home, About, Pricing, Feature (dropdown con Multilingual Support, Mon
4.984 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.984 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, enlaces principales y botones de registro y carrito
- 1.2 Hero principal con título destacado, descripción breve y botones CTA
- 1.3 Sección de casos de uso con tarjetas horizontales de icono, título y descripción corta
- 1.4 Sección de características con lista de ítems con icono y texto explicativo
- 1.5 Sección de prueba social / testimonios en carrusel
- 1.6 Formulario de suscripción a newsletter
- 1.7 Footer con enlaces de navegación secundaria, información de contacto y redes sociales
ABOUT
- 2.1 Banner interno con título de página y breve descripción
- 2.2 Texto descriptivo de la empresa con imágenes ilustrativas
- 2.3 Equipo con tarjetas de perfil y enlaces a redes
- 2.4 Valores y misión en bloques de icono + texto
- 2.5 Footer (repetido)
PRICING
- 3.1 Tabla comparativa de planes con características y botones de selección
- 3.2 Preguntas frecuentes en acordeón
- 3.3 CTA para contactar ventas
- 3.4 Footer
FEATURE
- 4.1 Lista de características detalladas con iconos y descripción
- 4.2 Video o animación demostrativa
- 4.3 Casos de uso relacionados
- 4.4 CTA secundario
- 4.5 Footer
USECASE
- 5.1 Grid de casos de uso por sector con icono, título y breve copy
- 5.2 Testimonios específicos del caso
- 5.3 CTA para probar la solución
- 5.4 Footer
BLOG
- 6.1 Lista de artículos en formato tarjeta con imagen, título, extracto y fecha
- 6.2 Sidebar con categorías y buscador
- 6.3 Paginación
- 6.4 Footer
CONTACT
- 7.1 Formulario de contacto completo
- 7.2 Información de ubicación y horarios
- 7.3 Mapa embebido
- 7.4 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA