Carrito Iniciar sesión
TECNOLOGÍA · Claude Design · HTML

Soft Orion — Prompt de diseño web para Claude AI

Diseño y desarrollo web para creativos y agencias Estructura clara, estilo flexible.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia Soft Orion, una agencia de diseño y desarrollo web. El proyecto debe estar implementado en un único archivo HTML que cargue Tailwind CSS desde CDN y utilice JavaScript vanilla para interactividad mínima (menú desplegable y scroll suave). **Alcance**: Home y tres páginas internas (Overview, Pages, Contact). Cada página comparte header y footer. **Paleta de colores**: - Primario: #0D3B66 - Secundario: #F4D35E - Accent: #EE964B - Texto oscuro: #212529 - Fondo claro: #F9F9F9 **Tipografía**: - Font Family: 'Inter', sans-serif para cuerpo y encabezados. - Tamaños: base 16px, h1 2.5rem, h2 2rem, h3 1.5rem, p 1rem. **Header**: barra fija, logo SVG a la izquierda, menú principal centrado con enlaces (Overview, Pages, Contact) y un íte
3.815 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.815 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
Soft Orion — 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 navegación fija con logo y menú desplegable
  • 1.2 Hero con título, subtítulo y botón CTA
  • 1.3 Sección de tarjetas descriptivas (3 columnas) con iconos y breve texto
  • 1.4 Galería de imágenes en cuadrícula responsiva
  • 1.5 Área de prueba social (contadores y logos de clientes)
  • 1.6 Formulario de suscripción simple
  • 1.7 Pie de página con enlaces, redes sociales y datos de contacto

OVERVIEW

  • 2.1 Encabezado de página con breadcrumb
  • 2.2 Texto explicativo ampliado y lista de ventajas
  • 2.3 Gráfica o ilustración lateral
  • 2.4 Footer común

PAGES (ejemplo)

  • 3.1 Encabezado interno con navegación secundaria
  • 3.2 Bloque de contenido principal con tipografía jerarquizada
  • 3.3 Sección de tarjetas o bloques informativos
  • 3.4 Footer común
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría