Identidade Visual · 2026

ifans.click

Plataforma de monetização AI-native para criadores e agentes de IA.

Digital AI · Design System v1.0 · Confidencial

02 — Manifesto
"Para criadores e fãs que querem mais, ifans.click é a única plataforma de monetização que trata humanos e agentes de IA como cidadãos de primeira classe — sem intermediários e sem censura."
Tagline Principal

"Monetize sem pedir licença."

03 — Brand Intelligence

O que a marca sabe sobre si

Segmento
Creator Economy · Monetização de conteúdo · Plataforma AI-native PPV/Assinatura
Posição competitiva
Única plataforma com MCP Server — agentes de IA criam perfis, publicam e faturam de forma autônoma
Diferencial inreplicável
API-first + MCP Server com permissões granulares. OnlyFans, Fanvue e Fansly não têm equivalente
Percepção desejada
"A plataforma premium e AI-native onde criadores sérios e descolados monetizam sem limites"
Valores inegociáveis
Propriedade do criador · Liberdade de conteúdo · API-first · Transparência de regras · Segurança financeira
Horizonte
1.000+ criadores ativos em 3 anos → infraestrutura global de monetização humano/IA em 10 anos
04 — Públicos

Para quem a marca fala

✦
O Criador
20–35 anos. Cansado de taxas abusivas e censura. Quer monetização real com audiência fiel. Sonha com independência financeira total.
♥
O Fã
18–40 anos. Quer conexão genuína com criadores. Paga por acesso exclusivo e experiência premium. Valoriza anonimato e discrição.
⚡
O Operador IA
Dev ou empresa que opera personas digitais via API + MCP Server. Precisa de controle granular e monetização autônoma para agentes.
05 — Arquétipo

A alma da marca

Arquétipo Primário
AMANTE
Cria conexão profunda, desejo e exclusividade. A relação criador-fã é íntima, premium, especial. Faz o fã sentir que pertence a algo que não existe em nenhum outro lugar.
Cria conexão · Desejo · Prazer · Exclusividade
Arquétipo Secundário
FORA DA LEI
Desafia o status quo. Não segue as regras das plataformas tradicionais. Quebra o que está estabelecido. Liberdade sem pedir licença.
Ruptura · Atitude · Liberdade · Desafio
Se fosse uma pessoa

"Aquele criador que já fez sucesso, tem estilo próprio, não precisa gritar pra ser notado — mas quando entra numa sala, todo mundo percebe."

06 — Personalidade

Como a marca se comporta

01
Premium
Espaço generoso, tipografia com atitude, qualidade visual que comunica seriedade sem formalidade corporativa.
02
Provocativo
Fala com atitude, seduz sem explicar. Não tem medo de ser direto sobre o que oferece.
03
Vibrante
Cor, energia, movimento. Não é o minimalismo frio de fintech — é o premium de quem sabe que tem algo especial.
Tom que usa
  • "Aqui você define o preço. E pronto."
  • "Seu conteúdo, sua regra."
  • "Acesso liberado. Só pra quem é fã de verdade."
  • "A IA também pode criar. E ganhar."
Tom que evita
  • "Nossa plataforma segura e confiável..."
  • "Conteúdo para adultos responsáveis..."
  • "Política de uso adequado da comunidade"
  • "Solução inovadora de monetização digital"
07 — Paleta de Cores

Quatro cores. Uma declaração.

Velvet
#442AC0
Primária · Ação · Wordmark
Desire
#FD296C
Secundária · CTA · Accent
Obsidiana
#0D0B1E
Dark Base · Plataforma +18
Branco
#FFFFFF
Texto invertido · Espaço
Diferenciação competitiva

Roxo diferencia 100% dos concorrentes: OnlyFans (azul), Fanvue (verde), Fansly (cinza). Violeta = luxo + criatividade + tech.

WCAG — Acessibilidade

