Principio
Jerarquía visual
Orden de importancia comunicado mediante tamaño, peso, color y posición.
InicioNivel 1 · Fundamentos
Las bases que sostienen toda interfaz profesional
Antes de elegir un estilo, dominá los principios. Lo que hace que un sitio se sienta premium no son los efectos: son las reglas invisibles que ordenan todo.
Principios
Los 6 fundamentos imprescindibles
Cada uno con definición, uso, errores y prompt copiable.
Principio
Contraste y legibilidad
Diferencia tonal entre fondo y texto que garantiza lectura cómoda.
Principio
Espaciado y respiración
Aire entre elementos que ordena y eleva la percepción premium.
Principio
Sistema de color
Paleta limitada con tokens semánticos: primary, foreground, muted, accent.
Principio
Tipografía
Pareja de fuentes con jerarquía clara: display para titulares, sans para cuerpo.
Anti-patrones
Errores comunes
Las trampas más frecuentes que arruinan interfaces aparentemente buenas.
Da el siguiente paso
Continúa con el sistema completo
Accede a recursos avanzados, plantillas, prompts premium, laboratorios guiados y acompañamiento para aplicar estos sistemas en proyectos reales.