OXIDE Visual System v2

00 · Princípios

OXIDE é “warm machine minimalism” — onde o minimalismo humanista encontra a máquina analógica. Papel envelhecido, tinta ferruginosa, restrição. A beleza está no que se remove.

Restrição sobre decoração

Nada entra sem função. Espaço em branco, hairlines finas e silêncio valem mais que ornamento.

Pigmento, não pixel

Cores de terra, textura de papel e grão. O digital veste-se de analógico, nunca de néon.

III

Mostre a máquina

Numerais romanos, rótulos mono, índices e marcas de registro — a estrutura aparece, sutil e honesta.

Duas vozes apenas

Spectral para sentir, Hanken/IBM para trabalhar. Sem ruído tipográfico.

01 · Paleta base

9 cores formam o núcleo. Inspirado em papel envelhecido, tinta ferruginosa e máquinas analógicas.

Modo claro

Paper

#ECE7DA

Bone

#F5F1E7

Parchment

#E3DCC9

Ash

#C9C0AC

Umber

#56503F

Ink

#211E18

Clay

#B65A37

Rust

#A8472A

Oxide

#6E2E18

Modo escuro · data-theme="dark"

Paper

#13110E

Bone

#1C1916

Parchment

#100E0B

Ash

#2C2820

Umber

#8C7E6E

Ink

#EBE5D4

Clay

#C87850

Rust

#C05A38

Oxide

#D47050

02 · Temas de accent

4 accents intercambiáveis via data-accent, cada um redefinindo clay / rust / oxide.

--clay

#B65A37

#5E7A67

#C8724F

#688078

--rust

#A8472A

#3D6352

#B65A37

#4F635F

--oxide

#6E2E18

#294540

#7C3E26

#33433F

03 · A marca

O selo Lumen é monocromático — uma cor por aplicação. Ele se recolore com o tema e os accents, sempre dentro da paleta OXIDE. (No editor de posts e no site, é renderizado em vetor e tingido automaticamente.)

Sobre fundo claro

Ink · #211E18

Rust · #A8472A

Oxide · #6E2E18

Ink / Parchment

Reverso · sobre fundo escuro

Bone · #F5F1E7

Ink (dark) · #EBE5D4

Rust (dark) · #C05A38

Oxide (dark) · #D47050

Por accent (cor principal de cada tema)

Rust

Moss

Clay

Steel

Uso correto

Uma única cor da paleta OXIDE por aplicação.
Área de respiro ≥ 1× a altura do “L” em volta.
Tamanho mínimo legível ≈ 28px (tela) / 10mm (impresso).
Reverso (bone) sobre fundos escuros ou foto.

Evitar

Recolorir fora da paleta OXIDE.
Distorcer, rotacionar ou aplicar sombra/contorno.
Gradiente ou múltiplas cores no selo.
Sobre fundo de baixo contraste.

Downloads da marca

PNG

Selo · PNG

Fundo transparente · alta resolução

↓ Baixar

SVG

Selo · SVG

Vetor escalável · qualquer tamanho

04 · Tipografia

Display · Spectral

Pesos 300 · 400 · 500
Itálico = ênfase
var(--font-display)

Marcas que iluminam

Títulos, citações, displays — uso editorial e emocional.

Corpo · Hanken Grotesk

Pesos 400 · 500 · 600 · 700
17px / 1.7
var(--font-body)

Identidades visuais artesanais, desenhadas à mão e pensadas à luz de cada lugar. O bom design une estética e estratégia.

Mono · IBM Plex Mono

Pesos 400 · 500
letter-spacing .14–.26em
var(--font-mono)

Estúdio de Design

R$ 1.897

Baixar fontes · Google Fonts

Spectral Display · pesos 300–600 · itálico ↗ Google Fonts Hanken Grotesk Corpo / UI · pesos 400–700 ↗ Google Fonts IBM Plex Mono Labels / mono · pesos 400–500 ↗ Google Fonts

05 · Hierarquia tipográfica

Display H1Spectral 300 · clamp(2.8–5.6rem)

Marcas que iluminam

Heading H2Spectral 300 · 2–3.4rem

Identidade visual completa

Eyebrow / LabelIBM Plex Mono · 10–11px · UPPER

Identidade Visual · Portfólio · Processo

CorpoHanken 400 · 17px / 1.7

Criamos marcas com estratégia, estética e desenho autoral, traduzindo a essência de cada negócio.

06 · Botões

Sobre fundo claro

Ver pacotes

Primário · rust

Saiba mais

Ghost · border ink

Sobre fundo escuro

Iniciar projeto

Primário · rust

Saiba mais

Ghost · border bone

07 · CSS Tokens

Variável	Claro	Escuro	Uso
--paper	#ECE7DA	#13110E	Fundo da página
--bone	#F5F1E7	#1C1916	Superfície / card
--ash / --line	#C9C0AC	#2C2820	Hairlines, bordas
--umber	#56503F	#8C7E6E	Texto secundário
--ink	#211E18	#EBE5D4	Texto principal
--rust	#A8472A	#C05A38	Accent · botões, logo
--font-display	'Spectral', Georgia, serif		Títulos
--font-body	'Hanken Grotesk', system-ui		Corpo / UI
--font-mono	'IBM Plex Mono', monospace		Labels, preços