NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Soft Delta" (softdelta.com), una tienda online de productos digitales creativos. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La paleta de colores debe incluir:
- #0A0A0A (negro profundo) para fondos principales,
- #F5F5F5 (gris muy claro) para fondos secundarios y tarjetas,
- #FF6F61 (coral vibrante) para botones y acentos,
- #FFFFFF (blanco) para texto sobre negro,
- #333333 (gris oscuro) para texto principal.
Tipografía: Fuente "Inter" para títulos (weight 600) y "Roboto" para cuerpo (weight 400).
Estructura:
1. Header fijo con logo (texto Soft Delta), menú horizontal (Home, Work, About, Blog, Shop) y dropdown "Pages" con enlaces a Privacy, Contact, etc. Incluye ícono de carrito que abre un modal con la
3.560 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.560 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 Barra de navegación fija con logo y menú desplegable.
- 1.2 Hero con título, subtítulo y botones CTA.
- 1.3 Grid de categorías destacadas.
- 1.4 Galería de productos en mosaico.
- 1.5 Testimonios en carrusel.
- 1.6 Footer con enlaces útiles y redes sociales.
WORK
- 1.1 Hero interno con título "Nuestro trabajo".
- 1.2 Grid de proyectos con imagen, título y breve descripción.
- 1.3 Llamada a acción para ver más casos.
ABOUT
- 1.1 Hero con foto del equipo y mensaje institucional.
- 1.2 Texto descriptivo de la historia y valores.
- 1.3 Cuatro tarjetas de misión, visión, proceso y cultura.
BLOG
- 1.1 Lista de artículos con imágenes, título, excerpt y fecha.
- 1.2 Sidebar con categorías y últimos posts.
SHOP
- 1.1 Hero con filtro de categorías.
- 1.2 Grid de productos con imagen, nombre, precio y botón añadir.
- 1.3 Paginación inferior.
PRODUCT DETAIL
- 1.1 Galería de imágenes del producto.
- 1.2 Título, precio, descripción y selector de variantes.
- 1.3 Botón "Añadir al carrito" y apartado de reseñas.
CART (modal)
- 1.1 Lista de ítems con miniatura, nombre, opción y precio.
- 1.2 Resumen de subtotal y total.
- 1.3 Botones de "Ver carrito" y "Checkout".
FOOTER (presente en todas las páginas)
- 1.1 Enlaces de navegación secundaria.
- 1.2 Iconos de redes sociales.
- 1.3 Información legal y derechos de autor.
PROMPTS RELACIONADOS · TECNOLOGÍA