DUENHAS® Design System v1.0 — Papel & Tinta São Paulo, 2026
Fundamentos

Papel,
tinta & grade

Sistema editorial derivado da linguagem gráfica da FAUUSP: quase-preto sobre papel, grade de 12 colunas, filetes finos e tracejados, labels mono em caixa alta e densidade textual equilibrada por respiro generoso. O ornamento é a própria estrutura.

Cor

01 / 06
Paper #F6F5F1 — fundo base
Paper High #FFFFFF — superfícies elevadas
Ink #111110 — texto e blocos invertidos
Ink Soft #4A4A46 — texto secundário
Ink Mute #8C8C85 — metadados e legendas
Line #D8D6CE — filetes e divisões
Accent #B98A2F — ocre, uso inferior a 5%

Regra de proporção: ±80% papel, ±15% tinta, ±5% acento. O ocre só aparece em sinalizações pontuais — nunca em áreas extensas. O contraste estrutural vem do preto, não da cor.

Tipografia

02 / 06
Hero — Archivo Exp. 560 Aa
Display — clamp 56→136 Design
Title — clamp 40→72 Diagramação editorial
Heading — clamp 28→44 Equilíbrio com densidade textual
Lead — clamp 20→26 O texto de entrada conduz o olhar e abranda a densidade do corpo.
Body — 16→18 / 1.55 O corpo de texto sustenta leitura longa: entrelinha 1.55, medida máxima de 65 caracteres, contraste pleno sobre papel. A densidade é bem-vinda quando a grade a disciplina.
Acento — Instrument Serif It. estrutura & poesia
Label — IBM Plex Mono Expediente — Contato — Páginas Relacionadas

Grade

03 / 06
1
2
3
4
5
6
7
8
9
10
11
12

12 colunas fluidas, gutter de 16–24px, margem externa de 4vw, conteúdo máximo de 1600px. Padrões editoriais: texto principal em 8 colunas + sidebar em 3 (deslocada por 1 de respiro), imagens plenas em 12, duplas assimétricas em 7+5.

Espaçamento

04 / 06
space-1 — 4px
space-2 — 8px
space-3 — 16px
space-4 — 24px
space-5 — 40px
space-6 — 64px
space-7 — 104px
space-8 — 168px

Componentes

05 / 06
Breadcrumb
Botões
Links

Sublinhado que recolhe ao hover — comportamento padrão para texto corrido e navegação.

Meta list (sidebar)
  • ClienteEstúdio Mira
  • Ano2026
  • DisciplinaFotografia / Direção
Index row (lista de trabalhos)
01 Silêncio Geométrico Fotografia — 2026
02 Mar Interior Filme — 2025
Bloco invertido

A inversão papel/tinta marca momentos de ênfase — rodapés, chamadas e capítulos. Nunca mais de um por dobra.

Página de exemplo

06 / 06
Duenhas® — Jornal Edição Nº 04

O peso do vazio na fotografia mínima

A fotografia minimalista não retrata a ausência: organiza o silêncio. Cada elemento que permanece no quadro carrega o peso de todos os que foram removidos.

Há uma disciplina herdada da diagramação editorial na maneira como o fotógrafo mínimo compõe: margens funcionam como respiro tipográfico, o horizonte vira filete, e o sujeito — quase sempre único — ocupa a posição que um título ocuparia numa página bem resolvida. O enquadramento é uma grade invisível.

É por isso que a tradição suíça do design gráfico conversa tão naturalmente com a fotografia de longa exposição: ambas acreditam que a clareza é uma forma de generosidade com quem olha.

A densidade textual, quando necessária, se resolve em colunas duplas com filete central — exatamente como nos documentos acadêmicos da FAUUSP que inspiram este sistema. O olho percorre colunas estreitas com menos fadiga, e o cinza tipográfico se mantém uniforme, sem buracos nem rios.

Abaixo de 56rem de viewport, as colunas colapsam para uma única medida e a sidebar desce para o final do fluxo, preservando a hierarquia de leitura: título, entrada, corpo, metadados. Nada compete; tudo coopera.