MidvashManifiesto · Más dulce que la miel
Más dulce
que la miel.
Midvash es una Biblia online tomada del Salmo 119:103 — "¡Cuán dulces son a mi paladar tus palabras! Más que la miel a mi boca." Esta página es lo que esa frase se volvió en color, tipografía e interfaz.
Pergamino. Tinta marrón. Miel. Tipografía editorial.
Principios
Cinco reglas que deciden cualquier elección visual.
- 01
Pergamino, nunca pantalla de aplicación
La página es un objeto físico. Fondos cálidos, sin blanco puro, sin gris azulado.
- 02
La miel es rara, y por eso preciosa
El honey aparece en momentos puntuales — kicker, acciones primarias, hover. La saturación diluye el significado.
- 03
Escritura en serif de lectura
Literata en cuerpo grande, interlineado generoso, max-width ~65–75ch.
- 04
Jerarquía tipográfica clara
Gloock para display · Literata para lectura · Figtree para UI. Roles que no se mezclan.
- 05
Sepia es ciudadano de primera clase
Modo de lectura legítimo, junto al claro y al oscuro. No es un tema "extra".
Paleta · Acentos
Miel, en tres temperaturas.
Los tres únicos acentos de la identidad. Aparecen sin variación en los tres temas (claro, oscuro, sepia).
Acento principal. Estados activos, íconos destacados, el kicker del hero.
Acciones primarias, hover de enlaces, títulos editoriales. Cumple WCAG AA en fondos claros.
Resaltes sutiles, fondos de píldoras, capitulares decorativas.
Paleta · Temas
Tres modos, una misma alma.
Light es pergamino. Dark es noche cálida, nunca negro puro. Sepia es lectura larga. Cada tema redefine surface, paper e ink — los acentos miel se mantienen estables.
Light · pergamino
Fondo principal de páginas. Misma familia que paper, sólo un toque más oscuro.
Tarjetas, modales, bloques elevados. Blanco roto con tinte miel — nunca blanco puro.
Texto principal. Marrón tinta — sustituye al gris oscuro convencional.
Dark · noche
Fondo "noche" — cálido, nunca #000.
Tarjetas y bloques elevados. Mantiene la calidez del tema nocturno.
Texto. Blanco roto cálido, evita los blancos fríos.
Sepia · lectura
Pergamino saturado para sesiones largas de lectura.
Hoja en sepia. Reduce la fatiga visual sin caer en amarillo fluorescente.
Tinta marrón oscura para un contraste cómodo en sepia.
Tipografía
Trío Midvash.
Tres familias con roles que no se solapan. Self-hosted vía next/font, sin CSS bloqueante.
UI · sans humanista
Figtree
- CSS ·
- --font-sans
- Pesos ·
- Variable (300–900)
Esperé pacientemente al SEÑOR; él se inclinó a mí y oyó mi clamor.
Botones, navegación, microcopy. Calidez humanista sin la frialdad geométrica de Inter.
Aa Bb Cc · 0123456789 · áéíóú âêîôû ãõ ç ñ — “tipografia”
Lectura · serif para cuerpo largo
Literata
- CSS ·
- --font-serif
- Pesos ·
- 400 · 500 · 600 + italic
Esperé pacientemente al SEÑOR; él se inclinó a mí y oyó mi clamor.
Versículos, párrafos editoriales y títulos de sección. Diseñada por Google y TypeTogether específicamente para libros.
Aa Bb Cc · 0123456789 · áéíóú âêîôû ãõ ç ñ — “tipografia”
Display · serif geométrica
Gloock
- CSS ·
- --font-display
- Pesos ·
- 400
Esperé pacientemente al SEÑOR; él se inclinó a mí y oyó mi clamor.
Títulos de página, kickers y capitulares. Personalidad editorial sin el reflejo de Playfair.
Aa Bb Cc · 0123456789 · áéíóú âêîôû ãõ ç ñ — “tipografia”
Escala tipográfica
Jerarquía en cinco pasos.
Razón 1.25× entre niveles. Display es fluido (clamp); UI es fijo en rem para dashboards y listas.
Tokens
Variables CSS canónicas.
Siempre referenciar tokens, nunca hardcoded. Definidos en apps/web/app/globals.css y espejados en packages/design-tokens para mobile.
| Token | Light | Dark | Sepia |
|---|---|---|---|
| --color-primary | #B17027 | #ECC779 | #985B1E |
| --color-surface | #F5EFE2 | #27221B | #E9D6B6 |
| --color-paper | #FBF5E8 | #302A21 | #F1E0C3 |
| --color-border | #E6DFD0 | #4A4235 | #CFB98D |
| --color-ink | #30281D | #EDE4D3 | #3E2F1B |
| --color-text-muted | #827B6E | #B4A994 | #7A6540 |
| --color-honey | #E8B45A | #E8B45A | #E8B45A |
| --color-honey-deep | #B17027 | #B17027 | #B17027 |
| --color-honey-glow | #F0CE8A | #F0CE8A | #F0CE8A |
Voz y tono
Reverente, letrada, cálida.
La voz nunca es ni demasiado casual ni demasiado solemne. El lector viene a usar el producto para lectura devocional — el tono acompaña.
Usa
- "Esperé pacientemente al SEÑOR."
- "Tu lectura diaria de la Palabra."
- "Continúa donde lo dejaste en Salmos 119."
- "Más dulce que la miel."
Evita
- "¡Aprovecha nuestra plataforma de lectura bíblica!"
- "Biblia 2.0 con IA."
- "Engánchate con el contenido."
- "Premium · pro · turbo."