NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
You are Claude Design. Create a complete single‑file website for the fictitious brand **Estudio Austral** (estudioaustral.com), a sleek e‑commerce platform for creative tech products. Use only HTML, Tailwind CSS via CDN and vanilla JavaScript (no build tools). The design must replicate the visual patterns observed in the source site: a fixed transparent header with logo left, central navigation links (Home, About, Services, Projects, Blog) plus a dropdown "Pages" with extra links, a right‑aligned contact button and a shopping‑cart icon that opens a modal cart. Use a dark‑light contrast palette: primary #0D1117, secondary #1F6FEB, accent #F5A623, background #F9F9F9, text #111111. Typography: headings with **Inter** (weight 700), body with **Roboto** (weight 400).
**Layout sections (home)*
4.273 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.273 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 Cabecera fija con logo, menú principal, dropdown de páginas y botones de contacto y carrito.
- 2.1 Hero de bienvenida con título destacado y llamada a la acción.
- 3.1 Área de servicios resaltando cuatro tarjetas con iconos y descripción breve.
- 4.1 Galería de proyectos en formato grid responsive.
- 5.1 Últimos artículos del blog con imagen, título y extracto.
- 6.1 Testimonios rotativos en carrusel.
- 7.1 Pie de página con enlaces de navegación, suscripción al boletín y datos de contacto.
ABOUT
- 1.1 Sección de presentación del equipo con foto y texto descriptivo.
- 2.1 Valores y misión en bloques con iconografía.
SERVICES
- 1.1 Lista de servicios en tarjetas con iconos y breve descripción.
- 2.1 CTA para solicitar presupuesto.
PROJECTS
- 1.1 Grid de proyectos con filtro por categoría.
- 2.1 Modal de detalle de proyecto con imágenes y texto.
BLOG
- 1.1 Lista de artículos en formato tarjeta con imagen, título y meta.
- 2.1 Sidebar con categorías y suscripción.
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje y mapa integrado.
- 2.1 Información de contacto y redes sociales.
CART
- 1.1 Vista modal del carrito con resumen de productos, precios y botones de checkout.
- 2.1 Botón de vaciar carrito y continuar comprando.
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 04/06/2026
PROMPTS RELACIONADOS · PORTAFOLIO
