Mothus — Feed Vitrine

A peça final · O Cruzamento · mockup em CSS, não é arte final

6.0média
6.5A MINIATURA (T
6.5TRAVA 2
4O LOGO TROCADO
7Conferidor
Ainda não passou. Régua é 7. O sistema foi aprovado pelos quatro conferidores — grade, âncora, regra de cor, tipografia e ordem de publicação ficam. O que falha é copy de 3 capas e 2 medidas do CSS, e já está em conserto. Veja o que está de pé.

O teste que importa: o perfil a 110px

É esse o tamanho em que o comprador julga. Nada aqui foi reduzido na marra: são as mesmas peças da seção de baixo, renderizadas no tamanho real do quadradinho do Instagram. A linha de cima é o que ele vê primeiro — e por isso ela é 1 · 8 · 3: o congelado, a categoria e onde a empresa entrega.

grid do perfil · 110px por quadro

As nove capas, tamanho de leitura

Toda medida da peça está em cqw, então é a mesma marcação de cima, só que maior. O que muda de quadro pra quadro é a cor (papel = o que é do cliente · verde-noite = o que é nosso · verde = o único que pede a cotação) e a linha em que a palavra-chave senta.

Mothus · vitrine de 9 · peça final

O Cruzamento

Transportadora de carga fracionada com a câmara fria e a doca no mesmo galpão, criada pelo Grupo MJ Alimentos. Nenhum concorrente de SC assina a frase inteira — e a vitrine existe pra que ela apareça nos três primeiros quadrados do perfil, a 110px, sem ninguém abrir nada.

O perfil montado

o corte quadrado do grid, no branco do app · linha 1: 1 · 8 · 3 — congelado, fracionada, Santa Catarina

Pegamos poucos
paletes de
CONGELADO.

Resfriado também. Câmara e doca aqui, ao lado do Grupo MJ.

MOTHUS

Transportadora
de carga
FRACIONADA.

Congelado, resfriado e seco no mesmo galpão, em São José.

MOTHUS

Entregamos em
SANTA
CATARINA.

Sai fracionado da mesma doca onde ficou guardado.

MOTHUS

Carga de fora
entra na nossa
CÂMARA.

Redespacho e cross-docking pra quem descarrega em São José.

MOTHUS

A INDÚSTRIA
ao lado é o
Grupo MJ.

A Mothus nasceu dela, e a doca é a mesma.

foto REAL obrigatória: o galpão da Mothus visto da doca, com a unidade da indústria ao lado
MOTHUS

Coletamos o
CONGELADO
na sua fábrica.

A câmara é nossa, na mesma doca. Da indústria pra rede.

MOTHUS

Me manda
CINCO DADOS.

Origem, destino, tipo de carga, quantidade e frequência.

MOTHUS

Alguns paletes
já são carga
FRACIONADA.

Você não precisa fechar um caminhão inteiro.

MOTHUS

Congelado e
RESFRIADO
saem desta doca.

Não pegam rua entre o armazém e a doca.

foto (pode ser gerada): o palete saindo da porta da câmara direto pra doca, o mesmo corredor nos dois lados
MOTHUS

A TRAVA 5, resolvida à vista: o painel acima é branco de propósito — é o fundo do app. O papel-doca #e9e3d7 sozinho dá só 1,35:1 contra esse branco e não daria borda nenhuma. Quem dá a borda é a laje verde-noite de 180px (18,3px na miniatura) no pé de toda peça clara e da verde, somada à tarja verde da chave no meio do quadro. Creme #f7f5f1 é TINTA, nunca papel.

A prova dos 110px

o mesmo arquivo, no tamanho em que o comprador julga · embaixo de cada um, a palavra que sobra

Pegamos poucos
paletes de
CONGELADO.

Resfriado também. Câmara e doca aqui, ao lado do Grupo MJ.

MOTHUS
1 · CONGELADO7,99px de altura de letra

Transportadora
de carga
FRACIONADA.

Congelado, resfriado e seco no mesmo galpão, em São José.

MOTHUS
8 · FRACIONADAa tarja é a massa que o olho acha

Entregamos em
SANTA
CATARINA.

Sai fracionado da mesma doca onde ficou guardado.

MOTHUS
3 · SANTA CATARINAduas tarjas empilhadas

Carga de fora
entra na nossa
CÂMARA.

Redespacho e cross-docking pra quem descarrega em São José.

MOTHUS
4 · CÂMARAprova exclusiva na camada grande

A INDÚSTRIA
ao lado é o
Grupo MJ.

A Mothus nasceu dela, e a doca é a mesma.

foto real
MOTHUS
7 · INDÚSTRIA+ faixa de foto de 28,4px

Coletamos o
CONGELADO
na sua fábrica.

A câmara é nossa, na mesma doca. Da indústria pra rede.

MOTHUS
5 · CONGELADOtarja na linha do meio

Me manda
CINCO DADOS.

Origem, destino, tipo de carga, quantidade e frequência.

MOTHUS
9 · CINCO DADOS8,84px — a maior da vitrine

Alguns paletes
já são carga
FRACIONADA.

Você não precisa fechar um caminhão inteiro.

MOTHUS
2 · FRACIONADAa objeção nº1, com a palavra que a nomeia

Congelado e
RESFRIADO
saem desta doca.

Não pegam rua entre o armazém e a doca.

foto
MOTHUS
6 · RESFRIADOa outra metade do par frio

O que a miniatura NÃO entrega, e está declarado: o apoio tem 6,42px de caixa alta e 4,58px de altura de x — ele é camada de textura, não texto legível a 110px, e existe pra quem abre o post. A linha de caixa baixa da frase tem 5,70px de altura de x: massa escura, não palavra. A única coisa que se LÊ em cada quadro é a chave em caixa alta.

O carrossel da capa 1

4:5 · o post-tese — o último a subir, e o que fica no topo do perfil pra sempre

Pegamos poucos
paletes de
CONGELADO.

Resfriado também. Câmara e doca aqui, ao lado do Grupo MJ.

MOTHUS
02

O que é
carga fracionada

É quando você tem alguns paletes para mandar e não precisa fechar um caminhão inteiro. A coleta é na sua fábrica.

MOTHUS
03

O frio tem
faixa própria

Congelado e resfriado têm faixa própria dentro da câmara. A carga seca fica na área não climatizada do mesmo pavilhão — o galpão vizinho ao da indústria do Grupo MJ Alimentos.

foto: a porta da câmara aberta, palete de caixa gelada no batente
MOTHUS
04

O palete
não pega rua

Entre o armazém e a doca ele não faz viagem nenhuma: fica guardado aqui e sai para a entrega daqui mesmo. O estoque e a entrega saem do mesmo galpão.

MOTHUS
05

De onde sai
e onde entra

Coletamos na indústria e entregamos na rede de supermercado, em todas as regiões de Santa Catarina. Redespacho e cross-docking para transportadora de fora do estado.

MOTHUS
06

Me manda
cinco dados

Origem, destino, tipo de carga, quantidade e frequência. Eu monto a cotação.

WhatsApp (48) 99648-0301
MOTHUS

Marcação de mockup, não é arte: os campos de cor com rótulo “foto:” saem na produção e entram as imagens. O número do WhatsApp só existe na última página do carrossel — nunca em capa: ninguém disca de um quadradinho de 110px.

Capa a capa, e o teste do logo trocado

A coluna da direita é a régua que mais reprovou: troque o logo da Mothus pelo de qualquer concorrente de SC e veja se a frase continua verdadeira. Se continuar, a capa é da categoria, não da empresa.

#A capaO que sobra a 110pxLogo trocado
1 Pegamos poucos paletes de CONGELADO.
Resfriado também. Câmara e doca aqui, ao lado do Grupo MJ.
CONGELADO. morre
2 Alguns paletes já são carga FRACIONADA.
Você não precisa fechar um caminhão inteiro.
FRACIONADA. sobrevive
3 Entregamos em SANTA CATARINA.
Sai fracionado da mesma doca onde ficou guardado.
SANTA sobre CATARINA. sobrevive
4 Carga de fora entra na nossa CÂMARA.
Redespacho e cross-docking pra quem descarrega em São José.
CÂMARA. morre
5 Coletamos o CONGELADO na sua fábrica.
A câmara é nossa, na mesma doca. Da indústria pra rede.
CONGELADO morre
6 Congelado e RESFRIADO saem desta doca.
Não pegam rua entre o armazém e a doca.
RESFRIADO morre
7 A INDÚSTRIA ao lado é o Grupo MJ.
A Mothus nasceu dela, e a doca é a mesma.
INDÚSTRIA morre
8 Transportadora de carga FRACIONADA.
Congelado, resfriado e seco no mesmo galpão, em São José.
FRACIONADA. sobrevive
9 Me manda CINCO DADOS.
Origem, destino, tipo de carga, quantidade e frequência.
CINCO DADOS. sobrevive

O que os conferidores disseram

Três críticos com lentes separadas e um conferidor que não tem gosto, tem régua — 14 itens medidos, um ponto a menos por item que não cumpre.

6.5 A MINIATURA (TRAVA 1), medida

Não é a morte da rodada 1 — 5 quadros têm silhueta de verdade (barra escura em campo claro, 4,94:1, massa e não tipo). Mas a TRAVA 1 cai em 4 dos 9, e cai medida: as capas 2 e 8 são o MESMO quadro a 110px (barra verde de 77,1px, terceira linha, papel, laje — idênticas ao pixel, e na mesma coluna do grid); as capas 6 e 7 diferem por 2,5px de massa; o apoio da capa 4 quebra em 4 linhas de verdade e entra na laje; e a hierarquia da chave é defendida com um número que não existe (39,6:1 — o teto do sRGB é 21:1; o real é 13,32:1). O que sobra, capa a capa, a 110px: 1) barra clara de 74px na 3ª linha dentro de 5 linhas de borrão — separa só por CAIXA · 2) barra verde 77,1 × 14,8px, linha 3 · 3) NÃO são duas barras: as tarjas de linhas vizinhas se sobrepõem 35,4px e fundem num bloco escalonado de 26px — é a silhueta mais forte do grid, só que não é a declarada · 4) barra 52,9px, linha 3, com o apoio estourando por baixo · 5) barra 71,3px, linha 2 · 6) palavra creme de 62,1px, linha 2 · 7) palavra creme de 59,6px, linha 1 — gêmea da 6 · 8) barra 77,1px, linha 3 — gêmea da 2 · 9) creme de 89,6px com 8,84px de altura de letra no único quadrado verde: o quadro mais rápido da vitrine. Refaz a copy de dois quadros e sobe o degrau; não refaz o sistema.

  • GÊMEAS: capas 8 e 2 são o mesmo quadro a 110px — papel-doca, barra verde de 77,1 × 14,8px na terceira linha, mesma laje, mesmo fio. O que as separa ('Transportadora' × 'Alguns paletes') tem 5,70px de altura de x, que é borrão. E elas caem em (1,2) e (3,2): mesma coluna, vistas juntas. 2 dos 9 quadros valem 1.
  • QUASE-GÊMEAS: capas 7 e 6 — as duas escuras com faixa de foto, palavra creme de massa praticamente igual (INDÚSTRIA 59,6px × RESFRIADO 62,1px), diferindo só pela linha em que a palavra senta. São vizinhas na diagonal escura.
  • NÚMERO INVENTADO no coração da defesa: 'chave #f7f5f1 (39,6:1)' aparece duas vezes. Contraste em sRGB não passa de 21:1. O real é 13,32:1 — e num documento cujo argumento inteiro é 'medido, não gosto', isso contamina tudo o que eu não conferi.
