A cabeça do santo · referência principal

Esquema redesenhado aqui para analisar estrutura. A capa é de terceiros (Companhia das Letras · Socorro Acioli) e não é ativo da dasHAUS.

Os árabes · referência complementar

Esquema redesenhado para análise. Capa de terceiros (Zahar · Eugene Rogan).

Campo

Uma cor cheia ocupa a peça inteira, ou não aparece. Cor não é enfeite de canto.

Figura

Um elemento por vez, isolado, com matéria. Foto, desenho ou mancha — nunca três ao mesmo tempo.

Letra

Desenho próprio no nome. Fontes de apoio discretas no resto, para o nome não perder a vez.

Chamada

Palavra ligada a um ponto da imagem, nomeando o que acontece ali.

Silêncio

O vazio é dimensionado e se concentra num lugar, em vez de se espalhar.

Esquema redesenhado para análise. A capa é da Langenscheidt e não é ativo da dasHAUS.

Fotografia sua. Arquivo ainda não está em fotografia/.

O desenho tirado dela. Não é reprodução — é o que sobra quando se desenha em vez de fotografar.

A última é o melhor argumento a favor do terra roxa. Nessa foto a cor forte aparece uma vez só, num objeto pequeno, e o resto é material. É exatamente a regra que o sistema já tinha por outro caminho: ou o terra roxa é campo, ou é sinal — nunca espalhado.

E a cadeira de plástico corrige a ideia de "curadoria". O repertório da casa não é peça assinada: é o que está lá. Isso muda o que a gente fotografa e o que a gente escreve na legenda.

Copan sub

Massa escura; corte duro de luz; figura pequena no claro. Abre peça escura.

varal quei

Véu; quase branco nas bordas; três panos de cor. Entra onde a peça precisa de ar.

chaleira sub

Quase todo preto; brasa; metal refletindo. Detalhe e processo.

bicicleta fro

Parede frontal; vão escuro; objeto em silhueta. Referência de enquadramento.

família fro

Retrato posado; casa como plano; porta aberta. Só com autorização de quem aparece.

Berlim pb

Grão grosso; guarda-corpo cortando o primeiro plano. Texto de origem e método.

1 · Frontalidade

A parede é um plano paralelo ao quadro. Você fotografa elevação. No design: planos retos, nada girado, nada em ângulo.

2 · O vão preto

Porta e janela como retângulo preto puro num plano claro. É a figura que se repete em quase tudo que você fotografa — e virou o símbolo e o plano de texto.

3 · Dois polos

Nenhuma foto sua é de meio-tom. Cada peça escolhe um polo e vai até o fim — cinza médio é o que faz material de arquitetura virar catálogo.

4 · Grão

O grão fica na imagem. Não se acrescenta textura ao gráfico. A cor chapada é lisa justamente para a foto parecer suja do lado dela.

Direção de fotografia, tirada do seu acervo

A tensão que sustenta o sistema

Três registros e nenhum imita o outro: o aparato é impresso, o desenho é feito à mão, a fotografia é revelada. O que amarra os três é o assunto, não o acabamento.

É o mesmo mecanismo da capa de A cabeça do santo — campo perfeito contra matéria suja — só que agora com material seu em vez de referência emprestada.

bicicleta f parede frontal; vão aberto; objeto encostado em primeiro plano

A lição da sua foto: a vida acontece dentro da abertura, e a fachada é só a moldura. No desenho o vão é linha, não massa — a regra do caderno vale também aqui.

varal m duas águas; telha canal; três panos de comprimentos diferentes

Aqui a repetição da telha e a irregularidade dos panos fazem o mesmo serviço que uma trama gráfica faria — só que sem virar padronagem.

A receita

O overshoot é o que mais importa. Linha que para exata no canto é vetor. Linha que atravessa e sobra dois milímetros é mão.

O que foi testado e descartado

Aguada de aquarela. Testada e fora: some no campo terra roxa e no papel já deixava o desenho pesado. Sem sombreado o traço fica mais elegante e a cor continua sendo serviço do campo e do sinal.

Massa de tinta. Fora. A silhueta cheia ficava deformada em tudo que não fosse objeto simples, e competia com a fotografia.

