Artes da área de membros — onde cada arquivo entra

DS v4 "Sumi-Swiss", modo escuro · v2 · 18/07/2026 Fonte única: source/artes-area-membros.html · export por ?only=<id>

Arquivo	Tamanho	Onde entra
capa-fda.png	1280×720	Capa do produto Fora do Automático
capa-fda-300.png	300×250	A mesma capa, formato pequeno
capa-fda-320.png	320×480	A mesma capa, formato retrato
capa-zen.png	1280×720	Capa do produto Modo Zen
capa-zen-300.png	300×250	Formato pequeno
capa-zen-320.png	320×480	Formato retrato
mod1.png … mod5.png	1280×720	Capa de cada módulo
mod1-320.png … mod5-320.png	320×480	A mesma capa de módulo, formato retrato
topo.png	2000×590	Banner do topo (desktop)
topo-mobile.png	1080×720	Banner do topo (celular)

Por que escuro

A área de membros da Kiwify é escura por padrão. Card cor de papel dentro de uma casca preta vira retângulo aceso, corpo estranho na tela. E aqui é ambiente de leitura, não de anúncio: o claro serve pra chamar atenção na página de vendas, o escuro serve pra não cansar quem já comprou e vai voltar sete dias seguidos. O DS v4 tem os dois temas, então isso é aplicação do sistema, não exceção.

Como as duas capas se separam

A lógica é a mesma do ebook, transposta para o escuro:

	ebook	área de membros
Fora do Automático	campo papel + risca vermelhã	campo tinta (sumi) + risca vermelhã
Modo Zen	campo índigo + toggle ON	campo índigo + toggle ON

Os dois são escuros, mas de volumes diferentes — os dois volumes que o v4 já define. A foto é a mesma nas duas, em duotone screen sobre o campo, como a variante Zen do ebook já fazia: o A/B testa o nome, não a imagem. Trocar a foto entre as pernas contaminaria o teste.

A palavra de cada módulo

Todas de dois caracteres e de uso corrente — a correção veio do dono, que apontou que 壁 sozinho é a parede física, não o papel de parede:

概要 gaiyou (a visão geral) · 壁紙 kabegami (o papel de parede) · 記録 kiroku (o registro) · 証拠 shouko (a prova) · 継続 keizoku (a continuidade)

A faixa da palavra é clara sobre o escuro, invertendo o corpo da peça: é o que puxa o olho para o nome do módulo quando as cinco capas aparecem empilhadas na lista.

O formato retrato dos módulos

Mesma gramática da versão larga, girada: corpo escuro em cima (número, título, descrição) e a faixa clara da palavra embaixo, com romaji e significado centralizados sob o kanji (na versão larga isso vem da classe .palavra; aqui a faixa inteira centraliza). Em 320px de largura o rodapé de frase solta da versão larga ("honesto vale mais que bonito", "qualquer queda é vitória") não entra — viraria ruído embaixo da descrição. Se for preciso trazê-lo, é ajuste no .mod-r .cima.

Notas de produção

O tipo é dimensionado à palavra. "AUTOMÁTICO" ocupa 8,69px de largura por 1px de corpo em Archivo 900 a 125% de largura — medido dentro da própria peça, não estimado. Daí 29px no formato 320 e 27px no 300. Nos formatos pequenos o Modo Zen usa corpo maior (h1.curto), porque o nome é curto e ficaria pequeno demais se seguisse a mesma régua. Nos módulos em retrato, o título mais largo é "RELATÓRIO" com 249px dos 268 disponíveis — todos passam a 29px.

A fonte é dark-only. A versão clara desta mesma arte está no histórico do git (commit anterior), caso um dia seja preciso voltar.

⚠️ Pendente: as peças de MARCA

As artes em brand/area-membros-* (logo da área, fundo de login, favicon) continuam na paleta antiga — azul #2B54CE com gradiente de céu e fonte Bricolage. Elas são de marca, valem pra todos os produtos, e vão brigar com estas. Refazer no v4 quando forem usadas.