TECNOLOGÍA · Claude Design · HTML

Tech Ámbar — Prompt de diseño web para Claude AI

★★★★★4,6 4.069 descargas

Proveedor de servicios de telecomunicaciones y soluciones en la nube Infraestructura digital para crecer sin límites.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web estático completo para la marca ficticia **Tech Ámbar** (proveedor de telecomunicaciones y soluciones cloud) siguiendo el estilo del HTML proporcionado. Usa **HTML5**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. 

**Paleta de colores** (extraída del diseño original):
- Primary: #0D47A1 (azul profundo)
- Secondary: #1976D2 (azul medio)
- Accent: #FFC107 (amarillo vibrante)
- Background: #F5F5F5 (gris claro)
- Texto principal: #212121 (gris muy oscuro)

**Tipografía**: 
- Fuente principal: `Inter`, sans-serif (cargada vía Google Fonts). 
- Usar peso 400 para texto normal, 600 para subtítulos y 700 para títulos.

### Estructura requerida
1. **Header** (sticky, colapsable en móvil) con logo SVG ficticio, menú horizontal (Home, Demos, Páginas internas

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

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

4.500 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 logo y menú colapsable
1.2 Hero principal con título, subtítulo y botones primary/secondary
1.3 Imagen de presentación en cuadrícula doble
1.4 Bloque de características (icono + título + descripción) en tarjetas
1.5 Preview de home demo con overlay
1.6 Grid de páginas internas con preview y overlay
1.7 Grid de páginas utilitarias con preview y overlay
1.8 Footer con enlaces y datos de contacto

INNER PAGES

2.1 Header reutilizable
2.2 Banner interno con título y breadcrumb
2.3 Contenido principal con texto e imágenes
2.4 Sección de llamada a la acción
2.5 Footer reutilizable

UTILITY PAGES

3.1 Header reutilizable
3.2 Mensaje de error o información (404, 401, Forgot Password, etc.)
3.3 Botón de regreso al inicio
3.4 Footer reutilizable

PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Tech Ámbar
Sector: Proveedor de servicios de telecomunicaciones y soluciones en la nube
Claim: Infraestructura digital para crecer sin límites

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 logo y navegación principal
1.2 Hero con título, descripción y dos botones CTA
1.3 Galería de imágenes destacada
1.4 Bloque "Nuestras características" con iconos y descripciones
1.5 Sección de demos de página principal
1.6 Sección de páginas internas (About, Contact, Services, etc.)
1.7 Sección de páginas utilitarias (404, 401, Forgot password...)
1.8 Footer con enlaces de navegación secundaria y datos de contacto

Crea tu propia 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 Ámbar — 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

HOME

INNER PAGES

UTILITY PAGES

Otros prompts de la misma categoría

Lumenova Labs

LumenSpark

Lumenova Apps

Lectorio