Figura em linha vetorial. Fora. Estava no mesmo registro dos sinais e por isso lia como ícone.

Onde cada desenho entra

Um desenho por peça. Dois desenhos na mesma tela viram álbum de figurinhas.

Sobre plano escuro a linha vai em cinza claro, nunca em terra roxa.

Esses quatro são vetor imitando mão: servem de demonstração e de emergência. O passo real é vocês desenharem e digitalizar em 600 dpi, com o grão do papel junto.

bicicleta f

Abertura de assunto; capa.

varal m

Matéria e execução.

croqui m

Apresentação e página de projeto.

mesa f

Jantar, conversa, encontro.

cadeira f

Ler, ficar, descansar.

sofá m

Estar, receber, largar o corpo.

cama f

Dormir, quarto, íntimo.

janela f

Luz, vista, orientação.

porta f

Entrada, passagem, chegada.

escada f

Nível, circulação.

cozinha f

Bancada, pia, marcenaria.

banheiro m

Água, espelho, bancada.

armário m

Guardar; marcenaria.

estante f

Livros, objetos, repertório.

luminária f

Luz artificial, canto de ler.

quadro m

Parede, arte, o que se pendura.

som m

Disco, caixa, o que toca em casa.

café m

Manhã, bule, xícara.

vaso m

Verde, cuidado diário.

cachorro m

Quem também mora ali.

planta f

Vista de cima; layout e circulação.

três num

As pessoas do estúdio, juntas.

pessoa f

Três posturas; uma para cada nome.

Como o caderno cresce

Um desenho novo entra quando aparece um assunto que se repete e ainda não tem imagem. Não se desenha por estética: se desenha porque faltou.

Todos no mesmo traço e na mesma caixa de altura. O que muda é a largura, conforme o assunto.

Sobre plano escuro

A linha vai em cinza claro, nunca em terra roxa — terra roxa no escuro é serviço do sinal e do título.

O que ainda é provisório

Estes catorze são vetor imitando mão: servem de demonstração e de emergência.

O caderno de verdade é de vocês — desenhados à mão, digitalizados em 600 dpi com o grão do papel junto. A partir daí este arquivo vira só a regra escrita: traço único, canto que passa, sem sombra.

Buscar

Evitar

Apresentação de projeto.

Apresentação da empresa.

Legenda de imagem.

A sequência de um projeto

Para o que ainda não foi executado: "o estudo propõe", "a intenção é". Para o que foi: descrever só o que foi conferido em obra. Essa distinção não é formalidade — é o que separa portfólio de propaganda.

Nome de projeto

Obra tem nome, não endereço. Apartamento Baía de Antonina, não Apartamento Rua Tal, 837. O nome vem de um lugar, de uma vista ou de uma situação do projeto — protege a privacidade de quem mora e dá ao trabalho uma identidade que o CEP não dá.

Uma vez batizado, o nome não muda: é assim que a obra aparece no site, na proposta, na pasta do arquivo e na legenda da foto.

Onde o verbete substitui o parágrafo

Ficha de projeto, legenda de imagem, índice do site, escopo de proposta e etiqueta de arquivo. Em tudo isso, a gramática do dicionário é mais curta, mais precisa e mais nossa que um texto corrido.

Texto corrido continua existindo — em apresentação de projeto e nas páginas do site, onde alguém realmente vai ler.

Vem · o registro micrográfico

A dasKINO escreve tudo que é pequeno em mono, com entreletra bem aberta — e o próprio sistema diz que "o espacejamento é a marca". É o lugar que você reconheceu, e é transferível sem carregar nada de cinema junto.

Na dasHAUS isso substitui o rótulo em sans: IBM Plex Mono, 10–10,5 px, entreletra 0,10–0,13em, caixa-alta. Vale para rótulo de seção, cabeçalho de tabela, chamada e legenda de foto reservada.

A dasKINO usa SF Mono, que é da Apple e não se redistribui na web. Plex Mono é aberta e tem a mesma largura de caractere.

Vem · o grade do Paraná

neblina #C5CCC7 · basalto #3D4448 · araucária #20362A · terra roxa #79392D · pinhão #6A4121

