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

Marketing Ónix — Prompt de diseño web para Claude AI

Agencia digital especializada en diseño web y branding Diseñamos experiencias digitales coherentes y elegantes.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Marketing Ónix — 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 Marketing Ónix (agencia digital) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio analizado: - **Paleta de colores**: fondo blanco (#ffffff), texto negro (#000000), acentos gris oscuro (#222222) y azul profundo para enlaces y botones (#0d4efd). - **Tipografía**: fuentes de Google "Inter" para cuerpo y "Playfair Display" para títulos, tamaños variados (título hero 4rem, subtítulo 2rem, cuerpo 1rem). - **Header**: barra fija con logo a la izquierda (placeholder <img src='logo.png' alt='Marketing Ónix'>), menú horizontal con enlaces Home, About, Work, Blog, Contact, y grupo de iconos sociales (Instagram, Facebook, Twitter, LinkedIn) alineados a la derecha. M
4.308 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.308 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
Marketing Ónix — 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, menú y redes sociales
  • 1.2 Hero con título, subtítulo y animación Lottie
  • 1.3 Sección Home – grid de 3 tarjetas de presentación
  • 1.4 Sección Work – grid de 3 tarjetas de proyecto
  • 1.5 Sección Blog – grid de 3 tarjetas de artículo
  • 1.6 Sección Pages – grid de 4 enlaces a páginas internas
  • 1.7 Footer con sitemap, contacto, newsletter y copyright

ABOUT

  • 2.1 Header (reutiliza del Home)
  • 2.2 Hero interno con título y texto descriptivo
  • 2.3 Historia de la agencia en dos columnas
  • 2.4 Equipo en grid de perfiles
  • 2.5 Footer (reutiliza del Home)

WORK

  • 3.1 Header
  • 3.2 Hero con filtro de proyectos
  • 3.3 Grid de proyectos con imágenes y títulos
  • 3.4 Detalle de proyecto (imagen grande, descripción, métricas)
  • 3.5 Footer

BLOG

  • 4.1 Header
  • 4.2 Hero con búsqueda y categorías
  • 4.3 Lista de artículos en cards (imagen, título, excerpt)
  • 4.4 Paginación
  • 4.5 Footer

CONTACT

  • 5.1 Header
  • 5.2 Hero con formulario de contacto
  • 5.3 Información de ubicación y datos de contacto
  • 5.4 Mapa incrustado (placeholder)
  • 5.5 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 04/06/2026
PROMPTS RELACIONADOS · AGENCIA DIGITAL

Otros prompts de la misma categoría