OR
Marketing header synchronized
A hero principal foi atualizada com o preset enterprise sem quebrar tokens locais.
LiveAutomated handoff ready
Mockup viewsResponsiveLight + dark
Device preview
Alterne o viewport para revisar a mesma composição em mobile, tablet e desktop.
Desktop • Tela livre
Hybrid mockupMarketing to appEnd-to-end
Uma jornada única que começa na landing, passa por autenticação e termina no workspace autenticado.
Esta rota existe para demonstrar a transição entre ambientes. Em vez de mostrar marketing e sistema como ilhas separadas, ela costura a história inteira com os blocos já componentizados no projeto.
Acquire
A proposta de valor nasce na camada de marketing e leva o usuário para a ativação.
Ver ambiente
Authenticate
A transição mostra confiança, acesso e setup inicial sem perder a narrativa.
Ver ambiente
Operate
Depois do acesso, a mesma biblioteca sustenta a superfície de trabalho autenticada.
Ver ambiente
Stage 1Acquisition
O topo da jornada vem da frente de marketing.
Header sectionAI delivery layer
Build product marketing pages with a library your AI can actually trust.
Camaleon UI une tokens, componentes e blocos compostos em uma base white-label preparada para geração assistida, handoff e distribuição consistente.
White-label real com tokens semânticos
Registry pronto para agentes e times
Blocos compostos para acelerar páginas reais
Launch snapshot
Components ready for launch
Registry items
28+
Themes active
3
Application blocks
10+
Brand assets
5+
Ready for iterative rollout
Ideal para equipes que querem publicar rápido e ajustar depois por tema, marca e densidade.
Features sectionMarketing library
A section library designed to keep generated frontends sharp.
Este bloco cobre a camada de valor e diferenciação típica de landing pages, produto e páginas de posicionamento.
Semantic theming
Troque cor, tipografia, raio e densidade sem reescrever a implementação.
Composable blocks
Use blocos compostos para acelerar hero, onboarding, dashboards e docs.
Fast delivery
A IA começa por patterns estáveis em vez de improvisar layouts frágeis.
Safer handoff
Registry e package deixam o consumo mais previsível entre agentes e times.
Social proof sectionCredibility layer
Trusted by product teams shipping fast without sacrificing polish.
Use esta seção para ancorar credibilidade, imprensa e validação social em páginas de produto, serviço ou biblioteca.
CTA sectionConversion surface
Ready to publish a UI library your agents can actually reuse?
Feche a landing page com um CTA claro para trial, demo ou onboarding operacional sem perder a identidade white-label.
Stage 2Access
A entrada autenticada preserva confiança e continuidade visual.
Aqui a narrativa sai do discurso comercial e passa para credenciais, onboarding e organização do primeiro contexto operacional.
Auth blockAcesso seguro
Acesse seu workspace com segurança editorial e operacional.
Bloco pensado para login, convites privados e handoff entre equipes de produto, design e operação.
Camada de autenticação
Fluxo com e-mail principal, senha ou OTP e contexto de suporte.
Coerência visual
Mantém o tom premium do sistema sem virar um layout genérico de formulário.
Reuso por IA
Serve como referência pronta para agentes gerarem landing gates, private previews e admin access.
“Autenticação também comunica confiança. O layout precisa ser útil, claro e visualmente intencional.”
Assistente de produto
Operational UX
— Equipe Camaleon
Entrar no workspace
Use seu e-mail principal e o código seguro enviado pelo time de operação.
Esse e-mail vira referência principal para alertas e auditoria.
Senha ou token de acesso principal, dependendo do ambiente.
Código de uso único enviado por e-mail ou aplicativo autenticador.
Application blockPronto para gerar
Novo workspace white-label
Use este bloco como ponto de partida para onboarding, setup operacional e handoff de marca entre times ou agentes.
Esse nome alimenta navegação, docs e geração automática de blocos.
@
Reservar
Slug usado em provisionamento e preview.
https://.com.br
Ideal para capturar canal principal ou dominio a ser configurado.
Fluxo auditado no Figma para aprovacoes, autenticação e handoff com OTP.
Esse texto vira contexto rico para gerar interfaces, experiências e documentação com mais qualidade visual.
Transição orientada
Esse trecho serve para revisar se tokens, ritmo visual e densidade de interface continuam coesos quando o usuário muda de contexto.
Marketing vende a promessa.
Auth cria confiança e reduz fricção.
Workspace entrega utilidade imediata com os mesmos fundamentos.
Application blockCommand centerReady for dashboards
Workspace layerOverview
Command center for rollout, monitoring and next-step coordination.
Painel composto para abrir uma área de operação com métricas, fila de navegação, status de rollout e sinais de atividade no mesmo contexto.
MetricsRollout
Release readiness
Blocos, docs e registry caminhando no mesmo ritmo de publicação.
94%
+9.8%vs last month
HealthySynced 2m ago
MetricsCoverage
Library reach
Superfícies reutilizáveis prontas para times internos e agentes.
74 items
+6 itemsvs last month
HealthySynced 2m ago
Charts
Weekly rollout activity
Active workspaces
18
+14.2% vs last week42Mon
58Tue
51Wed
76Thu
68Fri
48Sat
61Sun
Turn this chart into a reusable block
Base pronta para dashboards, relatórios e visões executivas.
Activity
Recent command center updates
2m ago
AI
Navigation block regenerated
O agente reutilizou Application Navigation e Inline CTA para uma nova área de settings.
In reviewAutomated handoff ready
SR
Client theme received
Paleta e raio do projeto Summit Health entraram na camada white-label.
DraftAutomated handoff ready
Slideout
Workspace command map
Use o slideout para alternar entre módulos, aprovações e áreas críticas sem sair do contexto do dashboard.
Client workspace
Operations
Need support?
Open a guided handoff with the system team.
Execution flowSynced 2m ago
Keep the rollout moving without losing handoff quality.
Sequence pronta para operação contínua, revisões críticas e publicação de novas superfícies.
Validate scope
Confirmar prioridade e superfícies em foco.
2
Compose block
Montar a interface com primitives já consolidados.
3
Publish registry
Refletir exports e manifesto para consumo externo.
4
Share handoff
Atualizar docs e orientar próximos agentes.
AI-friendly structure
Ideal para dashboards operacionais, launch consoles e superfícies de acompanhamento contínuo.
Stage 3Authenticated workspace
Depois do acesso, a biblioteca sustenta operação, leitura executiva e handoff.
Application blockProject workspaceDelivery-ready
Project surfaceIn motion
Project workspace for teams coordinating assets, commands and delivery milestones.
Bloco de aplicação para workspaces de projeto com ações rápidas, upload contextual, sinais de progresso e atividade recente no mesmo canvas.
4 active streams12 assets uploadedSync 3m ago
Command menuGlobal search
File upload
Upload project assets
Zona de upload white-label para entregar arquivos, referências e pacotes visuais sem perder consistência no app.
Drop files here or browse your workspace
Compatível com handoff de branding, imagens, pacotes ZIP e materiais de projeto.
brand-guidelines.pdf
8.4 MB
100% uploaded
100%Ready for AI reuseUploaded
dashboard-assets.zip
24.1 MB
72% uploaded
72%Ready for AI reuseUploading
hero-illustrations.fig
13.6 MB
38% uploaded
38%Ready for AI reuseUploading
Project signalsLive workspace
Keep the team oriented around what is ready next.
Blend delivery status, asset readiness and rollout momentum without switching surfaces.
71%
Project completion
Overall progress across setup, assets and launch preparation.
Workspace setup
84%Navigation, surfaces and ownership aligned.
Asset handoff
67%Files and source material ready for reuse.
Launch prep
42%Final rollout tasks still in progress.
Activity
Recent project activity
OR
Marketing header synchronized
A hero principal foi atualizada com o preset enterprise sem quebrar tokens locais.
LiveAutomated handoff ready
AI
Navigation block regenerated
O agente reutilizou Application Navigation e Inline CTA para uma nova área de settings.
In reviewAutomated handoff ready
SR
Client theme received
Paleta e raio do projeto Summit Health entraram na camada white-label.
DraftAutomated handoff ready
Application blockReporting workspaceExecutive-ready
Analytics surfaceLive
Reporting workspace for teams that need clarity, comparison and narrative in the same view.
Bloco de aplicação para analytics e reporting com page header, KPIs e dois gráficos complementares prontos para dashboards executivos.
Updated 5m ago12 data sourcesQuarterly review
MetricsRevenue
ARR
Receita consolidada com leitura rápida para status executivo.
$2.4M
+12.6%vs last month
HealthySynced 2m ago
MetricsRetention
NRR
Retenção líquida acompanhando as contas já ativas.
108%
+3.2%vs last month
HealthySynced 2m ago
MetricsRisk
At-risk accounts
Contas em atenção alta após revisão do pipeline.
07
-2 accountsvs last month
HealthySynced 2m ago
Reporting stack
Track movement and compare performance side by side
Combine a chart for directional monitoring with a second view for period-over-period reading.
Charts
Weekly acquisition performance
Qualified sessions
18,240
+12.4% vs last week42Mon
58Tue
51Wed
76Thu
68Fri
48Sat
61Sun
Turn this chart into a reusable block
Base pronta para dashboards, relatórios e visões executivas.
Advanced chart
Quarter-over-quarter commercial comparison
Use this view to compare the current cycle against the previous one without overloading the dashboard.
Current cyclePrevious cycle
Q1
48% vs 34%
Q2
62% vs 49%
Q3
74% vs 57%
Q4
88% vs 64%
Application blockSecure handoffVerification-ready
Secure surfaceProtected
Secure handoff workspace for teams validating access, timing and ownership before a sensitive transfer.
Bloco de aplicação para handoff seguro com alerta, datas, OTP visual, métricas e sequência operacional.
2 approvals requiredOTP expires in 12mAudit synced
One privileged environment still needs a final sign-off before release access is granted.
This surface is meant for transfers where timing, ownership and verification matter more than generic form completion.
Approval required
MetricsTrust
Confirmed reviewers
Stakeholders who already confirmed the handoff path and operational scope.
04
+2 reviewersvs last month
HealthySynced 2m ago
MetricsWindow
Access TTL
Remaining time before the current verification window expires.
00:12
12m leftvs last month
HealthySynced 2m ago
Verification gateOne-time access
Make the sensitive step explicit instead of hiding it behind a generic control.
The OTP pattern gives this block a clear use case for privileged rollouts, access transfers and secure operational approvals.
Schedule the handoff against a real operational window and keep audit expectations visible.
Use the one-time verification state to reinforce that this action is protected and time-bound.
Secure sequenceAudit path
Keep the handoff legible from approval to confirmed transfer.
A visible sequence helps teams avoid risky shortcuts when privileged access or production movement is involved.
Confirm handoff scope
Validate the environment, owner and rollback expectations.
2
Approve secure window
Lock the transfer date and align everyone on the safe operating period.
3
Verify protected access
Use the one-time code and final sign-off before granting the transfer.
4
Record audit outcome
Close the loop with evidence, owners and follow-through actions.
Activity
Recent secure activity
OP
Operations approved the production window
The handoff now has an agreed timebox and a named owner for verification.
LiveAutomated handoff ready
SC
Security requested a final reviewer check
One privileged environment still needs explicit acknowledgment before the code can be used.
In reviewAutomated handoff ready
AI
Audit notes prepared for closeout
The evidence bundle is drafted and ready to attach once the handoff is complete.
DraftAutomated handoff ready