Carrito Iniciar sesión
PODCAST · Claude Design · HTML

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

Publicación digital de contenidos culturales y de estilo de vida Historias que inspiran y conectan.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Voz 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 "Voz Orion" (vozorion.com) con el siguiente alcance y stack: - Stack: HTML único, Tailwind CSS vía CDN, JavaScript vanilla (single file). No usar frameworks externos. - Paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto principal), #E0E0E0 (bordes y fondos de secciones), #FF6F61 (accento principal), #333333 (texto secundario). - Tipografía: "Inter" para títulos y cuerpo, tamaños base 16px, pesos 400, 600, 800. Estructura global: 1. **Header** (fijo, fondo blanco, sombra ligera) con logo a la izquierda, menú de navegación centrado (Magazine, Podcast, Authors) y iconos sociales a la derecha (Instagram, Twitter, YouTube, RSS). Incluye botón hamburguesa para móvil que despliega un overlay con enlaces verticales y líneas separadoras.
4.125 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.125 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
Voz 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 Cabecera con logo, menú principal y iconos sociales
  • 1.2 Menú móvil colapsable
  • 1.3 Hero con ilustración y ticker de noticias
  • 1.4 Artículo destacado grande con imagen, título, resumen y meta‑datos
  • 1.5 Cuadrícula de artículos en columnas con miniaturas y extractos
  • 1.6 Pie de página con navegación secundaria y enlaces a redes sociales

MAGAZINE

  • 2.1 Cabecera reutilizada
  • 2.2 Lista de artículos en formato tarjeta con imagen, título y breve descripción
  • 2.3 Paginación al final de la lista
  • 2.4 Pie de página

PODCAST

  • 3.1 Cabecera reutilizada
  • 3.2 Sección de episodios con reproductor embebido, título y descripción
  • 3.3 Suscripción a newsletter
  • 3.4 Pie de página

AUTHORS

  • 4.1 Cabecera reutilizada
  • 4.2 Grid de autores con foto, nombre y breve bio
  • 4.3 Enlaces a perfiles sociales de cada autor
  • 4.4 Pie de página
PROMPTS RELACIONADOS · PODCAST

Otros prompts de la misma categoría