Logo Prospek

"Viewfinder mark" violeta, em produção desde 2026-07-04 (commit 02b9641, "Replace site logo with new violet viewfinder mark"). Assets em brain/projects/prospek/assets/.

Preview

Os arquivos fonte são SVGs com raster embutido (export direto de ferramenta de design, não vetor limpo com paths simples) — grande demais pra inline no note. Ver direto:

assets/prospek-logo.png — lockup completo (mark + wordmark "Prospek"), fundo transparente
Ao vivo: header/footer de https://prospek.com.br

Conceito

Mark quadrado tipo "viewfinder" (moldura de câmera/mira) com padrão geométrico interno, ao lado do wordmark "Prospek" em peso bold. Repo local do produto: C:\Users\User\prospek\public\.

Cores (tokens reais, `app/globals.css` do repo `prospek`)

Uso	oklch	hex aproximado
Primary / accent (violeta)	`oklch(0.541 0.281 293.009)`	`#7c3aed` (~ Tailwind `violet-600`)
Foreground (texto escuro)	`oklch(0.21 0.006 285.885)`	`#27272a` (~ `zinc-900`)

Design system do site: "branco + violeta, cantos generosos" (comentário no próprio globals.css:6) — Linktree-like. Botões primários usam bg-violet-600.

Assets nesta pasta (`assets/`)

Arquivo	O que é
`prospek-logo.svg`	Lockup completo (mark + wordmark), fonte original em `public/logo.svg`
`prospek-logo-mark.svg`	Só o mark quadrado, cropado pro slot de sidebar colapsada / favicon
`prospek-logo.png`	Export raster do lockup completo, 1376×768, fundo transparente
`favicons/favicon.ico`	Multi-res (16/32/48), rasterizado do mark via sharp
`favicons/favicon-16x16.png`, `apple-touch-icon.png` (180×180, fundo branco), `android-chrome-192x192.png`, `android-chrome-512x512.png`	Mesmo mark, tamanhos exigidos por `metadata.ts`/`site.webmanifest`

Onde vive no código (repo `prospek`)

public/logo.svg, public/logo-mark.svg, public/logo.png — fonte canônica do lockup/mark
public/favicon.ico, favicon-16x16.png, apple-touch-icon.png, android-chrome-{192,512}.png — favicon, gerados por scripts/generate-favicons.mjs (sharp, rasteriza logo-mark.svg)
Usos sem filtro de cor (object-contain, sem brightness-0): app/auth/login/page.tsx, app/faq/page.tsx, components/app-sidebar.tsx, components/landing/offer-landing-page.tsx (home)
public/site.webmanifest: theme_color = #7c3aed (violeta da marca)

Histórico / incidentes

2026-07-04 (02b9641): troca da marca antiga por este viewfinder mark violeta. ViewBox original 1500×1500 cropado pro bbox real do conteúdo (senão renderiza minúsculo/espremido em containers de altura de header). brightness-0 removido nos usos já atualizados porque o novo mark já vem colorido certo pro tema claro.
2026-07-09: home (offer-landing-page.tsx) ainda usava /logo.png + brightness-0 (hack antigo, não migrado no commit acima) — logo saía quase invisível no header/footer claro. Corrigido no commit c21fb41 (trocado pra /logo.svg, sem filtro), igual aos demais usos.
2026-07-10: achado um segundo "logo" em public/ — icon.svg, apple-icon.png, icon-dark-32x32.png, icon-light-32x32.png eram sobra do scaffold original v0.dev (o projeto nasceu como my-v0-project, ver package.json), literalmente um mark "V0", nunca referenciado no código. Ao mesmo tempo lib/metadata.ts/site.webmanifest apontavam pra favicon.ico/favicon-16x16.png/apple-touch-icon.png/android-chrome-*.png — nenhum desses arquivos existia, favicon quebrado em prod. Corrigido no commit 8ae635c: removidos os arquivos v0, gerado o favicon completo a partir do logo-mark.svg real (script scripts/generate-favicons.mjs), theme_color do manifest trocado de azul (#0ea5e9, também sobra) pra violeta.

Lição: ao trocar/atualizar o logo, checar TODOS os pontos de uso E todo public/ — grep -rn "logo\.\(png\|svg\)\|icon" app components lib — fácil deixar pra trás não só uma página com asset velho, mas arquivos de scaffold nunca limpos (favicon, manifest) que só quebram quando alguém confere de verdade o que carrega em prod.