A dasKINO tem um grade por estado, e o do Paraná é descrito assim: preto puro, o contraste mais alto dos quatro, o croma vive só no solo — tudo acima do chão é verde-cinza.

Entra aqui como alvo de fotografia, não como paleta gráfica. É a mesma regra que vale lá: esses valores nunca saem da foto. A dasHAUS fotografa interiores em Curitiba — é literalmente o mesmo estado e a mesma luz.

Isso resolve uma lacuna real: a nossa direção de fotografia tinha polo de exposição, mas não tinha alvo de cor.

Não vem

Cinco coisas, e todas pelo mesmo motivo: são específicas de cinema ou do nome alemão da dasKINO. Trazê-las faria a dasHAUS parecer uma filial, não uma irmã.

O registro micro, como ele fica

O que se herda da dasKINO não é uma faixa, é o jeito de escrever o pequeno: mono, 10 px, caixa alta, 0,13 em de espacejamento. Ele aparece solto, onde a informação pede — não como um bloco que se repete em toda peça.

Quatro usos, nenhum obrigatório. Entram um de cada vez, perto do que descrevem.

A régua saiu

Tentamos uma régua: uma faixa mono entre dois filetes, no topo ou no pé de cada peça. Ela não passou. Repetida em toda peça, virava enfeite — e o conteúdo dela nunca conseguiu dizer algo que a peça já não dissesse melhor. Reescrevê-la como carimbo de prancha também não resolveu: o problema era a faixa existir, não o que estava escrito nela.

O que sobrou é mais forte por ser menos: o registro micro sem recipiente. Sem moldura, o pequeno encosta na informação em vez de emoldurá-la.

O parentesco, em uma frase

As duas empresas escrevem o pequeno do mesmo jeito e revelam a mesma luz do Paraná. Em tudo mais — alfabeto, ilustração, voz, símbolo — são desenhos diferentes, e é isso que faz elas parecerem do mesmo estúdio sem parecerem a mesma empresa.

Sistema da dasKINO lido em 2026-09-12. O que foi aproveitado está descrito aqui; nada do acervo dela foi copiado para dentro deste documento.

A regra que governa todos: intensidade

As outras quatro regras

O que mudou de desenho

Os sete antigos vinham do símbolo de prancha de papel — cabeça de seta, círculo com letra dentro, barra a 45°. Esse é o aparelho de 1970, e é o que fazia a camada parecer antiquada ao lado do resto.

Os catorze de agora seguem três regras de desenho: nenhuma cabeça de seta — extensão se marca com tique perpendicular; nenhum círculo com letra dentro — o cheio é quadrado e a letra fica fora, em mono; uma espessura só, terminal reto, coordenada inteira. Exatos ao lado do desenho à mão: é o contraste que faz a página.

assinatura f

Emblema, nome e descritor. Arte vetorial.

casa f

A marca. Espaço pequeno e já identificado.

sinais m pl

Cinco marcadores de conteúdo. Nunca assinam sozinhos.

verbete m

A gramática da informação: ficha, legenda, índice, escopo.

planos m pl

Papel, o vão preto e o campo. Retos, paralelos à borda.

desenho m

Linha à mão, sem sombreado. A matéria do sistema.

De onde veio cada coisa

A disciplina

Um dispositivo por peça. Ter seis peças não autoriza usar as seis ao mesmo tempo. Uma peça é um plano, uma imagem ou um sinal — não os três.

Só a casa assina. Os outros cinco sinais sempre acompanham um rótulo.

O terra roxa é campo ou é sinal. Nunca filete, nunca detalhe.

O preto é plano, não fundo de emergência. Duas peças escuras em cinco.

A história pessoal é fundação, não fachada. Os sinais existem porque organizam conteúdo. No dia em que virarem enfeite de post, saem.

O que ficou para trás da v0.1

As pranchas da v0.1 foram retiradas do documento: mostravam os símbolos novos com o texto antigo e passaram a atrapalhar mais do que registrar. O que ficou para trás está listado aqui.

Os quatro planos

Nunca em papel sobre o campo: o contraste cai de 6,1 para 2,4 e o nome some na foto impressa.

A ordem de escolha

Uma marca por peça. Ter cinco formas não autoriza usar duas na mesma superfície — o tabuleiro no topo e o nome no rodapé é a marca dita duas vezes.

