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.
Bahá'í
bahai
Budismo
buddhism
Cristianismo
christianity
Confucianismo
confucianism
Hinduismo
hinduism
Islam
islam
Jainismo
jainism
Judaísmo
judaism
Sintoísmo
shinto
Sijismo
sikhism
Taoísmo
taoism
Zoroastrismo
zoroastrianism
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