Carrito Iniciar sesión
MODA · Claude Design · HTML

Atelier Vega — Prompt de diseño web para Claude AI

Plataforma de documentación y guías técnicas para desarrolladores Contenido claro para proyectos ágiles.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Atelier Vega — 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 Atelier Vega (ateliervega.com) siguiendo el patrón de UI de una documentación técnica. Utiliza HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #1E40AF (azul accent), #F3F4F6 (gris claro) y #2563EB (botón). Tipografía: Inter var, peso 400‑600. HEADER: barra superior fija con logo SVG ficticio a la izquierda, versión "v.1.3" en tag gris, botón de menú hamburguesa (animación lottie opcional) a la derecha para dispositivos móviles. Fondo blanco, sombra ligera. SIDEBAR NAV: panel colapsable a la izquierda que muestra enlaces principales (Inicio, Guía rápida, Instalación, Ejemplos, Demos, Visión general, Personalización, Problemas comunes, Integraciones). C
4.161 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.161 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
Atelier Vega — 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, versión y menú colapsable
  • 1.2 Barra lateral de navegación con enlaces a secciones y sub‑items
  • 1.3 Área principal de contenido con título, descripción, bloques de texto, encabezados, snippets de código y listas
  • 1.4 Sección de artículos populares en cuadrícula
  • 1.5 Footer con enlaces administrativos y crédito
  • 1.6 Modal de búsqueda emergente
  • 1.7 Indicador de progreso de lectura

GETTING STARTED (artículo)

  • 1.1 Breadcrumbs y título del artículo
  • 1.2 Introducción en párrafo grande
  • 1.3 Sub‑sección CDN con texto y bloque de código HTML
  • 1.4 Sub‑sección Bundler con texto y bloques de código shell y JavaScript
  • 1.5 Sub‑sección Next steps con lista de enlaces internos
  • 1.6 Lista de artículos populares al final del artículo

SEARCH MODAL

  • 1.1 Formulario de búsqueda con input y botón
  • 1.2 Botón de cierre del modal
PROMPTS RELACIONADOS · MODA

Otros prompts de la misma categoría