Design SystemNavigation
Lists & Navigation
Simple, icon and numbered lists, event timelines, breadcrumbs, pagination, tags and selection chips. Navigation and content organization components.
08
01 · Simple ListSimple List
Simple list with separators and subtle hover. Ideal for menus, options and content items without complex hierarchy.
Suplementos
- VitaAZ Longevity Stack 30 sachês
- NeuroFocus Blend 60 caps
- RegenSleep Complex 30 caps
- OmegaCore 3x 90 caps
- MagGlycinate Pro 60 caps
Biomarcadores
- Vitamina D3 74 ng/mL
- Ômega-3 Index 8.2%
- Magnésio RBC 5.1 mg/dL
- Zinco sérico 92 mcg/dL
- Ferritina 78 ng/mL
List with Icons
List with SVG icons on the left, title and subtitle. Three icon styles: check, arrow and dot. Ideal for benefit and feature lists.
Protocolo Elite
Painéis laboratoriais
Análise trimestral completa
Consultas com especialistas
2 sessões por mês
Suplementação personalizada
Ajuste mensal por resultados
Monitoramento 24/7
Dashboard com alertas
Módulos ExoCore
BioCartucho Vitaminas
Liberação controlada 8h
Sensor de Glicose
Monitoramento contínuo
Módulo HRV
Variabilidade cardíaca
Numbered List
Ordered list with large numbers typeset in Plus Jakarta Sans, low opacity to create subtle and elegant visual hierarchy.
- 01
Avaliação inicial de biomarcadores
Painel laboratorial completo com 40+ marcadores de saúde, incluindo vitaminas, minerais, hormônios e marcadores inflamatórios.
- 02
Análise e personalização do protocolo
Especialista em saúde funcional analisa seus resultados e cria um protocolo de suplementação 100% personalizado para o seu perfil.
- 03
Ativação do ExoCore (opcional)
Configure seus BioCartuchos e inicie o monitoramento contínuo de glicose, HRV e outros marcadores de desempenho em tempo real.
- 04
Acompanhamento mensal e ajustes
Revisão dos dados coletados, ajuste das doses e do protocolo conforme sua evolução. Consulta com especialista incluída no plano.
- 05
Score de longevidade calculado
Após 3 meses de protocolo, recalculamos seu Vitality Score e comparamos com a linha de base inicial para quantificar sua evolução.
Event Timeline
Vertical timeline with orange-gold gradient, indicator points and structured content in date, title and description.
Janeiro 2026
Primeiro painel laboratorial
Análise completa de 47 biomarcadores revelou deficiência de Vitamina D (18 ng/mL) e Ômega-3 Index baixo (3.2%). Protocolo inicial criado.
Fevereiro 2026
Ativação do protocolo VitaAZ
Início da suplementação com VitaAZ Stack + NeuroFocus. Configuração do ExoCore com BioCartucho de Vitaminas e sensor de glicose.
Março 2026
Revisão de 30 dias — resultados iniciais
Vitamina D subiu para 42 ng/mL. Relato subjetivo de mais energia e sono melhorado. Dose ajustada para acelerar progressão.
Abril 2026
Painel laboratorial de 90 dias
Vitamina D em 68 ng/mL (ideal). Ômega-3 Index: 7.8% (excelente). Vitality Score: 94.7 — aumento de +12 pontos desde a linha de base.
Maio 2026 — Próximo
Score de longevidade atualizado
Recalculo do Biological Age e Longevity Score projetado. Atualização do protocolo para a fase 2 com foco em otimização cognitiva.
Breadcrumb Navigation
Hierarchical navigation with separators and active state. The current item is always the last and has no link.
06 · PaginationLinear Pagination
Pagination component with numbers, prev/next and active state in gradient. Includes ellipsis for large page sets.
08 · ChipsInteractive Chips
Interactive selection chips for filters and multiple choices. The active state adds a checkmark and translucent orange background.
Filtros de Objetivo
Longevidade
Performance
Sono
Cognição
Imunidade
Energia
Filtros de Suplemento
Vitaminas
Minerais
Aminoácidos
Adaptógenos
Nootropics
Ômega
Probióticos
Antioxidantes