6.5 TRAVA 2

REPROVA por UM quadro. A vitrine não volta inteira — a capa 8 volta pra copy, e a autoconferência da TRAVA 2 volta pra verdade. O placar de movimento declarado pelo próprio autor (5 de movimento × 2 de estado × 1 sem verbo × 1 CTA) dá 4 quadros SEM verbo de movimento, e a régua escrita nesta mesma peça diz que a vitrine "só aguenta 3 quadros sem movimento antes de virar armazém frigorífico". Ele escreveu o número que o reprova e não fez a conta. E a frase "substantivo de armazém na camada grande: zero" é falsa: CÂMARA é a ÚNICA palavra legível da capa 4 a 110px.

  • O TETO DE MOVIMENTO ESTOUROU EM 1: quadros sem verbo de movimento da carga = capa 2 ('já são'), capa 7 ('é'), capa 8 (sem verbo nenhum) e capa 9 (CTA). São 4 contra o teto de 3 da própria régua. A capa 8 é a única das quatro que não tem desculpa estrutural (2 é redação aprovada pela cliente, 7 é a prova institucional, 9 é o CTA) — é ela que tem que se mexer.
  • DECLARAÇÃO FALSA NA AUTOCONFERÊNCIA: 'substantivo de armazém na camada grande: zero'. CÂMARA é a chave da capa 4, em caixa alta, e é a única palavra que sobra naquele quadro a 110px. INDÚSTRIA na capa 7 é o mesmo caso. Lendo o grid como estranho, a 110px, as nove palavras legíveis são: CONGELADO · FRACIONADA · SANTA CATARINA · CÂMARA · CONGELADO · RESFRIADO · INDÚSTRIA · FRACIONADA · CINCO DADOS. O placar real é 5 quadros de frio/estrutura/indústria (1,4,5,6,7) contra 3 de transporte/geografia (2,3,8). O grid não vira armazém frigorífico, mas passa perto — e não foi por medição que ele escapou, foi por sorte.
  • TRANSPORTADORA NÃO EXISTE A 110px EM QUADRO NENHUM. Ela aparece em 1 dos 9 (capa 8) e em caixa baixa, e o próprio autor declara que ali ela é 'massa, não palavra'. A palavra que o comprador digita no Google não é legível em lugar nenhum da vitrine. Isso está declarado e assumido, mas fica sendo o furo mais caro da TRAVA 2: o estranho tem que deduzir a categoria de FRACIONADA, que é jargão — funciona pro comprador de indústria, não pro resto.
4 O LOGO TROCADO (TRAVA 3)

REPROVA. Com outro logo, 8 das 9 capas continuam verdadeiras no que o comprador lê a 110px — só a capa 7 morre na camada grande. A régua pede 4 mortes com a prova na camada grande; a autoconferência declara 5 e entrega 1. A capa 1 carrega o cruzamento inteiro, sim, mas 3 das 4 pernas estão no apoio que o próprio autor declarou como textura. Nenhuma expressão de domínio público: zero capa reprova por esse critério.

  • 1 morte de 9 na camada grande, contra as 4 exigidas — e a autoconferência declara 5. Contando também o apoio dá 2 limpas (1 e 7) e 3 contestáveis.
  • CAPA 1, a peça-tese, SOBREVIVE ao logo trocado no que se lê: 'Pegamos poucos paletes de CONGELADO' é verdade pra qualquer frigorificada de SC. O que mata é 'ao lado do Grupo MJ' — no apoio de 4,58px que o autor declarou, na mesma peça, como camada de textura. O cruzamento está inteiro na capa 1 e 3 das 4 pernas estão onde ninguém lê.
  • CAPA 4 não morre: 'nossa CÂMARA' é posse, não exclusividade. Quem recebe redespacho frigorificado em SC tem câmara — senão não recebe. Frase verdadeira com o outro logo.
