Visual language do Steve OS. Inspirado em Apple Human Interface Guidelines.
Cores, tipografia, espaçamento, componentes, voz.
Lockup primário · header e branding
Wordmark · uso em overview e fala interna
Cores do sistema Apple iOS. Mesmas cores em light + dark com tunings específicos pra cada modo.
SF Pro (system) com Inter como fallback. JetBrains Mono pra labels técnicos e meta.
Display
Headline
Title
Subtítulo · descrição expandida usada em hero e secções
Corpo de texto padrão. Default 15px Inter. Use pra parágrafos, descrições, lista de bullets.
ANTHROPIC · HAIKU 4.5
DMs · grupos · áudios · multi-canal
Grid de 8pt. Toda dimensão é múltiplo de 8.
RADIUS
8 · 12 · 16 · 20 · 24 px
BORDER
1px solid · 1.5px dashed (frames)
SHADOW
sm · md · lg · glow
Building blocks reutilizáveis em todos os diagramas e páginas.
Card Default
descrição mono · 11px
Card Hero
com border colorida
Surface plain
Sem border colorida. Pra grids.
Container com border tracejada e label flutuante. Usado pra agrupar conjuntos lógicos (VPS, GitHub, Tools).
Iconify · Solar set (bold-duotone) pra UI · Logos set pra integrações de brand.
Solar bold-duotone
UI primária · 18-32px
Logos
marcas · cores oficiais
Simple Icons
tech brands monochrome
Direto, confiante, humano. Sem jargão técnico em copy comercial. Sem floreio.
"Você fala. Ele resolve."
Direto. Subject-verb. Frases curtas.
"Plataforma de IA conversacional multi-modal..."
Jargão. Buzzwords. Floreio corporativo.
"Conectado a 200+ apps."
Número concreto. Sem qualificadores.
"Integra-se com diversos aplicativos..."
Vago. "Diversos" não vende.
PERSONA
Caveman premium. Direto sem ser rude. Senior sem condescender.
REGRAS
Frases < 15 palavras. Active voice. Português BR direto.
EVITAR
Emojis em copy. "Solução". "Empoderar". "Jornada".