TECHNOLOGY · Claude Design · HTML

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

★★★★★4,9 4.518 descargas

Consultoría de diseño de productos digitales Crear experiencias digitales limpias y funcionales.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Create a complete single‑file website for the fictitious brand "Tech Alba" (a digital product design consultancy) using only HTML, Tailwind CSS CDN and vanilla JavaScript. The design must replicate the visual patterns of the provided source: a sticky header with logo left, centered navigation links (Home, About, Services, Skills, Process, Portfolio, Pricing, Testimonials, FAQ, Contact) and a primary "Hire Me" button on the right, plus a hamburger menu for mobile. Use a dark‑light contrast palette: #0A0A0A (deep black), #FFFFFF (white), #1E40AF (royal blue), #F3F4F6 (light gray) and #3B82F6 (accent blue). Typography: heading font "Montserrat" (weight 700), body font "Inter" (weight 400). 

Structure the home page into the numbered sections described in the "secciones" field, preserving layo

≥←│╚→²←╩ │♠♣║δ╡█ ▓∞─║≥←≡ █∞σ♦↓╗▒ ═┼♣▓φ│└ ─↑≥╔┼└┼ ─δπ╦▒♠
 Σ▒╔═ⁿΣ└ ╗≡╦─╗Ω♠ ≡πµδ↔░≥ ╚╣┴π²╦α ╫↓▒ⁿ│∩↔ δ╔α╦σ▀◙ ±∩τΦ²
→ ←╩≡┬ß↓╫ ╬σ╚╡πßα ▓τ═╗╬■Φ ╦┤╠╦π╚═ ≥♣↓╬╠╦░ ■εα↑±∩├ ◙♣♣←
├┴ ╫╔╣└²ε┼ ←τ║├∩♠Ω ╚²║╡±≥╠ ╔░├±↓≡τ α←╔│δ┤τ └║π→Σ²└ µσ─
↓α╩ ↔╝→╡◘ß∞ ╩≤↑└◘♠ε ╫░φ█▀•├ █▀┤░└♦┬ ║ⁿ♦╬→◙║ √ßß└•╠φ ↑┴
√├╦═ Σ◙∞┤◙╣≡ ╣Ω▓▀↓─√ ╚∞╩█═∞╚ ┴┼◘┴╫╬σ ♣╬◘→└┬π ε╡∩◘│╣╗ ═
╗┬²δΩ ╦═≥▓↔═δ ααⁿ▀•╡│ ├∩∞±└╝♣ ≥φ║─╡═≡ ²╝↔└╝◘• ╚┴≡♣│╫Σ 
µ┴ßε↓√ φ↔║♦└±└ •◘τ↑╠┤◙ └┤♦╠∞δ╫ ╩σ┴▒↑▓╠ Σ∞≡≥◙╝∩ •Φ≥♣∩╔∞
╝┬╔∞ε╠↓ ╠Σ┤•♣♣ⁿ φ▓▀◘■≥α ╣▒╫Σπ█≥ ╡▀♦▓├▓═ ↔╣→╦Ω╝▓ ▒♣µ≥♦╠
 ⁿ♣┬±±→τ ◘╠─┬┼σ═ ⁿ╫╩√╡─▀ ▀╬→Σ²ßⁿ ╗π╠←↓Ω▓ ╣ⁿ∞α≥▒╡ ◘√╩▀≥
↔ ♣╡╫■↔φπ █π┤²εß◙ π≡∞◘τ▀≤ ↓→┼█ΣΦ▀ ╣ßφΩ▓Σσ ╚█♦╬■±ε

4.474 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo

4.474 caracteres · licencia libre Solo descarga completa disponible

CAPTURA COMPLETA · HOME

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 logotipo, menú principal y botón de contacto
1.2 Hero con título, descripción, botones primario y secundario, ilustración y badge de disponibilidad
1.3 Bloque de confianza mostrando número de partners
1.4 Servicios destacados con iconos y descripción
1.5 Proceso de trabajo en pasos numerados
1.6 Portfolio con tarjetas de proyecto y filtro
1.7 Tabla de precios con tres planes
1.8 Testimonios tipo carousel
1.9 Preguntas frecuentes en acordeón
1.10 Formulario de contacto con campos básicos y mapa estático
1.11 Footer con enlaces rápidos, redes sociales y datos de la empresa

SERVICES

2.1 Encabezado de sección Services
2.2 Tarjetas de servicio con icono, título y breve descripción
2.3 Llamado a la acción para solicitar una propuesta

PORTFOLIO

3.1 Encabezado de sección Portfolio
3.2 Filtro de categorías
3.3 Tarjetas de proyecto con imagen, título y breve texto
3.4 Botón para ver más proyectos

PRICING

4.1 Encabezado de sección Pricing
4.2 Tabla comparativa de tres planes con características y botón elegir

FAQ

5.1 Encabezado de sección FAQ
5.2 Lista de preguntas colapsables con respuesta

CONTACT

6.1 Encabezado de sección Contact
6.2 Formulario con nombre, email, asunto y mensaje
6.3 Botón enviar
6.4 Información de contacto y mapa estático

PROMPTS RELACIONADOS · TECHNOLOGY

Otros prompts de la misma categoría

Ficha de marca

Nombre: Tech Alba
Sector: Consultoría de diseño de productos digitales
Claim: Crear experiencias digitales limpias y funcionales

Para que Claude replique el diseño con la mayor fidelidad posible, descarga la captura y adjúntala en tu chat antes de pegar el prompt.

Descargar captura de referencia

Bloques de la home

1.1 Header con logotipo, menú principal y botón de contacto
1.2 Hero con título, descripción, botones primario y secundario, ilustración y badge de disponibilidad
1.3 Bloque de confianza mostrando número de partners
1.4 Servicios destacados con iconos y descripción
1.5 Proceso de trabajo en pasos numerados
1.6 Portfolio con tarjetas de proyecto y filtro
1.7 Tabla de precios con tres planes
1.8 Testimonios tipo carousel
1.9 Preguntas frecuentes en acordeón
1.10 Formulario de contacto con campos básicos y mapa estático
1.11 Footer con enlaces rápidos, redes sociales y datos de la empresa

Create your own Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

Diseña con Claude Design

¿Te gusta este theme? Instala Claude Design y crea el tuyo hablando con Claude.

Instalar Claude Design ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

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

Cópialo y pégalo en Claude Design

Convierte este prompt en diseño real

Tabla de secciones