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

Digital Ónix — Prompt de diseño web para Claude AI

Consultoría de automatización y analítica de datos Tecnología inteligente para el crecimiento digital.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Digital Ónix — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático usando HTML + Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. La marca es **Digital Ónix**, una startup SaaS de automatización y analítica de datos. Utiliza la siguiente paleta de colores: primario #0A0A0A (casi negro), secundario #1E3A8A (azul profundo), acento #FF6F61 (coral), fondo #F9FAFB (gris muy claro) y texto principal #1F2937. Tipografía: sans‑serif, encabezados con **Inter**, cuerpo con **Roboto**. **Estructura**: - **Header** fijo, fondo blanco, sombra ligera. Logo a la izquierda (texto Digital Ónix con SVG simplificado), menú de 4 enlaces centrado, botón de carrito a la derecha con badge contador. - **Hero** ocupando 100vh, fondo degradado azul → coral, texto centrado: h1 grande (Inter, 4xl, color primario), párrafo (Roboto, xl, gris os
4.043 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.043 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
Digital Ónix — 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 Cabecera fija con logo, navegación y botón de carrito
  • 1.2 Hero principal con título, texto descriptivo y botón CTA
  • 1.3 Cuadrícula de características (icono + título + descripción)
  • 1.4 Sección de integración de datos (imagen + listado de beneficios)
  • 1.5 Testimonios de clientes (cita + avatar)
  • 1.6 Pie de página con enlaces de navegación, contacto y redes sociales

CARACTERÍSTICAS

  • 2.1 Header interno con breadcrumbs (opcional)
  • 2.2 Grid de cards de característica (icono, título, párrafo)
  • 2.3 Footer con mapa simplificado y formulario de newsletter

INTEGRACIÓN

  • 3.1 Imagen a la izquierda, texto a la derecha con lista de puntos
  • 3.2 Botón secundario CTA

TESTIMONIOS

  • 4.1 Slider de testimonios (avatar circular, nombre, cargo, cita)
  • 4.2 Enlace a casos de estudio

CONTACTO

  • 5.1 Formulario simple (nombre, email, mensaje)
  • 5.2 Información de contacto y enlaces a redes
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría