MidvashManifesto · Mais doce que o mel
Mais doce
que o mel.
Midvash é uma Bíblia online tirada do Salmo 119:103 — "Como são doces ao meu paladar as tuas palavras! Mais doces do que o mel à minha boca." Esta página é o que essa frase virou em cor, em tipografia e em interface.
Pergaminho. Tinta marrom. Mel. Tipografia editorial.
Princípios
Cinco regras que decidem qualquer escolha visual.
- 01
Pergaminho, nunca tela de aplicativo
A página é um objeto físico. Fundos quentes, sem branco puro, sem cinza azulado.
- 02
Mel é raro, e por isso precioso
O honey aparece em momentos pontuais — kicker, ações primárias, hover. Saturação dilui o significado.
- 03
Texto bíblico em serif de leitura
Literata em corpo grande, leading generoso, max-width respeitando ~65–75ch.
- 04
Hierarquia tipográfica clara
Gloock para display · Literata para leitura · Figtree para UI. Sem misturar papéis.
- 05
Sépia é cidadão de primeira classe
Modo de leitura legítimo, ao lado do claro e do escuro. Não é tema "extra".
Paleta · Acentos
Honey, em três temperaturas.
Os três únicos acentos da identidade. Aparecem nos três temas (claro, escuro, sépia) sem variação.
Acento principal. Estados ativos, ícones em destaque, kicker do hero.
Ações primárias, links em hover, títulos editoriais. Atende WCAG AA em fundos claros.
Highlights sutis, fundos de pill, capitulares decorativas.
Paleta · Temas
Três modos, mesma alma.
Light é pergaminho. Dark é noite quente, jamais preto puro. Sépia é leitura longa. Cada tema redefine surface, paper e ink — os acentos honey ficam estáveis.
Light · pergaminho
Fundo principal de páginas. Mesma família do paper, só um toque mais escuro.
Cards, modais, blocos elevados. Off-white com tint honey — nunca branco puro.
Texto principal. Marrom-tinta — substitui o cinza escuro convencional.
Dark · noite
Fundo "noite" — quente, jamais #000.
Cards e blocos elevados. Mantém o calor do tema noturno.
Texto. Off-white quente, evita o branco frio.
Sépia · leitura
Pergaminho saturado para sessões longas de leitura.
Folha em sépia. Reduz fadiga visual sem cair no amarelado fluorescente.
Tinta marrom escura para contraste confortável em sépia.
Tipografia
Trio Midvash.
Três famílias com papéis sem sobreposição. Self-hosted via next/font, sem CSS bloqueante.
UI · Sans humanista
Figtree
- CSS ·
- --font-sans
- Pesos ·
- Variable (300–900)
Esperei com paciência pelo SENHOR; ele se voltou para mim e ouviu meu clamor.
Botões, navegação, microcopy. Calor humanista sem a frieza geométrica de um Inter.
Aa Bb Cc · 0123456789 · áéíóú âêîôû ãõ ç ñ — “tipografia”
Leitura · Serif para corpo longo
Literata
- CSS ·
- --font-serif
- Pesos ·
- 400 · 500 · 600 + italic
Esperei com paciência pelo SENHOR; ele se voltou para mim e ouviu meu clamor.
Versículos, parágrafos editoriais e títulos de seção. Desenhada pelo Google e a TypeTogether especificamente para livros — abre bem em corpo grande.
Aa Bb Cc · 0123456789 · áéíóú âêîôû ãõ ç ñ — “tipografia”
Display · Serif geométrica
Gloock
- CSS ·
- --font-display
- Pesos ·
- 400
Esperei com paciência pelo SENHOR; ele se voltou para mim e ouviu meu clamor.
Títulos de página, kickers e capitulares. Personalidade editorial sem o reflexo do Playfair.
Aa Bb Cc · 0123456789 · áéíóú âêîôû ãõ ç ñ — “tipografia”
Escala tipográfica
Hierarquia em cinco passos.
Razão 1.25× entre níveis. Display é fluido (clamp); UI é fixo em rem para dashboards e listas.
Tokens
Variáveis CSS canônicas.
Sempre referenciar tokens, nunca hardcoded. Definidos em apps/web/app/globals.css e espelhados em packages/design-tokens para mobile.
| Token | Light | Dark | Sépia |
|---|---|---|---|
| --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 e tom
Reverente, letrado, caloroso.
A voz nunca é casual demais nem solene demais. O leitor vai usar o produto pra leitura devocional — o tom acompanha.
Use
- "Esperei com paciência pelo SENHOR."
- "Sua leitura diária da Palavra."
- "Continue de onde parou em Salmos 119."
- "Mais doce que o mel."
Evite
- "Aproveite nossa plataforma de leitura bíblica!"
- "Bíblia 2.0 com IA."
- "Engaje com o conteúdo."
- "Premium · pro · turbo."