Carrito Iniciar sesión
EDUCACIÓN · Claude Design · HTML

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

Estudio de diseño y desarrollo digital para marcas modernas Creando presencia digital clara y eficaz.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una web completa para la marca ficticia Saber Rubí, una agencia digital que busca claridad y rendimiento. Utiliza HTML5 y Tailwind CSS vía CDN, con JavaScript vanilla en un único archivo. **Paleta de colores**: #0A0A0A (negro profundo), #FFFFFF (blanco), #F5F5F5 (gris claro), #2196F3 (azul accent), #E0E0E0 (gris medio). **Tipografía**: Fuente principal "Inter" (sans-serif) para títulos y cuerpo; fuente secundaria "Playfair Display" para destacados. **Header**: barra fija, fondo blanco, logo a la izquierda (texto ‘Saber Rubí’ en Inter Bold 24px), menú horizontal centrado con enlaces Home, About, Services, Cases, Contact, colores de texto negro, hover azul. A la derecha, iconos de Instagram, X, LinkedIn, Facebook (SVG inline, color actual), con interacciones de escala 1.1 al hover.
4.214 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.214 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
Saber 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 Encabezado fijo con logo, menú y social
  • 1.2 Hero circular con cuadrícula de imágenes
  • 1.3 Servicios en tres columnas
  • 1.4 Casos de estudio en tarjetas
  • 1.5 Formulario de contacto breve
  • 1.6 Footer con datos y enlaces

ABOUT

  • 1.1 Cabecera interior con breadcrumb
  • 1.2 Texto descriptivo de la empresa y valores
  • 1.3 Equipo en grid de tarjetas
  • 1.4 CTA a proyectos

CONTACT

  • 1.1 Cabecera interior con título
  • 1.2 Formulario completo (nombre, email, mensaje)
  • 1.3 Información de contacto adicional
  • 1.4 Mapa embebido

CASE-STUDIES

  • 1.1 Cabecera interior con filtro de categorías
  • 1.2 Grid de estudios de caso (imagen, título, breve descripción)
  • 1.3 Paginación simple
PROMPTS RELACIONADOS · EDUCACIÓN

Otros prompts de la misma categoría