Carrito Iniciar sesión
SAAS / STARTUP · Claude Design · HTML

CuboPixel — Prompt de diseño web para Claude AI

Plantilla SaaS para sitios corporativos y de producto Herramientas visuales para lanzar tu producto rápidamente.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
CuboPixel — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web completa para la marca ficticia **CuboPixel** (dominio cubopixel.com) siguiendo el estilo visual y estructural del sitio analizado. Utiliza exclusivamente **HTML**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un único archivo. No usar frameworks ni librerías externas. **Paleta de colores** (extraída y adaptada): - Primario 1: #0d6efd (azul vibrante) - Primario 2: #6610f2 (violeta) - Primario 3: #20c997 (verde menta) - Fondo claro: #f8f9fa - Fondo oscuro: #212529 - Texto primario: #212529 - Texto secundario: #6c757d - Blanco: #ffffff **Tipografía**: Inter (Google Fonts) para encabezados y cuerpo, peso 400‑600. **Estructura**: 1. **Barra de anuncio** fija en la parte superior, fondo primario 3, texto blanco, enlace resaltado. 2. **Cabecera sticky**: logo a la
4.577 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.577 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
CuboPixel — home completa
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 anuncio con mensaje breve y enlace
  • 1.2 Cabecera sticky con logo, menú principal y botón de compra
  • 1.3 Hero principal con título, subtítulo, dos botones CTA y testimonio
  • 1.4 Sección Layouts: heading, texto y grid de screenshots
  • 1.5 Sección UI Snippets: heading, texto y grid de componentes UI
  • 1.6 Sección Dark CTA a archivo Figma
  • 1.7 Bloque de beneficios en tres columnas
  • 1.8 Product Tours: galería de tarjetas
  • 1.9 Product Details: galería de tarjetas
  • 1.10 Footer con enlaces y redes

PRODUCT-TOURS

  • 2.1 Grid de tarjetas de tours con imagen y título

PRODUCT-DETAILS

  • 3.1 Grid de tarjetas de detalle de producto con imagen y título

UI-SNIPPETS

  • 4.1 Grid de ejemplos UI (chat, barra de progreso, etc.)

LAYOUTS

  • 5.1 Grid de capturas de pantalla de distintas páginas

FOOTER

  • 6.1 Enlaces de navegación secundaria
  • 6.2 Iconos de redes sociales
  • 6.3 Texto legal y copyright
PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría