Carrito Iniciar sesión
TECNOLOGÍA · Claude Design · HTML

Tech Rastrojo — Prompt de diseño web para Claude AI

Agencia de diseño y desarrollo digital Ideas frescas para marcas modernas.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Tech Rastrojo — 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 Tech Rastrojo (agencia de diseño y desarrollo digital) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. La web debe contener: - Paleta de colores: #0D1B2A (azul marino oscuro), #1B263B (gris azulado), #415A77 (azul medio), #E0E1DD (gris claro), #FF6B6B (acento rojo coral). - Tipografía: "Inter", sans‑serif para todo el texto; usar tamaños y pesos típicos (font‑light, font‑regular, font‑semibold, font‑bold). - Header: barra superior fija con logo "Lúmina" ("Lú" en #FF6B6B, resto en #0D1B2A), enlaces de menú desplegable (Layouts, UI Kit) y botón de menú lateral (icono hamburguesa). El dropdown muestra enlaces internos con subtítulos. - Aside menu: panel lateral que se despliega desde la izquierda al pulsar el botó
4.165 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.165 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
Tech Rastrojo — 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 Barra de navegación superior con logo y dropdowns
  • 1.2 Menú lateral ocultable con enlaces principales y redes sociales
  • 1.3 Hero principal con título destacado y botón CTA
  • 1.4 Bloque de presentación con texto y columnas de imagen
  • 1.5 Cuadrícula de proyectos destacados
  • 1.6 Sección de servicios con iconos y descripciones
  • 1.7 Testimonios rotativos
  • 1.8 Llamada a la acción final
  • 1.9 Footer con enlaces, redes sociales y datos de contacto

PROJECTS

  • 2.1 Cabecera con filtro de categorías
  • 2.2 Grid de tarjetas de proyecto con imágenes y hover
  • 2.3 Paginación simple
  • 2.4 Footer común

SERVICES

  • 3.1 Lista de servicios en columnas con iconos
  • 3.2 Detalle de cada servicio al hacer clic
  • 3.3 CTA de contacto
  • 3.4 Footer común

BLOG

  • 4.1 Lista de artículos con imágenes, título y extracto
  • 4.2 Sidebar con últimas entradas y categorías
  • 4.3 Paginación
  • 4.4 Footer común

CONTACT

  • 5.1 Formulario de contacto con campos básicos
  • 5.2 Mapa incrustado
  • 5.3 Información de oficinas
  • 5.4 Footer común
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría