Acento
Mint
Acta Verum.
ui kit — seus componentes, na paleta da marca
01

Ticker de editorias — spinner

▲ MANTER — vira o "sistema ao vivo" do masthead
No ar /
Segurança Games Análise Wearables Deu na Net Segurança

Seu snippet de spin vertical, recolorido mint + Schibsted small-caps. Mais minimalista que o scramble — roda suave embaixo do logo. (Versão scramble tá no masthead.html pra comparar.)

02

Botão Assinar — glow

▲ MANTER (recolorido) p/ CTA principal

Esquerda: seu glow (indigo/rosa/amarelo → mint/teal/cyan). Direita: seu 1º botão roxo original. O glow recolorido combina; o roxo destoa do minimalismo — eu iria de glow mint.

03

Toggle 3D — modo assinante

◆ USO PONTUAL — só em settings
Ocultar anúncios (assinante)

Seu checkbox 3D já era verdinho — encaixou de primeira. Bom pro controle real que liga/desliga o AdSense do topo pra quem é assinante. Efeito chamativo: usar só em settings, não espalhar.

04

Checkbox — consent / newsletter

▲ MANTER (cyan→mint)

Cyberpunk recolorido de cyan pra mint. Minimalista, perfeito pra formulários, consent e opt-in de newsletter.

05

Curtir / Upvote

◆ TROCAR coração por seta

Seu coração, recolorido mint. Mas pra tech-news sério o upvote ▲ (estilo Reddit, igual sossego) cai melhor que "amei" — mesma mecânica, semântica certa. Eu iria de seta.

06

Card neon — só "Deu na Net"

◆ ISOLAR — fora da grade editorial
deu na net
Viralizou no Reddit

Seu card neon, vermelho/azul → mint/cyan e contido. Glow forte mata o minimalismo na grade. Reservaria pra editoria "Deu na Net". No resto, card hairline limpo.

07

Terminal — feature divertida

▲ MANTER — easter-egg / hero
redação@acta-verum
redação@acta:~$
11 editorias no ar · fontes verificadas · sem fake news

Terminal com digitação, recolorido mint. A feature divertida que você pediu: easter-egg, bloco "sobre", ou mini-hero digitando comandos/manchetes.

08

Cartão de membro — flip 3D

▲ MANTER p/ página de assinatura
Acta Verum.
membro
•••• •••• •••• 2026
LUCCA ORTOLAN05/29
CVV

Acta Verum — a notícia verdadeira. Assinatura remove anúncios e libera os deep dives. Passe o mouse pra virar.

Seu flip-card 3D virou cartão de membro (já era escuro, encaixou). Passa o mouse pra girar. Elemento-herói da página de assinar.

09

Card de planos

▲ MANTER p/ página de planos

Membro Acta Verum

R$ 19 / mês

Sem anúncios · deep dives liberados · comentários com upvote


Zero anúncios (some o AdSense do topo)
Deep dives e investigações completas
Newsletter premium + arquivo

Card de pricing com borda giratória, cyan → mint. Pareia com o cartão flip 3D.

10

Toast de sucesso

▲ MANTER (verde claro → dark mint)
Assinatura confirmada

Bem-vindo ao Acta Verum. Anúncios desativados e deep dives liberados.

Toast de sucesso, do verde-claro pra dark mint. Confirmações: assinatura, comentário publicado, newsletter.

12

Loader de quadradinhos

▲ MANTER — loader/skeleton da marca

Seu loader, branco → mint. Bom pro estado de carregamento de feed/comentários. Discreto e geométrico — combina com o minimalismo.

13

Partículas flutuantes

◆ SUTIL — atrás do terminal/hero

Suas partículas subindo, no mint. Só funciona se for quase invisível — atrás do terminal do hero, opacidade baixa. Forte demais polui. Ambiente, não protagonista.

14

Terminal loader — comentários

▲ MANTER — estado "carregando" / empty-state
comentários
carregando...

Irmão do #07, recolorido mint. Como você disse: loader dos comentários, ou empty-state ("$ nenhum comentário ainda — seja o primeiro"). Um terminal vira hero, este vira o loader.

15

Search box animado

▲ MANTER (roxo→mint) — busca / ⌘K

