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

Digital Rubí — Prompt de diseño web para Claude AI

Plataforma de recursos humanos y reclutamiento Conecta empresas con talento mediante datos y automatización.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Digital Rubí — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático con HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Marca ficticia: Digital Rubí, dominio digitalrubi.com. Usa la paleta de colores principal #1E3A8A (azul profundo) y secundarios #F3F4F6 (gris claro), #10B981 (verde esmeralda) y #111827 (casi negro) para textos. Tipografía: Inter, peso 400 y 600, para encabezados usa Inter Bold. Estructura: - <header class="fixed top-0 left-0 w-full bg-white shadow"> con logo a la izquierda, menú horizontal (Home, About, Services, Blogs) y botón "Get Started" a la derecha (bg-emerald-600 text-white). Menú colapsable en móvil usando un icono hamburger que muestra/oculta la lista. - Hero section (full‑width, min‑h screen-75) con fondo gris muy claro, a la izquierda: bloque de confianza con pequeñas imágenes de
4.063 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.063 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 Rubí — 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, enlaces a Home, About, Services, Blogs y botón "Get Started"
  • 2.1 Hero: estadística 70K+, titular con énfasis, texto descriptivo y botón secundario
  • 3.1 Logos de marcas de confianza en fila doble
  • 4.1 Ventajas: título, pestañas (AI, proceso, soluciones, analítica) con imágenes y texto
  • 5.1 Servicios: cuadrícula de tarjetas con icono, título y breve descripción

ABOUT

  • 1.1 Header con título y subtítulo sobre la empresa
  • 2.1 Texto descriptivo de la misión y visión
  • 3.1 Equipo con fotos y breves bios

SERVICES

  • 1.1 Lista de servicios en tarjetas similares a la sección 5 de Home, pero con enlaces a detalle
  • 2.1 Cada tarjeta muestra icono, título y párrafo explicativo

BLOGS

  • 1.1 Grid de artículos con imagen, título, extracto y botón leer más

CONTACT

  • 1.1 Formulario de contacto con campos nombre, email, asunto y mensaje
  • 2.1 Información de contacto y mapa embebido
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría