Demonstração

Galeria de Exemplos

Uma demonstração prática da filosofia de design e da identidade visual da BioActiv. Abaixo, exemplos que mostram a marca aplicada em diferentes contextos — cada peça emoldurada como amostra, nunca como o produto no ar.

Interfaces

AMOSTRA · Landing page · Hero 1 abrir amostra Hero de impacto em superfície carbon, com o verde elétrico como acento.

AMOSTRA · Landing page · Hero 2 abrir amostra Uma composição alternativa da mesma linguagem de marca.

AMOSTRA · Formulário · campos obrigatórios abrir amostra Rótulo, obrigatoriedade e os estados de foco e erro do sistema de forms.

AMOSTRA · Iconografia · UI de app abrir amostra Os ícones do catálogo aplicados a uma interface de produto.

AMOSTRA · Responsividade · mobile abrir amostra O mesmo layout da Hero 1 em viewport de telefone — a grade responde, o hero recompõe.

AMOSTRA · Slide deck · título de marca abrir amostra Um slide de título usando a tipografia, o acento e o ponto final da marca.

Dados & superfícies

AMOSTRA · Data viz · cores da marca A escala de verdes aplicada a dados — sequencial, ordenada, legível. Não arco-íris.

Adesão por faixa etária

dados de exemplo

escala sequencial

AMOSTRA · Superfícies · claro & escuro Os mesmos componentes em superfície clara e escura — a theming-spine via role tokens.

paper

Cartão de exemplo

A mesma marcação nas duas colunas — só o data-surface muda. Os role tokens re-resolvem sozinhos.

Segundo cartão

Sem variante de cor, sem override: a superfície decide o tema da subárvore inteira.

carbon

Cartão de exemplo

A mesma marcação nas duas colunas — só o data-surface muda. Os role tokens re-resolvem sozinhos.

Segundo cartão

Sem variante de cor, sem override: a superfície decide o tema da subárvore inteira.

A marca aplicada

Entrada da unidade BioActiv B1 — AMOSTRA · A marca no mundo real A identidade fora da tela: as unidades e a equipe BioActiv — fotografia real, não mockup.

Fachada da unidade BioActiv B2 — AMOSTRA · A marca no mundo real A identidade fora da tela: as unidades e a equipe BioActiv — fotografia real, não mockup.