inconnect inconnect Guia de Aplicação · Portais

— CO-BRANDING · PORTAIS DE CLIENTE · SEUVW, VOUDEYAMAHA E PRÓXIMOS

O cliente na frente. A Inconnect na assinatura.

Portal de cliente é palco da marca dele — o consumidor final chegou por um anúncio da concessionária, não da Inconnect. Nossa marca aparece uma vez, sempre no mesmo lugar, sempre do mesmo jeito. Este guia define esse contrato.

01O CONTRATO DE MARCA

{{ c.num }}

{{ c.title }}

{{ c.body }}

02ANATOMIA DO PORTAL

Dois exemplos, um esqueleto.

{{ p.tag }}

{{ p.logo }} {{ p.cta }}

{{ p.headline }}

{{ p.sub }}

Operado por inconnect
HEADER — logo e cor do cliente. Zero Inconnect. MIOLO — componentes do UI Kit com acento na cor do cliente. RODAPÉ — assinatura única "Operado por inconnect".
03DERIVAÇÃO DE PALETA

Da cor do cliente, o tema inteiro.

Todo portal nasce de uma cor-mãe (a cor institucional do cliente). Dela derivam os cinco papéis abaixo — papéis do portal, não do kit: no tokens.css eles substituem, nessa ordem, os slots --ic-bg, --ic-bg-raised, --ic-indigo, --ic-indigo-deep e --ic-accent-ink. Estrutura, raios, espaçamentos e motion não mudam nunca.

PORTAL --bg --bg-deep --accent --accent-strong --ink-soft
{{ pl.name }}

Semânticas (success/warning/error/info), raios, espaçamentos e easing vêm do tokens.css sem alteração. Indigo #711AE9 não entra em portal — nem como acento.

04A ASSINATURA

Uma vez. No rodapé. Sempre igual.

Sites de oferta (Auto Iguaçu) Portais de campanha (SeuVW) Sistemas logados LPs de mídia paga Emails — identificação no rodapé institucional

Sistemas logados (inconnectOS, hubs): a assinatura vai no rodapé do sidebar/navegação, mono, 12–13px — não no header nem por cima do conteúdo.

SPEC · FUNDO ESCURO (PADRÃO)

Operado por inconnect
logo mono branca · altura 16–20px · gap 10px
"Operado por" Gutón 400 · 12–13px · 55–60% opacidade no escuro · 60–65% no claro
centralizado ou à direita · link para site.inconnectss.com.br

SPEC · FUNDO CLARO

Operado por inconnect
logo mono preta · mesmas medidas
nunca a versão roxa em portal — mono sempre
área de respiro mínima: 1× a altura da logo em volta

NUNCA

{{ n }}

05CHECKLIST DE LANÇAMENTO