Estante com livros à esquerda, janela com peitoril ao centro, mesa embaixo dela, luminária de chão à direita. Uma elevação de dentro — o que o escritório faz de verdade, e não o que arquitetura em geral parece.

As regras do desenho, mantidas

O emblema é a mesma mão do croqui e dos vinte e cinco desenhos. Se um dia vocês redesenharem o caderno à mão, ele é redesenhado junto — e não fica órfão.

200 px · papelaria, capa de proposta, contracapa

120 px · o descritor sai; sobram emblema e nome

Deitado · cabeçalho de site, assinatura de e-mail

Abaixo de 60 px entra o emblema reduzido, com menos linhas. Abaixo de 28 px, o tabuleiro.

Nos três planos

Uma cor só em cada plano. Nada inverte parcialmente — sem preenchimento, não há o que inverter.

Quem faz o quê

O que falta decidir

O descritor. "Interiores · Reforma · Curitiba" é proposta. Depende da oferta que vocês fecharem — e se entrar "arquitetura", muda a largura do conjunto.

Se o emblema substitui o tabuleiro nas peças grandes, ou se os dois convivem. Hoje estão propostos como coisas diferentes: o emblema abre, o tabuleiro sela.

O emblema ainda não foi aplicado nas outras pranchas. Com o aval, ele entra na capa de proposta, na capa de apresentação e na papelaria.

planta f

Projeto; layout; o desenho de cima.

vão m

Reforma; o que foi aberto.

porta f

Entrada, acesso, chegada.

janela f

Vista, fachada, esquadria.

telha f

Matéria e execução.

varal m

Uso e vida cotidiana.

luz f

Hora do dia, insolação.

fogo m

Cozinha e mesa.

escada f

Nível, circulação, desnível.

mesa f

Mobiliário e marcenaria.

livro m

Repertório e referência.

arquivo m

Documento, processo, ficha.

Em preto e branco, no tamanho de uso

Aos 18 px, janela, livro, arquivo e planta começam a fechar as fendas, e telha e varal viram borrão. Regra: abaixo de 24 px só entram vão, porta, luz, fogo, escada e mesa.

Nenhum deles assina. Os doze são aparato: acompanham sempre um rótulo. Quem assina é a marca, e ela não está aqui.

O vocabulário em uso · índice de um projeto

É a mesma gramática do dicionário, com o sinal ocupando o lugar do marcador de gênero. O terra roxa aparece só no sinal.

Doze cobrem o que um escritório de interiores realmente arquiva. Se aparecer um assunto sem sinal, a pergunta é se ele merece um — não se ele merece um desenho bonito.

1 · Assinatura completa

Emblema, nome, filete e descritor. Acima de 60 px. É a primeira escolha em papelaria, capa e proposta — onde a empresa se apresenta.

2 · Nome sozinho

Onde houver largura e a empresa já estiver identificada: cabeçalho, rodapé, post, legenda de prancha.

3 · Nome com descritor

Quando não cabe o emblema mas ainda é preciso dizer o que a empresa faz. O descritor vai na gramática do verbete.

emblema m a partir de 60 px

Papelaria, capa, proposta, contracapa.

tabuleiro m a partir de 40 px

Selo, carimbo, adesivo, verso de cartão.

tabuleiro m a partir de 28 px

Favicon, índice, marcador de mapa.

nome m a partir de 64 px de largura

Em qualquer peça com largura. Abaixo disso, só o sinal.

Positiva

Tinta sobre papel.

Negativa

Papel sobre o vão preto.

Sobre o campo

Sempre em tinta. Nunca em papel.

Sobre o vão

Em papel.

Símbolo · o tabuleiro

O tabuleiro aparece sozinho onde já existe identificação: aba do navegador, carimbo de prancha, rodapé, marcador de mapa. Por não ser letra — diferente do d e da casa com fenda, que testamos e descartamos — ele não briga com o nome nem lê como inicial. No perfil ele não serve: ali vai a assinatura inteira em miniatura, emblema e nome, como está na prancha de avatar.

Tabuleiro · nos tamanhos reais de uso

