Two types of modal: informative (gradient in header) and dangerous confirmation (red CTA). Overlay with blur backdrop.
Protocolo Personalizado
Seu protocolo de longevidade foi calculado com base nos seus biomarcadores mais recentes. Recomendamos iniciar com as doses de manhã e revisar em 30 dias com novo painel laboratorial.
Desativar conta
Esta ação é irreversível. Todos os dados e protocolos serão permanentemente removidos.
Para confirmar, você perderá todo o histórico de biomarcadores, protocolos ativos e integrações com wearables. Esta ação não pode ser desfeita.
Component
Progress Bars
Determined and indeterminate progress bars, plus circular progress via SVG stroke-dasharray.
Vitamina D74%
Ômega-391%
Magnésio38%
Sincronizando dados...—
74%
Vitamina D
91%
Ômega-3
38%
Magnésio
Component
Empty State
Three empty state variations — no data, no results and first time. Each with contextual icon, title and CTA for action.
Sem protocolos
Você ainda não criou nenhum protocolo de suplementação.
Nenhum resultado
Sua busca por "NMN" não encontrou suplementos no catálogo.
Bem-vindo ao Ambrosio!
Configure seu primeiro protocolo de saúde personalizado em menos de 5 minutos.
Component
Loading Spinners
Three spinner styles in pure CSS: circular spinner, pulsing dots and pulse circle. All use the brand orange color.
Spinner
Dots
Pulse
Component
Skeleton Screens
Loading placeholders with shimmer animation. Replace real content during loading, reducing perceived wait time.