Linear Precision Dark
Estilo Linear Precision Dark com engenharia de precisão, Inter Variable cv01/ss03 e acento indigo-violeta. Ideal para ferramentas de gestão e SaaS developer.
Uso: Ferramentas de gestão de projetos, SaaS developer, Plataformas de engenharia, Issue trackers
Contexto Histórico
Inspirado no Linear.app, referência em design dark-mode-first com precisão tipográfica e uso sofisticado de Inter Variable com features OpenType.
Quando Usar
Reach for this system when you're building tools where precision is the product. Developer dashboards, CI/CD interfaces, code review platforms, analytics for technical audiences — anywhere your users have trained eyes and zero patience for visual noise. It works when your product needs to communicate competence through restraint. Not for consumer apps, not for friendly onboarding flows. This is for products where the interface should feel like an instrument, not a toy.
Princípios de Design
- Precision over decoration — every pixel serves navigation or hierarchy, nothing exists for ornament
- Purple as surgical accent — used sparingly to mark interactive states and active elements, never as fill
- Motion as feedback, not spectacle — transitions confirm actions in under 200ms, animations never delay the user
- Contrast through restraint — dark surfaces create depth via subtle elevation shifts, not gradients or glows
- Information density without clutter — respect that technical users want data-rich views with clear spatial logic
Especificações Técnicas
Cores
Primárias
Secundárias
Efeitos
Dark-mode-first com canvas near-black (#08090a). Inter Variable com features cv01 e ss03 para estética geométrica. Weight 510 como peso padrão (entre regular e medium). Letter-spacing agressivo negativo (-1.584px em 72px). Bordas semi-transparentes brancas (rgba 0.05-0.08). Botões com background near-zero opacity (rgba 0.02-0.05). Acento indigo-violeta (#5e6ad2) como única cor cromática.
Light/Dark
✗ Not Recommended / ✓ Full
Relacionados
Última sincronização: 01/04/2026