Press kit

A banana é livre. Use com carinho.

Logos, cores e badges “Powered by Bananafy” pra você usar em checkouts customizados, material de imprensa, apresentação de investidor — sem precisar pedir permissão.

Logo

Duas variações. O símbolo circular é o principal (favicon, avatar, app icon). O wordmark inclui “Bananafy” ao lado — use quando não houver contexto (ex: assinatura de e-mail).

Bananafy symbol
Símbolo
/logo-bananafy.png · SVG · 200×200
SVG
Bananafy wordmark
Wordmark
/brand/wordmark.svg · SVG · 220×48
SVG
Pode
  • Colocar “Powered by Bananafy” no rodapé do checkout
  • Preservar as proporções e espaço mínimo (padding = altura ÷ 3)
  • Usar sobre fundos preto, cream e amarelo banana
  • Referir a marca em textos como Bananafy (nunca “banana fai”)
Não pode
  • Recolorir o símbolo pra outra cor sem autorização
  • Rotacionar, achatar ou inclinar
  • Aplicar sobre fotografia ou padrão visualmente ruidoso
  • Sugerir que a Bananafy endossa ou emitiu produto do seller

Paleta

Tokens são os mesmos usados no dashboard e landing. O ink épeel-700e o cream é banana-50.

Banana (amarelo)

#FFFFFF
banana-50
Cream base — landing bg
#FFF3B0
banana-100
#FFEA80
banana-200
#FFDE4E
banana-300
#FFD84D
banana-400
Amarelo primário do logo
#F5C518
banana-500
#E0AE00
banana-600
#B58900
banana-700
#8B6900
banana-800
#5C4400
banana-900

Peel (marrom/casca)

#FAF7F2
peel-50
#EFE7D6
peel-100
#D9C9A8
peel-200
#B8996A
peel-300
#8B6F47
peel-400
#6E5535
peel-500
#4A3A24
peel-600
#2a1810
peel-700
Ink — footer e texto principal

Acentos

#3d7c3f
leaf-500
Confirmação / sucesso
#2f6031
leaf-600
#a3e635
lime-400
Dashboard CTA (Tailwind default)
#2a1810
ink
= peel-700 (alias)
#FFFFFF
cream
= banana-50 (alias)

Tipografia

Usamos a família Geist (Vercel) — carregada via next/font/google em src/app/layout.tsx. Alternativa system fallback: ui-sans-serif, system-ui.

Geist Sans · 700

Cobre com carinho, retenha com inteligência.

font-family: “Geist Sans”, system-ui, sans-serif;

Geist Mono · 500

curl -X POST https://bananafy.app/api/v1/transactions \
  -H "Authorization: Bearer bn_live_..." \
  -d ‘{"amount_cents": 4990}’

font-family: “Geist Mono”, ui-monospace, monospace;

Badges “Powered by”

Cole o snippet no rodapé do seu checkout. Os SVGs são hospedados aqui — atualizações centralizadas, você não precisa nunca mais tocar.

Powered by Bananafy
Dark (padrão)
Fundo peel-700 · texto cream. Use sobre fundos claros.
<a href="https://bananafy.app" target="_blank" rel="noopener">
  <img src="https://bananafy.app/brand/powered-by.svg"
       alt="Powered by Bananafy" height="32" />
</a>
Powered by Bananafy (light)
Light
Fundo cream · texto ink. Use sobre fundos escuros.
<a href="https://bananafy.app" target="_blank" rel="noopener">
  <img src="https://bananafy.app/brand/powered-by-light.svg"
       alt="Powered by Bananafy" height="32" />
</a>

Precisa de algo que não tá aqui?

Vetor em outro formato, mockup de checkout, guia PDF pra jornalista — manda no brand@bananafy.app.