Cart Log in
DIGITAL AGENCY · Claude Design · HTML

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

Agencia digital de diseño y desarrollo web Diseñamos experiencias digitales con claridad y elegancia.

↓ Descargar PROMPT.md
+0
0 0
FREE 0€
Agencia Ónix — vista previa
NEW PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia "Agencia Ónix" (agencia digital) usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Replicar la estructura y estilo del sitio original sin copiar texto ni imágenes específicas. Utiliza la siguiente paleta de colores: #0A0F24 (fondo oscuro), #1A2238 (cards), #F5F7FA (texto claro), #4A90E2 (acentos y botones), #FFFFFF (logo y overlay). Tipografía: 'Inter' para títulos y cuerpo, pesos 400 y 600. Header: barra fija con logo a la izquierda, menú de navegación centrado con dropdowns para Home, Projects, Pages, Blog, y botón de contacto a la derecha con borde degradado. Implementar menú móvil colapsable. Sección 1 (Hero): contenedor flex, columna izquierda con títulos animados (Introduce, Lúmina, Studio) y párrafo d
3.505 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.505 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.

Install Claude Design ↗
CAPTURA COMPLETA · HOME
Agencia Ó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ú principal y botón de contacto
  • 2.1 Hero con título destacado, descripción, botón de acción y mockup visual
  • 3.1 Sección CTA con bloques de texto rotatorios y símbolos decorativos
  • 4.1 Galería de páginas destacadas con tarjetas e imágenes
  • 5.1 Footer con enlaces de navegación, redes sociales y datos de contacto

ABOUT US

  • 1.1 Header reutilizado
  • 2.1 Hero con encabezado y texto introductivo
  • 3.1 Bloque de misión y valores con íconos
  • 4.1 Equipo en tarjetas con fotos y breves bio
  • 5.1 Footer reutilizado

PROJECTS

  • 1.1 Header reutilizado
  • 2.1 Hero de proyecto con título y filtro
  • 3.1 Grid de tarjetas de proyecto con imágenes y descripciones cortas
  • 4.1 Testimonios rotativos
  • 5.1 Footer reutilizado

BLOG

  • 1.1 Header reutilizado
  • 2.1 Hero de blog con título y subtítulo
  • 3.1 Lista de artículos con imagen, título y extracto
  • 4.1 Sidebar con categorías y últimos posts
  • 5.1 Footer reutilizado

CONTACT US

  • 1.1 Header reutilizado
  • 2.1 Hero de contacto con formulario de mensaje y datos de contacto
  • 3.1 Mapa integrado
  • 4.1 Información de oficina y horarios
  • 5.1 Footer reutilizado
PROMPTS RELACIONADOS · DIGITAL AGENCY

Otros prompts de la misma categoría