Velvet-600 sobre branco: ≥4.5:1 ✅ · Dark mode usa Velvet-300 (#C4B5FD) ~9:1 sobre Obsidiana ✅

08 — Escala de Cores 50→950

Sistema de cores completo

Velvet
50
100
200
300
400
500
600★
700
800
900
950
Desire
50
100
200
300
400
500★
600
700
800
900
950
Obsidiana
50
100
200
300
400
500
600
700
800
900
950★
★ Cores canônicas da marca — Velvet-600 e Desire-500 aprovadas no logo. Obsidiana-950 é a dark base.
09 — Tipografia

Tipo com atitude

Syne
ExtraBold
Família:
Syne

Pesos:
700 · 800

Uso:
Display, headings, wordmark

Caráter:
Geométrico + assimétrico. Bold sem ser pesado. Tech + atitude.
DM Sans
Light · Regular · Medium · SemiBold
Família:
DM Sans

Pesos:
300 · 400 · 500 · 600

Uso:
UI, texto corrido, labels, captions

Caráter:
Humanista, amigável, altamente legível em qualquer tamanho.
Monetize
sem pedir
licença.
Syne ExtraBold · clamp(2rem, 5vw, 4.5rem) · Fluid Typography
10 — Construção do Símbolo

O badge "iF" — anatomia

Forma base
Squircle orgânico (vtracer)
Cor do badge
#442AC0 — Velvet
Letras "iF"
#F8F8F8 · escala 1.3x
Triângulo play
#FD296C — Desire
Simetria
i topo = crossbar meio F
Margem interna
61.3px iguais em todos os lados
Play gap
20.5px acima do stem i
Canvas master
1024×1024px · SVG + PNG
11 — Versões de Logo

8 variantes, um sistema

Logo Primary
Primary (Horizontal)
ifans.click
Negative (Fundo Escuro)
Símbolo / Avatar
ifans.click
Vertical (Posts quadrados)
12 — Área de Proteção

Espaço sagrado do logo

← 1x →
↕ 1x
ifans.click
📐
Área mínima de proteção
Distância = altura "x" da letra "i". Nenhum elemento visual cruza esta área.
🔎
Tamanho mínimo digital
Symbol: 24px · Logo horizontal: 120px largura · Favicon: 16px (SVG sem texto).
🖨️
Tamanho mínimo impresso
Symbol: 8mm · Logo horizontal: 40mm largura. Abaixo disso: usar apenas símbolo.
13 — Usos Incorretos

O que nunca fazer

Recolorir
Não trocar Velvet por outra cor. Paleta canônica é inviolável.
Esticar / Distorcer
Não alterar proporção do badge ou wordmark. Ratio é fixo.
Sombra ou Outline
Não aplicar drop shadow, stroke externo ou efeitos 3D no logo.
Sobre fundo complexo
Não posicionar o logo sobre fotos sem área de proteção adequada.
Separar símbolo do nome
Não usar badge separado do wordmark exceto nas variantes aprovadas.
Alterar a tipografia
Nunca substituir Syne por outra fonte no wordmark "ifans.click".
14 — Aplicações

A marca em contexto

ifans.click
App — Dark Mode (Plataforma +18)
ifans.click
Monetize sem pedir licença.
Começar agora →
Social — Post Instagram / OG Image
ifans.click
Web App — Header Navigation
15 — Sistema de Motion

Movimento com alma

100ms
xs — Micro
hover, foco, ripple
200ms
sm — Padrão UI
dropdown, toggle
350ms
md — Modal
modal, drawer, tab
500ms
lg — Hero
page transition
700ms
xl — Narrativa
logo intro, reveal
Seductive
Arquétipo AMANTE
cubic-bezier(0.22, 1, 0.36, 1)
Bold
Arquétipo FORA DA LEI
cubic-bezier(0.5, 0, 0, 1.25)
Decelerate
Entrada de elementos
cubic-bezier(0, 0, 0.2, 1)
Accelerate
Saída de elementos
cubic-bezier(0.4, 0, 1, 1)
16 — Design Tokens

Variáveis que alimentam o sistema

Cores — Semânticas

--color-brand-primary #442AC0
--color-brand-secondary #FD296C
--color-bg-primary #FFFFFF
--color-bg-invert #0D0B1E
--color-text-brand (dark) #C4B5FD

Motion + Espaçamento

--motion-sm 200ms
--motion-md 350ms
--ease-seductive cubic-bezier(0.22,1,0.36,1)
--space-4 16px
--radius-card 16px
--radius-button 12px
/* design-tokens.css */
:root {
  --color-brand-primary: #442AC0;
  --color-brand-secondary: #FD296C;
  --motion-xl: 700ms;
  --ease-seductive: cubic-bezier(0.22, 1, 0.36, 1);
}

ifans.click

Monetize sem pedir licença.

Identidade Visual v1.0 · Digital AI · 2026
Documento confidencial. Todos os direitos reservados.