Cart Log in
DIGITAL AGENCY · Claude Design · HTML

ColaMundo — Prompt de diseño web para Claude AI

Servicios integrales para mascotas Cuidamos a tu mascota como a casa.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático para la marca ficticia "ColaMundo" (colamundo.com) que actúe como agencia digital de servicios para mascotas. Usa HTML único en un solo archivo, Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Paleta de colores: #F8BA5D (amarillo cálido), #2C3E50 (azul gris oscuro), #FFFFFF (blanco), #F0F0F0 (gris claro), #000000 (negro). Tipografía: Inter para títulos y texto, peso 600 para headings y 400 para párrafos, cargada desde Google Fonts. Estructura: - Header fijo con logo (SVG abstracto) a la izquierda y menú horizontal (Home, Sobre Nosotros, Servicios, Contacto). Iconos SVG minimalistas al lado de cada enlace. En móvil, colapsar a hamburguesa. - Hero sección: fondo degradado sutil, título grande "Cuidamos a tu mascota como a casa", subtítulo descriptivo y
3.497 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.497 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
ColaMundo — 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 Header con logo y menú principal
  • 1.2 Hero con título, subtítulo y botón CTA
  • 1.3 Sección de servicios en tres columnas con iconos
  • 1.4 Área de ventajas con contadores animados
  • 1.5 Testimonios en carrusel
  • 1.6 Galería de imágenes de mascotas
  • 1.7 Formulario de reserva rápida
  • 1.8 Footer con enlaces, redes y datos de contacto

ABOUT US

  • 2.1 Header idéntico al Home
  • 2.2 Hero con foto del equipo y mensaje institucional
  • 2.3 Texto descriptivo de la historia
  • 2.4 Cards del equipo con foto, nombre y rol
  • 2.5 Valores en cuadrícula de iconos
  • 2.6 Footer común

SERVICES

  • 3.1 Header común
  • 3.2 Lista de servicios con iconos y breves descripciones
  • 3.3 Sección de precios simplificada (sin cifras concretas)
  • 3.4 CTA para solicitar cita
  • 3.5 Footer común

CONTACT

  • 4.1 Header común
  • 4.2 Mapa embebido y datos de contacto
  • 4.3 Formulario de contacto completo
  • 4.4 Redes sociales y horario
  • 4.5 Footer común
PROMPTS RELACIONADOS · DIGITAL AGENCY

Otros prompts de la misma categoría