CASO 02 — Vinho de terroir · Douro single-estate wine dossier

Quinta
do Fio

O rio faz o vinho — e a linha de contorno, o traço cartográfico dos socalcos que o rio talhou, é o sistema visual inteiro. Bordas, divisores, gráficos e o próprio rótulo da garrafa são todos desenhados de UM campo de altitudes procedural. A régua nomeada: chartogne-taillet.com — a prova de que uma quinta pode ter o site mais vanguardista da sua indústria.

Entrar no site ↗
01 — Espécime Paleta & tipo specimen

Paleta — papel, xisto, rio, garrafeira

#F2EDE3
paper
#3B3730
schist
#4A5D46
douro
#5A1F23
garrafeira

O verde é reservado à água — rio, fio, marca de chuva. O bordô é o vinho no copo: um por bloco, nunca texto corrido.

Tipo — carta de atribuição em letterpress

EB Garamond — a voz portuguesa

display · PT lidera, sempre

Inter Tight — o eco inglês, mais pequeno.

body · .en-sub register
02 — A constituição sites/quinta-do-fio/DESIGN-SYSTEM.md real excerpt
“The estate is a deterministic heightfield … with seed 7. The seed IS the estate — change it and every contour on the site (map, label, parcel crops) becomes a different quinta. If the map and the label disagree, the site is lying.”
— §6a, o motor de contornos the contour engine
03 — A assinatura Este rótulo é software the label is code

Um campo de altitudes determinístico — a curva do Douro, o fio que dá nome à casa, quatro cristas, ruído com semente 7 — é percorrido por marching squares a cada 20 metros de cota. O mapa da encosta, os recortes das cinco parcelas e o rótulo da garrafa são todos cortes do mesmo campo, servidos por um único símbolo SVG. Substituir o rótulo por um PNG exportado quebraria a única gabarolice honesta do site: este rótulo é software.

O que custou honest note

O acoplamento prosa-procedimento: os textos das parcelas ("faixa dos 220–260 m") são escritos à mão, mas as âncoras são calculadas do campo — retocar uma crista ou a semente invalida a prosa em silêncio. A constituição obriga: depois de tocar no campo, reler cada faixa. E há uma dívida de SSR assumida: o diário da vindima é renderizado por JS a partir de uma única fonte de dados, porque duplicar o conteúdo em HTML estático seria pedir drift.