Seu search box com bordas conic giratórias, roxo/rosa → mint/teal. Vira a busca do header ou o ⌘K. Passa o mouse / clica pra ver as bordas girarem.

16

Newsletter — popup / inline

▲ MANTER — captura de email

A notícia verdadeira, todo dia

O resumo do Acta Verum no seu email. Tech, segurança e ciência sem ruído.

Política de Privacidade

Seu popup de newsletter, do azul/cinza pro dark + gradiente mint. Inline no fim do artigo, ou modal de captura (1x por sessão, igual sossego).

17

Reportar erro no artigo

▲ MANTER — reforça a tese de rigor

Achou um erro? Conta pra gente.

Seu form de borda gradiente (rosa/cyan → mint). Perfeito pro Acta Verum: canal público de correção encaixa exato na tese "fonte primária + sem fake news". Transparência vira feature.

18

Sociais (follow) — rodapé

▲ MANTER — footer

Seus ícones com fill no hover + tooltip. Mantive as cores de marca (reconhecimento importa em social), resting dark. Vai no rodapé. X · Instagram · YouTube · GitHub · Bluesky.

19

Menu da conta — dropdown

▲ MANTER — menu do assinante logado

Seu dropdown, azul/roxo → mint. Menu do assinante logado: conta, assinatura, salvos, settings. "Sair" fica vermelho no hover.

20

Compartilhar artigo

▲ MANTER — share no topo/fim do artigo

Esse é o que você quis dizer: compartilhar o artigo. WhatsApp · X · Telegram · Reddit · LinkedIn · copiar link. (Os sociais da firma pro rodapé a gente faz depois.)

21

Like ♥ com celebração

▲ MANTER — like / salvar artigo

Esse like é melhor mesmo — tem a explosãozinha ao curtir. Em vermelho-rosa (clássico de "curtir", exceção proposital ao mint). Bom pra curtir artigo; o upvote ▲ fica nos comentários (Reddit-style).

22

Easter-egg — tocha Minecraft

◆ FORA do design system — só easter-egg (404/sobre)

Clica pra acender — puro easter-egg "Hearthstone" (clica e faz nada útil 😄). Vive escondido (404, página "sobre"), nunca na interface séria. Geek aprova.

23

Menu mobile — hambúrguer

▲ MANTER — nav mobile

Seu ícone sanduíche que vira X rotacionando. Recolorido pro off-white. Abre o menu no mobile. Clica pra ver a animação.

24

Theme switch — versão sleek

▲ MELHOR que #11 — mais minimal

Theme switch bem mais enxuto que o #11 — lua/sol desliza, estrelas somem, nuvem aparece. Esse é o que eu usaria no Acta Verum: minimal, cabe no header/rodapé sem chamar atenção demais.

25

Salvar / favoritar — estrela

▲ MANTER — salvar artigo

Estrela de salvar/favoritar artigo, em amarelo-ouro clássico — metáfora universal de favorito (exceção proposital ao mint, igual as cores dos socials). Pareia com "Salvos" no menu da conta #19.

26

Toggle on/off — premium

◆ USO PONTUAL — settings (modo assinante)

Seu toggle metálico, laranja/verde → neutro + knob mint (acompanha o switcher de acento). Bem skeuomórfico — chamativo demais pra UI geral, mas ótimo num painel de settings (ex: "modo assinante / ocultar anúncios"). Uso pontual.

27

Theme switch 3D — dia/noite

★ ESCOLHIDO — default do site = NOITE

Esse é o theme switch oficial do Acta Verum. 3D com sol pulsante, lua com crateras, estrelas e flip. Começa em noite (default do site = dark); clica pra ir pro dia. Os #11 e #24 ficam descartados.

Curadoria — minimalismo = restrição

Regra de ouro pra não virar Uiverse-salad: um acento, um efeito-assinatura por contexto.

Spinner = a única animação "viva" do header.
Glow mint = só no CTA de assinar (1 por página).
• Checkboxes = discretos, em forms/settings.
• Tudo no mesmo mint #6EE7A8 — nada de roxo/cyan/amarelo competindo.

O resto do site fica quieto: tipografia, espaço e hairlines. É o silêncio que faz os poucos efeitos brilharem.