NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Codigo Rubí (codigorubi.com), un marketplace multivendedor de empleo. Usa solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo index.html. Sigue la estructura y estilo visual del sitio analizado:
- **Paleta de colores**: primario #0D3B66 (azul oscuro), secundario #FAF0CA (crema), acento #F4D35E (amarillo dorado), texto principal #1A1A1A, fondo #FFFFFF.
- **Tipografía**: headings con "Inter" (sans-serif), cuerpo con "Roboto".
- **Header**: barra fija con logo de texto "Codigo Rubí" (SVG placeholder), menú hamburguesa que abre un overlay lateral con enlaces: "Inicio", "Sobre nosotros", "Empleos", "Blog", "Contacto". Incluye animación de fade‑in para el overlay.
- **Hero**: sección a pantalla completa con fondo gráfico SV
4.042 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.042 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
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 Header con barra de navegación y menú off‑canvas
- 1.2 Hero con gráfica, etiqueta, título, descripción y botón principal, junto a tarjetas de vacantes y una ilustración
- 1.3 Sección "Sobre nosotros" con subtítulo, título, texto y botón secundario, acompañada de una cuadrícula de imágenes
- 1.4 Sección de empleos destacados con título, subtítulo y tarjetas de empleo (icono, título, descripción, etiquetas y botón aplicar)
- 1.5 Footer con enlaces institucionales y datos de contacto
ABOUT
- 2.1 Encabezado con título y descripción de la empresa
- 2.2 Texto explicativo y botón de llamada a la acción
- 2.3 Galería de imágenes ilustrativas
JOBS LIST
- 3.1 Listado de empleos en tarjetas estilo card, con icono, título, descripción breve, etiquetas de requisitos y rango salarial, botón "Apply Now"
- 3.2 Paginación o carga dinámica (placeholder)
CONTACT
- 4.1 Formulario de contacto simple (nombre, email, mensaje) y botón enviar
- 4.2 Información de contacto y mapa integrado (placeholder)
PROMPTS RELACIONADOS · TECNOLOGÍA
Otros prompts de la misma categoría
PROMPTTecnología
Lumenova Labs
★★★★★ 885 descargas
GRATIS0€
PROMPTTecnología
LumenSpark
★★★★★ 2.148 descargas
GRATIS0€
PROMPTTecnología
Lumenova Apps
★★★★★ 2.277 descargas
GRATIS0€
google/gemini-2.5-flash-image
PROMPTTecnología
Lectorio
★★★★★ 3.191 descargas
GRATIS0€
google/gemini-2.5-flash-image