Cart Log in
MISCELLANEOUS · Claude Design · HTML

Taller Austral — Prompt de diseño web para Claude AI

Plataforma de documentación y recursos para desarrolladores y usuarios Centro de conocimiento y soporte.

↓ Descargar PROMPT.md
+0
0 0
FREE 0€
Taller Austral — vista previa
NEW PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo llamado "Taller Austral" (dominio talleraustral.com, email hola@talleraustral.com, año 2026) con la siguiente especificación y usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript puro (vanilla) para animaciones y efectos. La web pertenece a la categoría "Documentación". Objetivo: replicar el patrón visual de una plataforma de documentación con buscador central, tarjetas de procesos y listado de recursos temáticos. --- **Paleta de colores** (usar en Tailwind custom variables): - Primary: #1E3A8A (azul oscuro) - Secondary: #F59E0B (amarillo) - Accent: #10B981 (verde teal) - Light: #F3F4F6 (gris muy claro) - Dark: #111827 (gris casi negro) **Tipografía**: Inter var (Google Fonts) para títulos y cuerpo, peso 400/600. **Header** (navbar) – po
4.891 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.891 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
Taller Austral — 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 Navbar con logo, menú desplegable y enlaces principales + botón Sign Up
  • 1.2 Hero: título grande, barra de búsqueda con botón y icono, etiquetas populares
  • 1.3 Sección Process: rejilla de 6 tarjetas, cada una con imagen, título y descripción breve, bordes de colores diferentes
  • 1.4 Sección Resource: lista de 8 bloques de contenido, cada uno con título y párrafo descriptivo
  • 1.5 Footer: zona de enlaces secundarios y datos de contacto (generado implícitamente)

DOCUMENTATION

  • 2.1 Cabecera interna con breadcrumb y menú lateral (placeholder)
  • 2.2 Contenedor principal con índice de artículos y área de lectura

FORUM

  • 3.1 Cabecera con búsqueda y filtros de tema
  • 3.2 Lista de hilos con tarjetas resumen

BLOG

  • 4.1 Lista de entradas con imagen destacada, título y extracto
  • 4.2 Sidebar con categorías y últimos posts

FAQ

  • 5.1 Preguntas frecuentes en acordeón
  • 5.2 Barra de búsqueda específica para FAQ
PROMPTS RELACIONADOS · MISCELLANEOUS

Otros prompts de la misma categoría