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

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

Agencia de diseño y desarrollo digital Soluciones digitales que hacen visible tu visión.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Create a full‑page website for the fictitious brand **Lab Polar** (digital design & development agency). Use only a single HTML file, Tailwind CSS via CDN, and vanilla JavaScript for interactions. Follow the visual pattern of the source template: a sticky header with logo on the left, a navigation menu (Home, About, Service, Pages dropdown, Blog) and a prominent "Contact us" button; a responsive hamburger menu on mobile. **Palette**: primary #0D3B66, secondary #FAF0CA, accent #F4D35E, dark #12263A, light #FFFFFF. **Typography**: Heading fonts – "Poppins", sans‑serif (weights 600‑700); body font – "Inter", sans‑serif (weights 400‑500). Load both from Google Fonts. **Home sections (ordered):** 1. **Header** – logo placeholder (svg), nav links with hover underline, dropdown for "Pages" co
4.574 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.574 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 Polar — 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, dropdown "Pages", enlace a Blog y botón "Contact us"
  • 1.2 Hero left block: subtítulo con punto decorativo, título grande, texto descriptivo, botón CTA "Let’s Work Together ?", reseña con número de usuarios activos y fotos de clientes
  • 1.3 Hero right block: tarjetas enlazadas a servicios "UIUX Design" y "Marketing" con iconos SVG
  • 1.4 (presunto) Footer con enlaces institucionales, redes sociales y datos de contacto

ABOUT

  • 2.1 Header (reutilizado)
  • 2.2 Sección de presentación de la empresa, misión y visión
  • 2.3 Equipo con tarjetas de miembros
  • 2.4 CTA para contactar

SERVICE

  • 3.1 Header
  • 3.2 Lista de servicios en grid con iconos, título y breve descripción
  • 3.3 Caso de estudio con imagen y texto
  • 3.4 CTA "Solicita una cotización"

BLOG

  • 4.1 Header
  • 4.2 Lista de artículos en formato tarjeta, imagen, título, extracto y fecha
  • 4.3 Sidebar con categorías y últimas entradas
  • 4.4 Footer

CONTACT

  • 5.1 Header
  • 5.2 Formulario de contacto con campos nombre, email, asunto y mensaje
  • 5.3 Información de contacto y mapa embed
  • 5.4 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 09/06/2026
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría