2 columns tabs

Componente 2 columns tabs

Este bloco serve para que o utilizador troque de tópico sem sair do sítio, mantendo sempre o contexto e evitando scroll excessivo.

Como configurar no Studio Help

Exemplos de configuração e utilização deste componente

Opção 1: 2 columns tabs simples

Manifesto

Menos cinzento. Mais personalidade.

O pop art lembra-nos que design também é cultura. Aqui, cada cor tem uma intenção e cada bloco tem foco.

Não fazemos design para ficar “bonito” num ecrã parado. Fazemos design para mexer: mexer no olhar, mexer no ritmo, mexer na decisão. A estética pop sempre soube isto antes de toda a gente — a cor não pede licença, a mensagem não sussurra, e a ideia entra como um cartaz colado na cidade: direta, vibrante, inesquecível.

Mas há uma diferença entre barulho e impacto. O barulho cansa. O impacto fica.

O nosso manifesto é simples: energia com estrutura. O “wow” não vive sozinho — vive em cima de uma grelha sólida, de uma hierarquia limpa, de uma experiência que não te faz pensar duas vezes. A pop art ensinou-nos a exagerar o essencial e a cortar o resto. Nós pegamos nisso e traduzimos para produto: menos fricção, mais presença.

Opção 2: 2 columns tabs com botão

BAM!

Cor que entra primeiro.

Um layout que bate — e depois organiza. Começa com impacto, termina com clareza.

Acreditamos no primeiro segundo: aquele momento em que o olhar decide se fica ou segue. É aí que a cor entra sem pedir licença — não para fazer barulho, mas para abrir caminho. A paleta acende, a tipografia assume o palco, e a composição faz o que um bom poster sempre fez: diz tudo rápido e deixa o resto acontecer naturalmente.

Mas o impacto não vive sozinho. Depois do “BAM!”, vem a parte séria: a ordem. A grelha alinha, o espaço respira, e cada elemento encontra o seu lugar como se sempre tivesse estado ali. O que parece espontâneo é, na verdade, intencional: contraste para guiar, hierarquia para reduzir esforço, ritmo para tornar a navegação leve. Não é caos criativo — é energia com disciplina.

Porque o objetivo não é só chamar a atenção. É transformar atenção em ação. Um título que prende, um CTA que aparece no momento certo, um detalhe que confirma que tocaste onde querias. Aqui, a estética pop não é decoração: é ferramenta. A cor marca prioridades. Os blocos contam uma história. Os componentes repetem-se com consistência para que a experiência seja rápida, familiar, quase automática.

No fim, queremos isto: que o utilizador sinta o impacto… e depois sinta controlo. Que a interface tenha personalidade, mas não tenha fricção. Que pareça ousada, mas funcione como um sistema. Bate — e organiza. Sempre.

Saber mais sobre o impacto

Opção 3: 2 columns tabs com fundo

Neon mode

Brilha no ecrã.

Contrastes elétricos e UI limpa. Tudo o que é extra fica no detalhe — não na usabilidade.

O NEON MODE é uma escolha: não é “mais cor”, é mais sinal. É usar luz para criar direção. O brilho aqui não serve para distrair — serve para puxar foco, marcar ação, dar vida ao que importa. Como um letreiro numa rua à noite: vês de longe, percebes rápido, e sabes exatamente para onde ir.

A base mantém-se limpa porque o neon só funciona quando tem espaço para respirar. Por trás do glow existe disciplina: fundos simples, hierarquia forte, tipografia segura, e um ritmo de espaçamentos que evita o excesso. O contraste é alto, mas a leitura continua fácil. O visual é intenso, mas a navegação continua óbvia. É o equilíbrio entre o “uau” e o “clique”.

E depois há o detalhe — o sítio certo para o extra viver. Um contorno que acende no hover, um micro-feedback que confirma a ação, um badge que parece iluminado sem gritar. Pequenos momentos de energia que tornam a interface memorável, sem a tornar pesada. O neon não é a página inteira a gritar; é a interface a piscar o olho quando é preciso.

No fundo, este modo é sobre ritmo: impacto imediato, resposta rápida, e uma sensação constante de movimento controlado. Uma experiência que parece noturna e elétrica, mas continua simples, funcional e fluida. Brilha no ecrã — e mantém a cabeça fria.