Moodboard
Referências visuais, texturas e pistas atmosféricas que definem a estética Uebi. Uma coleção curada de influências destiladas no nosso DNA de design.
Visão Geral do Mood
A filosofia por trás de cada pixel.
Dark Cockpit
Edition
Inspirada em cockpits de aeronaves e salas de controle de missão, a estética Uebi prioriza densidade de informação sem sobrecarga cognitiva. Toda superfície é escura para reduzir fadiga visual durante sessões longas. Todo acento é deliberado — um sinal, não decoração.
Abraçamos a tensão entre precisão técnica e calor humano. JetBrains Mono comunica exatidão; as formas geométricas e terminais arredondados da Plus Jakarta Sans convidam à legibilidade. Gradientes azuis fluindo para violeta transmitem lógica e criatividade simultaneamente. Este é design para construtores que se importam com ofício.
Toda decisão de design começa no escuro. Light mode é derivado, nunca primário.
Máxima informação por viewport. Denso, mas nunca desorganizado.
Monospace encontra humanist sans. Código encontra prosa. Lógica encontra sentimento.
Blue-to-violet é nosso arco assinatura. De dados (azul) a design (violeta).
Superfícies glass, texturas grain, orbes de glow — a realidade tem camadas, nós também.
Referências Visuais
Nove influências que moldam a linguagem de design da Uebi.
Linear App
Masterclass em densidade de UI escura. Cada pixel ganha seu lugar. Modelo de interação keyboard-first com camadas de superfície ultra-refinadas.
Vercel Dashboard
O padrão ouro para interfaces escuras voltadas a desenvolvedores. Base monocromática com uso cirúrgico de cor de acento para guiar atenção.
Stripe Press
Precisão tipográfica encontra calor editorial. Prova que marcas técnicas podem parecer humanas sem sacrificar sofisticação.
Raycast
Borrou a linha entre SO e web. Vidro fosco, gradientes vibrantes e micro-interações ultra-responsivas.
Framer Motion Docs
Animação como documentação. Cada transição ensina. Física de molas comunicada através de playgrounds interativos com tema escuro.
Arc Browser
Reimagina hierarquia espacial com espaços codificados por cor. Escolhas de paleta ousadas que parecem lúdicas e intencionais.
Awwwards Annual
Layouts digitais com qualidade de impressão. Controle extremo de espaço em branco, tipografia oversized e composições de grid cinematográficas.
Midjourney Showcase
Canvas escuro que deixa o conteúdo respirar. Grids masonry com estados hover sutis revelam profundidade sem distração.
Apple Vision Pro Site
Narrativa scroll-driven com profundidade. Parallax, mudanças de escala e coreografia de opacidade criam uma experiência de storytelling espacial.
Color Mood
A paleta emocional — como nossas cores fazem sentir, não apenas como parecem.
Electric Blue + Vibrant Violet
O gradiente é nossa assinatura emocional. Azul carrega confiança, precisão e calma. Violeta traz criatividade, ambição e energia. Juntos formam o arco da lógica à imaginação.
Deep Dark Surfaces
95% de cada tela é superfície escura. A base quase preta (#050508 a #1E1E2E) absorve distração e empurra o conteúdo para frente. Cores de acento ganham impacto pela escassez.
Textura & Pattern
Padrões de fundo sutis que adicionam profundidade sem competir com o conteúdo.
Dot Grid
.pattern-dot-gridGrade padrão de 32px. Sutil indicação de profundidade para fundos e estados vazios.
Dot Grid Dense
.pattern-dot-grid-denseGrade de 16px. Maior densidade para seções técnicas e layouts com muitos dados.
Line Grid
.pattern-line-gridGrade de engenharia 64px. Estética de blueprint para seções estruturais.
Hazard Stripe
.hazard-stripeListras diagonais repetidas. Zonas de perigo, avisos de depreciação, limites.
Glass Surfaces
Vidro fosco com backdrop blur. Glass padrão (60% opacidade, xl blur) para a maioria das superfícies. Glass forte (80% opacidade, 2xl blur) para navegação e painéis de alta prioridade.
Typography Mood
Como nossas fontes criam a atmosfera técnica-mas-acolhedora.
Plus Jakarta Sans
Formas geométricas, terminais arredondados e personalidade moderna e premium. Plus Jakarta Sans traz clareza e calor a cada título e parágrafo. Lê-se rápido e parece acessível — a voz humana da Uebi.
Light 300 — Sussurro
Regular 400 — Conversa
Medium 500 — Declaração
Semibold 600 — Ênfase
Bold 700 — Autoridade
JetBrains
Mono
Projetada para desenvolvedores, adotada por designers. As ligaduras e largura consistente da JetBrains Mono criam um ritmo que parece preciso e intencional. É a voz técnica da Uebi — código, dados, labels, metadados.
02 — FOUNDATIONS
Onde precisão encontra personalidade
Títulos em Plus Jakarta Sans fluem naturalmente para metadados em JetBrains Mono. O contraste entre geométrica e monoespaçada cria hierarquia visual sem depender apenas do tamanho. Esta combinação é a alma tipográfica da Uebi.