Carrito Iniciar sesión
TECNOLOGÍA · Claude Design · HTML

Codigo Coral — Prompt de diseño web para Claude AI

Plataforma SaaS para gestión de proyectos y análisis de datos Herramientas digitales que simplifican la colaboración.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Codigo Coral — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
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
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
Codigo Coral — home completa
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

Otros prompts de la misma categoría