bloco
quadrado chapado.
use para: massa de cor, céu, montanha do meio.
kadmo / acid-shellscape
IDENTIDADE VISUAL / DESIGN SYSTEM
Acid Shellscape
Paisagens abstratas feitas de células de terminal.
bloco · meio-tom · pontos · caractere
[ 01 — O NOME ]
Uma identidade, três palavras.
Acid
as cores: amarelo ácido, coral, lilás e lima.
Shell
a linguagem do terminal: fonte mono, caracteres, etiquetas de código.
Scape
a paisagem: céu, montanhas e água, ou uma foto inteira, viram uma grade de quadrados.
[ 02 — TEMAS ]
Três horas do dia, uma paleta cada.
const hora = 18;
Além dessas três, que seguem a hora do dia, há cinco temas escolhidos à mão: neon, aurora, doce, deserto e tropical. Estão na galeria, mais abaixo.
[ 03 — RECEITAS ]
Cada quadrado é desenhado de um de quatro jeitos.
meio-tom
hachura diagonal cruzada; a densidade segue a luz.
use para: distância, névoa, nuvens densas.
pontos
matriz de quadradinhos; o tamanho segue a luz.
use para: halos, nuvens leves, aurora.
caractere
um glifo de .:-=+*#%@$ em fonte mono.
use para: primeiro plano, água, textura de rocha.
mais o blob: círculos que se sobrepõem e se fundem, a assinatura do sol e da lua.
[ 04 — PRINCÍPIOS ]
Regras que seguram a estética.
- Quanto mais longe, mais leve a receita: longe é meio-tom, meio é bloco, perto é caractere.
- Movimento picotado, 10–12 quadros por segundo, sempre por camadas. Nada de easing suave.
- Todo “aleatório” vem de
hash(coluna, linha, semente), nunca deMath.random()a cada quadro. - Sem gradiente suave, blur, sombra ou cantos arredondados (só nos blobs).
- Texto de interface soa como código: minúsculas, mono,
const hora = 18;. - No máximo cinco cores de destaque por cena, e uma domina.
[ 05 — COMO USAR ]
Importe os tokens, desenhe as células.
1 · cores e medidas
<link rel="stylesheet" href="tokens/acid-shellscape.css">
<html data-theme="poente"> /* + dia, noite, neon, aurora,
doce, deserto, tropical */2 · células, em qualquer canvas 2D
import { block, halftone, dots, glyph, blob } from './src/cells.js';
block(ctx, 0, 0, 16, '#1f74c4');
halftone(ctx, 16, 0, 16, '#0e2f52', '#fff', .6);
dots(ctx, 32, 0, 16, null, '#f4f6f8', .8);
glyph(ctx, 48, 0, 16, '#', '#9cc3e4', '#0e2f52');
blob(ctx, 64, 0, 16, '#e6e61e');o repositório também traz a paisagem completa, um conversor de imagem em células e um pacote de papel de parede interativo.
[ 06 — JANELAS ]
O sistema também vira interface.
[ 07 — GALERIA ]
Mais do que uma paisagem.
O sistema cresceu: cinco janelas que reagem ao toque (vida.cell, radar.sh, fogo.cell, cobra.sh e sistema.sh), seis estilos de barra de título, sete paletas, fundos novos e conjuntos de janelas. Tudo com as mesmas quatro receitas.
Código aberto, licença MIT.