Campo terra roxa, desenho em papel. Aos 32 px a folga entre as quatro casas vira um fio de menos de 1 px. Ainda abre, mas é o limite: abaixo disso as letras encostam e o tabuleiro vira um bloco.

Área de proteção

A margem livre é metade da altura do H, nos quatro lados — o quadrado ocre no canto. Nada entra ali: nem texto, nem imagem, nem borda de caixa. Vale igual para o sinal, medindo pela altura do d.

Redução mínima

O traço da marca tem 1/7,7 da altura da caixa-alta. Abaixo de 64 px o traço fica com menos de 1,5 px e começa a sumir em tela comum. Precisou de menos que isso? Desce um degrau na hierarquia — emblema, emblema reduzido, tabuleiro — em vez de encolher o que está ali.

1 · Nome — arte vetorial

Não é fonte. Sete letras em vetor, traço monolinear de 13 para caixa-alta de 100, lados retos, cantos apertados, terminais a 90° e o ascendente do d cortado a 45°. Só escreve o nome — nenhuma outra palavra se escreve nesse alfabeto.

3 · Source Serif 4 — títulos

Aa Çã Aa Aa

Regular, negrito e itálico. Entra a partir de 24 px. É a voz editorial e a voz do verbete — a mesma fonte fazendo os dois serviços amarra título e ficha técnica.

Google Fonts · SIL Open Font License 1.1. Conferir a licença antes de redistribuir.

2 · Instrument Sans — texto e interface

Aa Çã

400, 500 e 600. Texto corrido, rótulo, botão, legenda. Discreta de propósito: o desenho do sistema está no nome, nos sinais e na composição.

Google Fonts · SIL OFL 1.1. Alternativas de sistema: Helvetica Neue, Arial.

4 · O verbete — comportamento, não fonte

Entrada em negrito, marcador em itálico, ponto e vírgula entre sentidos, ~ repetindo a entrada, barra dividindo o radical. Serifa, 15/23, entreletra zero.

Escala

Regras

Um título por peça. Dois serifados grandes na mesma tela: um deles é subtítulo e desce.

Serifa não faz texto corrido — só título e verbete. Quem explica é a sans.

Entrelinha por tamanho: acima de 40 px, 1,0–1,08; entre 18 e 40, 1,2–1,3; texto corrido, 1,55.

Entreletra: negativa só em título grande. Positiva só em caixa-alta pequena. Texto corrido em zero.

Sem caixa-alta em frase. Caixa-alta é rótulo, no tamanho pequeno.

Sem peso fino. Nada abaixo de 400.

Alinhamento à esquerda em tudo que se lê.

Espaçamento

Escala de 8: 4, 8, 16, 24, 32, 48, 64, 96, 128. Entre título e texto, 16 ou 24. Entre blocos, 48. Entre seções, 96. Margem de 64 no desktop, 20 no celular.

Claro. O padrão de leitura longa.

O vão. Amarelo no título e no sinal — em nenhum outro lugar.

Campo. Azul ou tinta sobre o terra roxa. Papel sobre terra roxa não lê.

Contraste conferido (WCAG)

Onde a cor mora · o varal

Três panos de comprimentos diferentes, uma cor em cada. É o único lugar do sistema em que as cores aparecem juntas — e serve para o que é lista: índice de projetos, etapas de uma proposta, sumário do site.

O que não fazer

Corrigir a foto para casar com a cor. O terra roxa é chapado e impresso; a foto é lavada ou escura e revelada. O contraste entre os dois é o sistema. Igualar os dois mata o sistema.

Amarelo em detalhe. Filete, sublinhado, bolinha. Ou é campo, ou é o sinal, ou não aparece.

Uma cor nova por peça. Cada obra tem os materiais dela na fotografia — essa é a cor que varia. A identidade fica igual.

Piauí

Caatinga & Cerrado

Ponto de preto. Sobe. As altas luzes estouram e o preto vira marrom quente — não existe preto puro.

Croma. Pigmento e terra. O céu é a coisa menos saturada do quadro.

cal #E6DFD0
ocre #C0883C
urucum #9D3B23
mandacaru #6D7A5C
sombra #2A1F17

Minas Gerais novo

Mantiqueira & Cerrado de altitude

