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

Soft Ámbar — Prompt de diseño web para Claude AI

Plataforma de networking y colaboración para creadores de contenido digital Conecta, crea y crece en comunidad.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Soft Ámbar — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web completa para la marca ficticia Soft Ámbar (plataforma de networking y colaboración para creadores), usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio fuente analizado, sin copiar texto ni imágenes originales. - Paleta de colores: #101010 (negro profundo), #FFFFFF (blanco), #F5F5F5 (gris claro) y acentos #FF6600 (naranja). - Tipografía: Inter (sans‑serif) para encabezados y cuerpo, cargada desde Google Fonts. - Header: barra fija con logo "Soft Ámbar" (SVG placeholder) y enlaces ancla (/Sobre, /Evento, /Testimonios, /Contacto). Menú responsive con icono hamburguesa y animación de líneas bajo los enlaces al hover. - Hero: sección full‑height con dos titulares grandes superpuestos (ej.
4.114 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.114 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
Soft Ámbar — 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 y enlaces ancla
  • 1.2 Hero con titulares superpuestos, texto intro y botones primario/ secundario
  • 1.3 Marquee horizontal de palabras clave
  • 1.4 Sección "Misión" con título dual y cuatro bloques de valores
  • 1.5 Sección "Evento actual" con tarjetas de agenda y contadores
  • 1.6 Testimonios (placeholder)
  • 1.7 Llamada a la acción final con formulario breve
  • 1.8 Footer con enlaces de contacto y redes sociales

ABOUT

  • 2.1 Título de sección "Sobre nosotros"
  • 2.2 Texto descriptivo de la comunidad
  • 2.3 Imagen o ilustración decorativa

EVENT

  • 3.1 Título "Agenda" y fecha del evento
  • 3.2 Lista de actividades con iconos y descripciones
  • 3.3 Botón para descargar agenda completa

TESTIMONIAL

  • 4.1 Carrusel de testimonios de influencers
  • 4.2 Foto, nombre y cita breve

CTA

  • 5.1 Formulario sencillo (nombre, email)
  • 5.2 Botón de envío "Reserva mi plaza"

FOOTER

  • 6.1 Logo miniatura y claim
  • 6.2 Enlaces de navegación secundaria
  • 6.3 Íconos de redes sociales
  • 6.4 Información de contacto y copyright
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría