Carrito Iniciar sesión
AGENCIA DIGITAL · Claude Design · HTML

Branding Brisa — Prompt de diseño web para Claude AI

Agencia digital especializada en soluciones web y apps Diseñamos experiencias digitales coherentes y funcionales.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Branding Brisa — 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 **Branding Brisa** usando **HTML** + **Tailwind CSS (CDN)** + **JavaScript vanilla** en un solo archivo. La web debe replicar la estructura visual del sitio analizado sin copiar contenido textual. **Alcance**: página HOME y plantillas para Demo, Inner Pages, Utility Page y Authentication. Cada página debe incluir la cabecera fija, hero, carrusel de imágenes tipo ticker, secciones de demos y footer. **Paleta de colores**: - Primario: #0D3B66 - Secundario: #FAF0CA - Accent: #F4D35E - Texto oscuro: #1B1B1E - Fondo claro: #FFFFFF **Tipografía**: Google Font *Inter* para títulos y *Open Sans* para cuerpo. **Header**: barra negra con logo SVG placeholder, menú horizontal (Home, Demos, Inner Pages, Utility Pages, Authentication) y bot
3.830 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.830 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
Branding Brisa — 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 Cabecera fija con logo y navegación principal
  • 2.1 Hero principal con título, texto explicativo y dos botones CTA
  • 3.1 Carrusel de imágenes tipo ticker con duplicado de contenido visual
  • 4.1 Sección de demos con enlaces a ejemplos de trabajo
  • 5.1 Enlaces a páginas internas (inner pages, utility pages, authentication)
  • 6.1 Footer con enlaces de navegación, contactos y redes sociales

DEMO PAGE

  • 1.1 Cabecera (reutilizada)
  • 2.1 Título de la demo y descripción breve
  • 3.1 Galería de screenshots o vídeo
  • 4.1 Botón de descarga o visita
  • 5.1 Footer (reutilizado)

INNER PAGES

  • 1.1 Cabecera
  • 2.1 Lista de páginas internas con preview y breve descripción
  • 3.1 Navegación secundaria
  • 4.1 Footer

UTILITY PAGE

  • 1.1 Cabecera
  • 2.1 Información de utilidad (404, términos, privacidad, etc.)
  • 3.1 Footer

AUTHENTICATION

  • 1.1 Cabecera
  • 2.1 Formulario de login y registro
  • 3.1 Enlaces a recuperación de contraseña
  • 4.1 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL

Otros prompts de la misma categoría