Ponto de preto. Segura, mas quente. O preto fecha no café, nunca no cinza — não existe preto frio num quadro de Minas.

Croma. No minério e na terra. O verde da serra vem sempre lavado pela neblina.

neblina #C9C6BC
pedra-sabão #5E6257
mantiqueira #3A4634
minério #8E4A2C
café #4A3120

São Paulo

Mata Atlântica & Cerrado

Ponto de preto. Nenhum. Nem preto puro nem branco puro — o quadro inteiro fica no meio, segurado pela umidade.

Croma. Na copa e na estrada, nunca na luz.

garoa #CCD2CE
cerrado #B09A5E
laterita #A35A34
palmito #4E6B3F
mata #1F3324

Paraná

Floresta com Araucárias

Ponto de preto. Preto puro. O contraste mais alto dos cinco.

Croma. No solo, só. Tudo acima do chão é verde-cinza.

neblina #C5CCC7
basalto #3D4448
araucária #20362A
terra roxa #79392D
pinhão #6A4121

Santa Catarina

Mata Atlântica litorânea & Campos de Altitude

Ponto de preto. Fundo, mas frio. As altas luzes seguram — areia e geada nunca estouram.

Croma. Na água. O único grade com azul.

geada #DFE4E3
areia #DDD3C0
campo #7B7F5E
atlântico #5C7480
costão #2F3A3C

Como conversam com o bege

O bege #E6DCC0 é o meio-termo entre a cal do Piauí e a neblina de Minas. Por isso ele segura os cinco grades sem brigar com nenhum: é a cor do papel em que as fotos são vistas.

As regras, herdadas

São as mesmas quatro regras que valem na dasKINO. Copiá-las é o ponto: o que as duas empresas compartilham é método.

Por que estes cinco

Não é geografia decorativa: cada um corresponde a um lugar de onde vem material fotográfico de verdade, ou onde a empresa atua.

Os quatro primeiros foram lidos do sistema da dasKINO. O de Minas foi escrito aqui e precisa de validação — nenhum grade foi conferido contra fotografia ainda.

Empilhado

Planos de alturas diferentes, largura cheia. O ritmo é vertical, como as faixas da capa do dicionário.

Lado a lado

Dois planos, proporção desigual. O maior carrega a imagem; o menor, o texto. Nunca meio a meio.

O vão dentro do plano

Um retângulo preto apoiado num campo claro — a porta da sua foto. É onde o texto denso mora.

O corte de luz

A diagonal dura do Copan: massa escura ocupando a maior parte, um naco de claro, uma figura pequena dentro dele.

Grid · desktop e prancha

12 colunas, medianiz 24, margem 64. Texto corrido no máximo em 6 colunas. Imagem grande em 8 ou 12. Legenda alinha pela coluna da imagem que descreve.

Celular: 4 colunas, medianiz 16, margem 20. Tudo vira uma coluna: imagem, título, sinais, texto, ficha.

A informação chegando · quatro camadas, nesta ordem

Quem olha rápido pega a primeira camada; quem para pega o resto. A camada 4 nunca sobe. Ficha técnica no topo é o jeito mais rápido de a peça virar catálogo de imobiliária.

O vazio se concentra. Em vez de folga igual em volta de tudo, um lado fica largo — normalmente embaixo.

Fotografia dominante

Quando a imagem já diz. Dois terços para a foto, uma frase e a ficha. Nada de caixa por cima da foto.

O vão

Quando não há imagem boa — hoje, a maioria dos casos. O plano preto é a imagem. Amarelo só no sinal.

Campo de cor

Para abrir assunto. Uma peça em cinco. O desenho em linha é a figura; a ficha em verbete fecha embaixo.

Copan sub massa escura; corte duro de luz; figura pequena no claro

Abertura de peça escura. É a imagem que mais parece o sistema — e a única que pode ocupar uma tela inteira sozinha.

varal quei véu; quase branco nas bordas; três panos de cor

O polo oposto. Entra onde a peça precisa de ar. Origem do sinal varal e do lugar da cor.

chaleira sub quadro quase todo preto; brasa; metal refletindo

Detalhe e processo. Origem do sinal fogo. Nunca clareada em pós — o preto é o assunto.

