NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Portfolio Alba" (agencia de diseño y desarrollo digital) usando únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Emplea la siguiente paleta de colores: #FFFFFF (fondo), #000000 (texto y elementos), #F5F5F5 (sectores), #D1D5DB (borde y muted). Tipografía: Inter (sans-serif) para títulos y body, con peso 400‑700.
Estructura:
- **Header** (clase `navbar-main`): logo circular con foto de perfil, a la izquierda, texto "Hi, I'm Alex." y "Diseñador" debajo. Menú de navegación horizontal con enlaces ancla: Portfolio, Blog, Pricing, Testimonials, FAQ. Botón CTA "Get Started" a la derecha. Incluye icono de carrito invisible (para mantener compatibilidad). Debe ser responsive con menú hamburguesa en móvil.
-
4.307 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.307 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, nombre, rol y botón "Get Started"
- 1.2 Hero con badge, foto, título y subtítulo
- 1.3 Portfolio Grid
- 1.4 Blog preview
- 1.5 Pricing tables
- 1.6 Testimonials carousel
- 1.7 FAQ accordion
- 1.8 Footer con enlaces y redes
PORTFOLIO
- 2.1 Grid de proyectos con imágenes y descripciones breves
BLOG
- 3.1 Lista de artículos con título, extracto y fecha
PRICING
- 4.1 Tabla comparativa de tres planes con características y botón de selección
TESTIMONIALS
- 5.1 Carrusel de testimonios con foto, nombre y comentario
FAQ
- 6.1 Preguntas frecuentes con toggles
CONTACT
- 7.1 Formulario de contacto simple (nombre, email, mensaje) y botón enviar
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 05/06/2026
PROMPTS RELACIONADOS · PORTAFOLIO
