Sistema de diseño
Zen + Cosmos
Dos metáforas visuales complementarias. Cambia de modo desde la cabecera. Claro = papel cálido, tinta sumi, el momento local. Oscuro = índigo profundo, campo de estrellas, lo que lo sostiene.
Tipografía
Vive con cuidado.
Por ti, por los demás, por lo que te sostiene.
Un mapa es a la sabiduría lo que un catálogo de fichas es a una biblioteca.
Cuerpo sans-serif. Inter / DM Sans. Base de 16px, interlineado de 1.6.
Cuerpo suave para el texto secundario.
Etiqueta tenue, en mayúsculas.
Dhp 5 · Quran 2:62 · BG 2.47 · Tao Te Ching 11 · Analects 4.16
Estilo de texto sagrado — serif en cursiva con acento de borde inicial. hesed, anatta, wu wei aparecen como joyas.
Paleta de tradiciones
12 tonos armónicos, uno por tradición. Variante zen en modo claro, variante más brillante en cosmos para la legibilidad sobre fondo profundo.
Budismo
buddhism
Islam
islam
Hinduismo
hinduism
Judaísmo
judaism
Cristianismo
christianity
Sijismo
sikhism
Taoísmo
taoism
Confucianismo
confucianism
Jainismo
jainism
Bahá'í
bahai
Zoroastrismo
zoroastrianism
Sintoísmo
shinto
Botones
Todos con área táctil ≥44×44. Contorno visible al enfocar. Seguros con movimiento reducido.
Etiquetas
Para etiquetas de tradición, niveles de atestación y marcadores de tema. Cada una tiene aria-label para lectores de pantalla.
Tarjetas
En modo cosmos, las tarjetas de tradición flotan con efecto de cristal y halos del color de la tradición al pasar el cursor.
Citas
Comillas apropiadas para cada idioma. Superposición en escritura nativa donde corresponde.
Hatred ceases not by hatred, but by love. We work with being, but non-being is what we use. The superior man understands what is right; the inferior man understands what will sell. Enso / luna como imagen principal
Un solo elemento que se lee como enso (hueco intencional del pincel, modo zen) y como luna llena (luminancia radial, modo cosmos). Cambia de modo para verlo.
Avisos de traducción
Tokens de diseño
Superficies
Movimiento
- --duration-fast: 150ms (foco, micro-affordance)
- --duration-base: 250ms (hover, transición de página)
- --duration-slow: 400ms (reajuste de las tarjetas de modo)
- --duration-dusk: 600ms (fundido zen ↔ cosmos)
- --ease-zen: cubic-bezier(0.4, 0, 0.2, 1)
Paridad RTL
El árabe y el hebreo usan propiedades lógicas de CSS (border-s, ps, ms). Muestra de dirección abajo:
حكمة من اثنتي عشرة تقليداً
«اقرأ باسم ربك الذي خلق»
Quran 96:1
חכמה משתים עשרה מסורות
"ואהבת לרעך כמוך"
Lev 19:18