Abre num novo separador

Página privada de demonstração da prova vertical LAB da Biblioteca. Zero publicação; objeto técnico e estrutural.

Percurso: Design System LAB → componentes → secção → página → catálogo → screenshots.

PAG — Laboratório — Serviços 001

ESTADO LAB · v0.1 · 2026-08-06 · revisão visual pendente

B. Design System — LAB Wireframe Neutral v0.1

Cores: --bib-cor-fundo · --bib-cor-superficie · --bib-cor-texto · --bib-cor-texto-suave · --bib-cor-borda · --bib-cor-accent · --bib-cor-accent-contraste · --bib-cor-foco

Título grande — var(--bib-titulo-grande)

Título médio — var(--bib-titulo-medio)

Título pequeno — var(--bib-titulo-pequeno)

Texto base — var(--bib-texto-base). Texto pequeno — var(--bib-texto-pequeno). Texto grande — var(--bib-texto-grande). Fonte de sistema — var(--bib-fonte-familia).

Contentores: .bib-container (1120px) · .bib-container-amplo (1280px) · .bib-container-leitura (720px) · padding lateral fluido var(--bib-padding-lateral)

Estados observáveis: hover (fundo escurece para --bib-cor-foco) · focus-visible (outline 2px --bib-cor-foco, offset 2px) — verificar com teclado no browser.

C. Componentes isolados

Eyebrow

Introdução centrada com tudo

Com eyebrow, texto e CTA visíveis — todas as propriedades ativas.

CTA visível
Eyebrow

Introdução mínima à esquerda

Sem texto.

CTA
Com imagem

Card com imagem

Imagem placeholder claramente identificada como LAB.

Com CTA
Etiqueta

Card sem imagem

Título e descrição apenas, sem media.

Com CTA
Etiqueta

Card sem CTA

Sem ligação; útil em composições informativas.

Sem CTA
Etiqueta

Card 4:3 com CTA

Proporção alternativa e sem etiqueta.

Saber mais

D. Secção completa — SEC — Serviços — Três Pilares — LAB

Serviços

Soluções pensadas para necessidades diferentes

Uma estrutura flexível para apresentar áreas de serviço, públicos ou capacidades de forma clara e comparável.

Conhecer o serviço
Etiqueta

Consultoria

Análise, planeamento e acompanhamento para transformar objetivos em decisões concretas.

Conhecer o serviço
Etiqueta

Desenvolvimento

Criação de soluções adaptadas ao contexto, às pessoas e aos resultados pretendidos.

Explorar a solução
Etiqueta

Acompanhamento

Suporte contínuo, melhoria progressiva e resposta às necessidades que surgem depois da implementação.

Saber mais

E. Variante secundária — propriedades apenas, zero componentes duplicados

Áreas

Variante: introdução alinhada à esquerda

A mesma instância do componente, apenas com alinhamento e largura alterados.

Contactar
Área 01

Consultoria

Análise, planeamento e acompanhamento para transformar objetivos em decisões concretas.

Conhecer o serviço
Área 02

Desenvolvimento

Criação de soluções adaptadas ao contexto, às pessoas e aos resultados pretendidos.

Explorar a solução
Área 03

Acompanhamento

Suporte contínuo, melhoria progressiva e resposta às necessidades que surgem depois da implementação.

Saber mais

F. Notas técnicas

Estado: LAB (draft, zero publicação) · Versão: v0.1 · Tarefa: FW-BIBLIOTECA-PROVA-LAB-001 · Data: 2026-08-06 · Theme Style: ts-z9mqtu · CMP Botão: e4cede · CMP Introdução: eef4a9 · CMP Card: 1979e4 · SEC Três Pilares: 12 · Revisão visual: PENDENTE (modelo não visual; screenshots para revisão humana).