7 Conferidor

REPROVA — 11 dos 12 itens passam, mas o que falha é o item 5, que é a razão de existir da vitrine: com o logo trocado só 2 das 9 capas ficam falsas (a trava pede 4), e uma dessas 2 só morre no apoio de 4,58px que o próprio autor declarou ilegível. Somam-se dois defeitos medidos que a autoconferência não pegou porque contou caractere em vez de medir a fonte: o apoio da capa 4 quebra em 4 linhas e termina 78px dentro da laje (a última linha vira tinta #06301d sobre fundo #06301d — some), e a tarja da chave mede 145,2px de caixa contra 109,8px de avanço de linha, então em SANTA/CATARINA as duas barras se fundem numa só e nas capas 2, 3 e 8 o bloco verde passa por cima dos descendentes da linha de cima. Nota 7 = 10 −1 (item 5) −1 (capa 4) −1 (tarja). O sistema (grade, âncora, cor, ordem de publicação, tipografia) está de pé e não se mexe; o que refaz é copy de 3 capas e 2 números do CSS.

  • ITEM 5 — NÃO CUMPRE. Troquei o logo por uma transportadora qualquer de SC e li as nove: só 2 ficam falsas, e a trava pede 4. Morrem: capa 7 ('A INDÚSTRIA ao lado é o Grupo MJ') e capa 1 — mas a capa 1 só morre por causa de 'ao lado do Grupo MJ', que está no apoio de 90px = 4,58px de altura de x na miniatura, a camada que o próprio autor declarou textura e não texto. Sobrevivem inteiras as três que o autor declarou como morte: capa 4 ('Carga de fora entra na nossa CÂMARA' + redespacho em São José = qualquer armazém frigorífico de São José assina), capa 5 ('Coletamos o CONGELADO na sua fábrica' + 'a câmara é nossa, na mesma doca' = a frase do frigorífico do briefing) e capa 6 ('Congelado e RESFRIADO saem desta doca' + 'não pegam rua' = a frase do armazém integrado). Possessivo ('nossa', 'desta') não é exclusividade: o próprio briefing diz que cada metade do cruzamento, sozinha, é a frase de um concorrente diferente. Placar real: 2 mortes, 1 delas na camada grande — o autor declarou 5 mortes, 4 na camada grande.
  • CAPA 4 — o apoio não cabe em 3 linhas. 'Redespacho e cross-docking pra quem descarrega em São José.' (59 caracteres) quebra em 4 linhas medidas na Figtree-500 a 90px/−1,2% em 904px: 'Redespacho e' (560px) / 'cross-docking pra' (713px) / 'quem descarrega em' (831px) / 'São José.' (376px). Com 4 linhas o texto termina em y1113 — 78px DENTRO da laje que começa em y1035. 'São José.' fica em #06301d a 78% sobre laje #06301d: contraste 1:1, a linha some. O orçamento de 20 caracteres por linha × 3 = 60 é fantasia de empacotamento perfeito; medido, o teto real de um apoio de 3 linhas com quebra automática é 48–58 caracteres, e depende das palavras. Risco vizinho: a capa 8 fecha a linha 1 em 893,9px dos 904 (10px de folga) e a capa 9 em 898,6px — qualquer kerning, fallback de fonte ou acento a mais joga as duas pra 4 linhas e pra dentro da laje pelo mesmo caminho.
  • A TARJA DA CHAVE — a tabela declara ~99px de altura (10,1px na miniatura) e o CSS entrega 145,2px. A caixa de fundo de um <b> inline é a área de conteúdo da fonte (hhea 950/−250 = 1,2em = 134,4px a 112px) mais o padding vertical de 2 × 0,5cqw (10,8px), e o avanço de linha com line-height .98 é 109,8px: sobra 35,4px de sobreposição. Consequências medidas: na capa 3 as tarjas de SANTA e CATARINA se sobrepõem 35px e leem como UM bloco verde, matando a 'silhueta mais reconhecível do grid — duas barras, não uma'; e como o fundo do <b> pinta depois do texto da linha de cima, o bloco verde começa 2px ACIMA da baseline anterior e cobre os descendentes de 'de carga' (capa 8), 'já são carga' (capa 2) e 'Entregamos em' (capa 3).