bicicleta fro parede frontal; vão preto; objeto em silhueta

A prova da frontalidade e do vão. Serve de referência de enquadramento para foto de obra.

família fro retrato posado; casa como plano de fundo; porta aberta

Gente aparece. Uso institucional, com autorização de quem está na imagem — condição, não detalhe.

Berlim pb grão grosso; guarda-corpo cortando o primeiro plano; céu chapado

Repertório e contexto. Entra em texto sobre origem e método, não em página de projeto.

Dois polos, nunca o meio

Cada peça escolhe um polo e vai até o fim. Cinza médio é o que faz material de arquitetura parecer catálogo — e nenhuma das suas fotos é cinza médio.

Recorte

Sem canto cortado. O chanfro que testamos na v0.1 saiu: a foto é um plano reto, como a parede que ela fotografa.

Proporções: 4:3 ambiente, 3:2 plano geral, 1:1 detalhe e feed, 4:5 post vertical. Uma peça usa uma proporção só.

Sangra ou respeita a margem. Nunca a 12 px da borda.

Foto, render e desenho — cada um com o nome certo

Enquanto não houver foto conferida e autorizada de projeto nosso, o acervo pessoal serve de linguagem e de repertório — não de portfólio. Nenhuma dessas imagens é obra da dasHAUS.

Padrão · telha

O motivo é a telha repetida. Usar: verso de peça, fundo de story, separador de seção longa. Não usar: atrás de texto, atrás de foto, em mais de uma peça do mesmo conjunto.

A tensão que sustenta o sistema

Uma é impressa, a outra é revelada. É o mesmo mecanismo da capa de A cabeça do santo — campo perfeito contra matéria suja — só que agora com material seu em vez de referência emprestada.

Alvo de cor · cinco grades

Piauí · Minas Gerais · São Paulo · Paraná · Santa Catarina

Como usar

Vem do sistema da dasKINO, que tem um grade por estado. Cada um tem um ponto de preto e uma casa de croma diferentes. O do Paraná é onde a empresa trabalha; o de Minas foi criado aqui, porque faltava. Os valores estão na prancha Cor · cinco grades.

Isso fecha uma lacuna: a direção de fotografia tinha polo de exposição, mas não tinha alvo de cor. Agora tem cinco, e são os mesmos da outra empresa do estúdio — o que é honesto, porque são os mesmos lugares.

Cabeçalho e navegação · desktop

Altura 72 px. Símbolo e nome lado a lado — possível agora que o símbolo não é letra. Item ativo com filete de 2 px, nunca colorido.

Celular

Alvo de toque de 44 × 44 px. Menu abre em tela cheia no plano escuro, itens em 24 px.

Botão primário

Secundário e link

Todo alvo clicável tem 44 px de altura mínima, inclusive no desktop.

Ficha de projeto

Ao passar, a imagem não amplia: o filete inferior vira terra roxa e 2 px. Movimento pequeno, sistema quieto.

Índice com sinais

O sinal marca o tipo de conteúdo. É o que faz o site parecer arquivo organizado, e não vitrine.

Contato

Rodapé

O rodapé é o verbete da empresa no plano escuro, igual em todas as quatro páginas. Nenhuma página é escura inteira: o salto do creme para o preto quebrava a sequência da navegação.

Estados

Movimento de interface: 150 ms, só cor e espessura. Nada de imagem que amplia ou card que sobe.

Foco visível sempre. Nenhum componente remove o contorno de teclado.

Mapa

Como fazer, no Google. Usar a Maps JavaScript API — não o iframe de incorporar, que não aceita estilo. No console do Google Cloud, criar um Map ID com estilo próprio e apagar as camadas poi, transit e administrative.land_parcel; pintar landscape no nosso papel, road em pedra, water no creme 2 e os rótulos em pedra. Trocar o marcador padrão por um AdvancedMarkerElement com o SVG da casa em campo terra roxa.

Se não quiser chave do Google: MapLibre com tiles do Protomaps dá o mesmo mapa arrastável, com o estilo inteiro em JSON nosso e sem cota de uso. Dá mais trabalho no começo e menos dependência depois.

