Gongfu
Gongfu é um sistema visual. Esta página é a documentação dele: cada decisão aparece ao lado da referência que a sustenta.
- 功夫 gōngfu
- em chinês: a habilidade que só o tempo e a prática constroem.
- 工夫 kufū
- em japonês: engenhosidade; no Zen, a dedicação à prática.
空
O vazio e o sinal
Kenya Hara, diretor de arte da MUJI, chama de vazio o que outros chamam de simplicidade: por ser vazio, pode ser preenchido. O tema papel é esse vazio.
O tema luz é o outro lado. Jun’ichirō Tanizaki escreveu, em 1933, que a escuridão é indispensável à beleza da laca. Ryoji Ikeda (Gifu, 1966) faz de luz e dados o próprio material, em séries como datamatics (desde 2006) e test pattern (desde 2008).
A regra que une os dois: a cor só existe como erro de sinal. No papel ela erra como tinta, em ciano, magenta e amarelo fora de registro. Na luz, erra como luz, em vermelho, verde e azul desalinhados. O sinal fica sempre ligado, a menos que você o desligue.
“The sky above the port was the color of television, tuned to a dead channel.”
Tradução livre: “O céu sobre o porto tinha a cor de uma televisão sintonizada num canal morto.”
William Gibson, Neuromancer (1984), que abre em Chiba City.
色
Quatro cinzas e duas tríades
Os mesmos quatro neutros trocam de papel entre os temas. No período Edo, leis suntuárias limitaram a roupa das pessoas comuns a marrons, cinzas e índigo, e os tintureiros responderam com nuances sem fim: os “48 marrons e 100 cinzas” (四十八茶百鼠). Os números são força de expressão, não um inventário.
-
胡粉 gofun
Branco de conchas moídas (carbonato de cálcio), da pintura Nihonga e do rosto das bonecas. Valor do nipponcolors.com.
-
墨 sumi
Na gráfica japonesa, a chapa K se chama スミ (墨), e o K vem de key plate. Valor: o K do perfil Japan Color 2001 Coated em sRGB.
-
鈍 nibi
Cor de luto da nobreza desde o período Heian. O hex varia entre fontes: #656765 no nipponcolors.com, #727171 na Wikipedia japonesa e no kotobank.
-
銀鼠 ginnezumi
Cinza de quimono do período Edo. O hex varia muito entre fontes, de #91989F a #BBBCBF; aqui, o do nipponcolors.com.
C M Y ativa
- C
—só franja - M
—só franja - Y
—só franja
Tintas de processo do perfil Japan Color 2001 Coated, convertidas para sRGB.
R G B ativa
- R
—só franja - G
—só franja - B
—só franja
Primários do sRGB: as três cores que os subpixels da tela emitem.
As linhas ficam abaixo de 3:1 no papel. Por isso, bordas de componentes usam a tinta, não a linha.
字
Duas vozes do mesmo desenhista
Zen Old Mincho para exibição e Zen Kaku Gothic New para texto e dados, ambas de Yoshimichi Ohira. Uma Mincho como voz do futuro tem precedente: em 1995, Hideaki Anno escolheu a Matisse EB, uma Mincho extra-negra da Fontworks, para os letreiros de Evangelion, quando o anime de ficção científica usava quase só letras sem serifa.
- —
- —
- —
- —
- —
- —
- —
- —
A escala multiplica cada degrau por √2, o 白銀比 (hakuginhi), chamado de proporção de Yamato e atribuído a construções como o Hōryū-ji. É a mesma proporção do papel A4.
Gongfu é o que sobra quando uma forma se repete até desaparecer.
Zen Kaku Gothic New carrega o texto corrido, as legendas e os dados, com algarismos tabulares: 0123456789.
色即是空
空即是色
間
O intervalo também é forma
Ma (間) é o intervalo entre as coisas, no espaço e no tempo. Em 1978, Arata Isozaki levou o conceito a Paris na exposição MA: Space-Time in Japan (Musée des Arts Décoratifs), que seguiu para o Cooper-Hewitt, em Nova York, em 1979.
- xs —
- s —
- m —
- l —
- xl —
- 2xl —
- 3xl —
- 4xl —
- 5xl —
A escala de espaço usa a mesma razão √2 da tipografia, então letra e intervalo crescem no mesmo ritmo. No jardim seco de Ryōan-ji, em Kyoto, há 15 pedras, e de qualquer ponto da varanda pelo menos uma fica escondida: o vazio organiza o que se vê.
動
Começar devagar, terminar de súbito
Zeami, o grande teórico do teatro Nō (séculos XIV e XV), fez do jo-ha-kyū um princípio de ritmo para tudo o que se move: 序 jo, o começo lento; 破 ha, a quebra que acelera; 急 kyū, o final rápido e súbito.
A curva de assinatura foi escrita com a função CSS linear(), ponto por ponto: 8% do percurso nos primeiros 40% do tempo, 42% aos 80%, e o resto no final. Ela fica reservada para momentos deliberados. Micro-interações usam um ease-out curto.
O glitch do título acontece em rajadas de 180 ms, em intervalos irregulares de 3,5 a 8 segundos, muito abaixo do limite de três flashes por segundo. A chave 信号 no topo da página desliga tudo o que se move sozinho, e “reduzir movimento” no sistema também. Nos dois casos, as chapas ficam desalinhadas, porém imóveis.
型
As formas que se repetem
Nas artes marciais, kata (型) são sequências treinadas até virarem reflexo. Em Gongfu, os componentes são os kata do sistema: poucos, sempre repetidos do mesmo jeito. Os espécimes abaixo mostram cada estado; as versões de verdade estão no resto da página.
Botão primário
repouso
hover
foco
ativo
desabilitado
Botão secundário
repouso
hover
foco
ativo
desabilitado
Link
repouso
hover
foco
Etiqueta
- AAA 17,27:1
contraste
- decorativo
decorativa
- só franja
sinal
Alternador de tema
papel ativo
luz ativa
foco
Chave de sinal
ligada
desligada
foco
源
De onde veio cada decisão
Ideias
- Kenya Hara, Designing Design (Lars Müller, 2007) e White (Lars Müller, 2010), e o vazio da MUJI em The art of simple design.
- Jun’ichirō Tanizaki, Em louvor da sombra (陰翳礼讃, 1933).
- Zeami e o jo-ha-kyū, o ritmo do teatro Nō.
- Arata Isozaki, MA: Space-Time in Japan (Paris, 1978; Nova York, 1979).
- Sutra do Coração (般若心経).
Obras
- Ryoji Ikeda, datamatics e test pattern.
- William Gibson, Neuromancer (1984).
- Hideaki Anno, Neon Genesis Evangelion (1995) e a Matisse EB.
- Ryōan-ji, o jardim seco de Kyoto.
Técnica
- 白銀比, a proporção de Yamato.
- Os 48 marrons e 100 cinzas de Edo (四十八茶百鼠).
- トンボ, as marcas de corte da gráfica.
- スミ, o nome japonês da chapa K, e o perfil Japan Color 2001 Coated.
- nipponcolors.com e as notas de cor: 胡粉, 鈍色 e 銀鼠.
- Zen Old Mincho e Zen Kaku Gothic New, de Yoshimichi Ohira.
- WCAG 2.2: contraste, pausa e flashes.