O que os dois Reels ensinam
Os dois usam o mesmo formato: duas cores "ficam boas", a terceira entra por último e deixa o design inesquecível. O Reel do Jorge credita o @uxui_shrut, autora do segundo.
A regra, em 5 linhas
- Duas cores-base fazem "ficar bom". Um neutro (preto, carvão, bege) e uma cor de marca ocupam quase tudo.
- A terceira cor é de temperatura ou brilho oposto. Frio na base, acento quente; escuro na base, acento elétrico.
- O acento ocupa pouco: a palavra-chave do título, o botão e o brilho do objeto principal. Algo entre 5% e 10%.
- Proporção perto de 60 / 30 / 10: fundo, cor de apoio, acento.
- O acento é revelado por último, e é ele que faz a pessoa parar.
As combinações que você elogiou (Reel 1)
Antes e depois do acento
Mesmo layout: à esquerda só as duas cores-base, à direita com o acento no título, no botão e no objeto.
Reel 2 (@uxui_shrut): "a cor que faltava"
Preto + cobalto já fica bom; com o limão ácido o design "eletrifica". É a combinação mais perto do que você pediu: troque o limão por laranja e você tem preto + azul + laranja.
Hex lidos nos cartões dos próprios vídeos. Nenhuma imagem, texto ou marca dos criadores foi usada nas peças: tudo abaixo é código.
1 · Cobalto Elétrico
É a regra do Reel 2 aplicada ao pé da letra: preto + cobalto "fica bom", e o laranja, de temperatura oposta ao azul, é o acento que faz parar. Azul e laranja são complementares, então o contraste vem da cor e não só do tamanho, e isso dá a cara de tecnologia que você pediu. A versão clara troca o branco por bege, perto do creme dos motions atuais, então a pegada da captação dos professores continua reconhecível.
- O que muda na upstep: Tinta #111113 → #07080B (quase igual) · Branco → bege #F3EFE7 · Partida como acento → laranja #FF5A0A · entra o cobalto #1E5BFF como cor de apoio. Fontes (Inter Tight e Inter) e logo ficam iguais.
- Vale para tudo: upstep, domi., Efeito Dominó e o seu Instagram. Só o logo muda.
- Escuro para Reels, motion e YouTube; claro (bege) para carrossel e página.
- Laranja só no acento: palavra-chave, botão, brilho do objeto principal. No bege, texto laranja usa a versão queimada #C24100.
- Azul é a cor de apoio: gradientes, interfaces, gráficos, ícones.
Alternativas: a 5 · Tinta & Sinal é o caminho com menos mudança (a upstep de hoje + azul, com o laranja no lugar do Partida). A 3 · Âmbar & Cobalto é a mais premium, com o calor da combinação que "deu aula", mas perde um pouco da cara de tecnologia.
Decisão sua: o ponto do logo
Nas peças, o logo da upstep está como manda o README: letras na cor do texto e o ponto sempre vermelho Partida. Se o acento virar laranja, existem dois caminhos: manter o ponto vermelho (o logo não muda, e o vermelho vira só assinatura e alerta) ou passar o ponto para o laranja (é mudança de logo, e vale para domi. também).
Verde fora
O verde floresta do Reel 1 virou azul abissal na paleta 2, porque verde não é cor de marca. Nos materiais, verde continua só como sinal de interface ("venda", "funcionou"), sem entrar na paleta.