Conferir termos de uso e atribuição obrigatória antes de publicar — Google e OpenStreetMap exigem crédito visível. Nenhum serviço foi contratado.

O traçado · a única animação do sistema

Na abertura do site o desenho se forma traço a traço, na ordem em que se desenha de verdade: chão, paredes, estante, mesa, janela, cadeira, luminária — e só então as prateleiras, os livros, a pessoa e a planta. O espaço antes da vida nele.

O que faz parecer mão e não máquina: a primeira versão normalizava todos os traços, então uma linha de 15 px levava o mesmo tempo que uma de 410 px, com pausas idênticas. Isso é assinatura de computador.

Não repetir em outro lugar. Página de projeto, índice e proposta abrem com o desenho já feito. Animação que se repete a cada rolagem cansa e atrasa a leitura.

As regras, que não mudam

O que saiu

O desenho no meio. A cadeira flutuando no centro do quadro era ilustração de banco de imagem com sotaque nosso: bonita na prancha, invisível no feed. O desenho continua no post e na apresentação, onde ele tem tempo de ser olhado.

O padrão de telha. Entrava a 5% atrás do texto e não sobrevivia à compressão da rede — virava sujeira. Ele fica no verso de peça impressa.

Cor

Mesmos nomes no tokens.css e no tokens.json. Não criar variação de cor por peça.

Tipografia

Espaçamento e grid

O que está sendo entregue, em arquivo

Limitações — para não descobrir depois

O vetor da marca usa traço, não contorno fechado. Abre e edita em qualquer programa de vetor, mas antes de mandar para gráfica ou empacotar em fonte é preciso aplicar “converter traço em forma”. É um clique — só não pode esquecer.

Não existe arquivo de fonte da marca, e isso é de propósito: as sete letras foram desenhadas só para o nome.

As fontes não viajam na exportação em imagem. Em PNG e PDF exportados daqui, o texto pode cair na alternativa. Para material final, montar no programa de diagramação com Instrument Serif e Instrument Sans instaladas.

Toda fotografia aqui é espaço reservado. Nenhuma imagem gerada ou de terceiros foi apresentada como trabalho da dasHAUS. Os croquis e figuras são desenhos feitos para este sistema.

Os cinco grades não foram conferidos contra fotografia. Quatro foram lidos do sistema da dasKINO e o de Minas foi escrito aqui. São alvos propostos — precisam ser testados numa correção de cor de verdade antes de virar regra.

Texto entre colchetes é lacuna real: contato, arroba, domínio, valores, prazos, área e créditos de imagem. Nada disso foi arbitrado.

Para decidir

A direção (B), o ocre como campo, o creme como papel e o descritor “arquitetura de interiores · Curitiba”.

Para conferir em uso

Marca em 64 px numa tela real, croqui em 390 px e o creme sob luz forte. O teste em aparelho ainda não foi feito.

Para desenvolver depois

Papelaria, assinatura de e-mail, carimbo de prancha técnica, e uma versão da marca com traço mais grosso caso apareça aplicação abaixo de 64 px.

Processo · 2026-09-12

As ramificações

Oito eixos, cinquenta e uma decisões. Vinte e duas foram descartadas e estão aqui com o motivo — saber por que um caminho não serviu vale tanto quanto saber qual serviu, e impede que ele volte por distração daqui a seis meses.

Cada eixo tem uma prancha com os desenhos no canvas de ramificações.

Marca

o que assina · 4 de 7

Matéria

como a imagem é feita · 2 de 7

Cor

os dois sistemas · 4 de 8

Tipografia

quem fala · 3 de 5

Sistema

o que organiza · 5 de 8

Site

quatro páginas · 4 de 9

Movimento

como o traço aparece · 3 de 5

Parentesco

o que vem da dasKINO · 3 de 6

Decisões em aberto

Depende de material seu

Como ler este mapa

Dentro de cada eixo a ordem é cronológica: o que veio primeiro está em cima. Onde há vários descartes seguidos, foi um caminho que precisou de três ou quatro tentativas até fechar — matéria e cor são os dois mais longos, e não por acaso: foram os que você corrigiu mais vezes.

Um descarte aqui não é erro anotado. É uma porta fechada com o motivo escrito no batente, para ninguém reabrir sem argumento novo.