Gongfu

Faixa gerada dos tokens do tema ativo.

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.

  1. —
  2. —
  3. —
  4. —
  5. —
  6. —
  7. —
  8. —

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.

色即是空
空即是色

Do Sutra do Coração (般若心経): “a forma é vazio, o vazio é forma”. Os kanjis 空 e 色 das duas primeiras seções vêm dessa frase.

間

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.

  1. xs —
  2. s —
  3. m —
  4. l —
  5. xl —
  6. 2xl —
  7. 3xl —
  8. 4xl —
  9. 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.

序 jo 破 ha 急 kyū

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

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

Obras

Técnica