BIBLIOTECA · FAMÍLIA HERO · ESTADO EM-REVISÃO · 2026-08-07

PAG — Laboratório — Heroes 001

Demonstração da primeira família de secções reutilizáveis da Biblioteca. Três padrões estruturais — Split, Centrado e Produto — como templates de secção neutros sobre o Design System LAB Wireframe Neutral v0.1, publicados atrás do Maintenance Mode. Revisão visual pendente; zero aprovação estética.

A. Introdução

Esta página permite a comparação visual dos três Heroes em revisão. Cada secção é instanciada pelo respetivo template (elemento Template), sem duplicação de estrutura. Conteúdo neutro em PT-PT, placeholders próprios da Biblioteca e zero conteúdo das referências Mobbin.

B. SEC — Hero — Split — 001

Soluções digitais

Uma estrutura clara para apresentar uma proposta de valor forte

Combine mensagem, ação e conteúdo visual numa composição flexível que se adapta a diferentes tipos de projeto.

CTA

Falar com a equipa Ver exemplos

Notas: duas colunas equilibradas (conteúdo + media); media à esquerda ou à direita trocando a ordem das colunas; eyebrow, CTA secundário e texto opcionais por propriedades; em mobile, uma coluna com o conteúdo antes da media.

D. SEC — Hero — Centrado — 001

Uma abordagem simples

Coloque a mensagem principal no centro da experiência

Uma composição direta para propostas que não precisam de competir com demasiados elementos visuais.

CTA

Começar agora Saber mais

Notas: coluna estreita de leitura; funciona apenas com texto, com CTAs, com prova social ou com media inferior — variações obtidas por composição de componentes, sem templates separados.

F. SEC — Hero — Produto — 001

Produto

Mostre a experiência antes de explicar todos os detalhes

Uma estrutura orientada para produtos digitais, plataformas e serviços onde a interface faz parte da proposta de valor.

CTA

Solicitar demonstração Ver funcionalidades

G. Componentes novos isolados

CMP — Grupo de Botões — Base (77969e) e CMP — Media — Hero (b3d6b5) instanciados diretamente:

Grupo centrado Com secundário

Apenas primário Oculto

H. Identificação e estado

Templates: 62 (Split) · 63 (Centrado) · 64 (Produto). Componentes novos: 77969e (Grupo de Botões — Base) · b3d6b5 (Media — Hero). Componentes reutilizados: e4cede (Botão — Base — LAB) · eef4a9 (Introdução — Secção — LAB) · 1979e4 (Card — Serviço — LAB). Design System: LAB Wireframe Neutral v0.1 (ts-z9mqtu). Referências Mobbin (estruturais apenas): Figma d61fddc5-217e-4721-8d71-a3778e1c5690 · Superpower 1ed7b853-bff5-45d1-a303-b3bfb1d6b818 · Front ba4ff47e-3460-4256-b2fb-0e0948cd8eb9. Estado: em-revisao · Revisão visual: pendente.