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

Lab Boreal — Prompt de diseño web para Claude AI

Plataforma SaaS de gestión de proyectos y colaboraciones en la nube Herramientas simples para equipos productivos.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Lab Boreal — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia **Lab Boreal** (dominio labboreal.com) usando **HTML estático con Tailwind CSS vía CDN** y **JavaScript vanilla** en un único archivo. Emula la estética de una plantilla SaaS moderna: fondo blanco, acentos en azul profundo (#0A192F), azul claro (#1E40AF) y gris suave (#F3F4F6). Usa la tipografía "Inter" para encabezados y "Roboto" para cuerpos. **Estructura general** - `header` fijo con logo a la izquierda, menú de navegación centrado con mega‑dropdowns (Home, Pricing, Blog, Company, Resources) y botón CTA "Sign Up" a la derecha. Menú responsive colapsa en icono hamburguesa. - `main` compuesto por los bloques enumerados en "secciones". Cada bloque debe usar clases Tailwind para márgenes, grid y flex, incluir transiciones suaves al pasar el
4.108 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.108 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
Lab Boreal — 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 fija con logo, menú mega‑dropdown y botón CTA
  • 1.2 Hero principal con título, subtítulo y formulario de registro
  • 1.3 Cuadrícula de características destacadas con iconos y descripciones
  • 1.4 Sección de métricas numéricas animadas
  • 1.5 Testimonios en carrusel horizontal
  • 1.6 Integraciones mostradas como logos en fila
  • 1.7 Llamada a la acción final con formulario y botón
  • 1.8 Footer con enlaces de empresa, recursos y contactos

ABOUT

  • 2.1 Hero interno con título y breve descripción
  • 2.2 Historia de la empresa en dos columnas con imagen
  • 2.3 Valores y misión en tarjetas
  • 2.4 Equipo con fotos y cargos
  • 2.5 CTA de contacto

PRICING

  • 3.1 Tabla comparativa de planes con características
  • 3.2 FAQ desplegable
  • 3.3 CTA de prueba gratuita

BLOG

  • 4.1 Lista de artículos en tarjetas con imagen, título y extracto
  • 4.2 Sidebar con categorías y últimos posts
  • 4.3 Paginación

CONTACT

  • 5.1 Formulario de contacto completo
  • 5.2 Mapa embebido
  • 5.3 Información de contacto y redes sociales
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría