O Checkout Invisível
de Angola.
Um ecossistema visual desenhado para inspirar confiança inabalável, desenhado para mercadores que exigem a melhor experiência do mercado.
01 / Filosofia & Valores
A Feerie Pay não é apenas uma gateway. É o motor invisível por trás do comércio digital. O nosso design reflete a nossa promessa: retirar o atrito e elevar a segurança.
Confiança Absoluta
Tratamos dinheiro. Não há espaço para dúvidas ou erros visuais. A interface deve comunicar solidez, precisão matemática e segurança em cada pixel.
Velocidade & Invisibilidade
O melhor pagamento é aquele que o utilizador quase não nota que fez. Reduzimos campos de texto, removemos ruído visual e otimizamos o percurso do olho.
Elegância Operacional
Desenhamos para o "Mercador", não apenas para o consumidor. O dashboard não é um brinquedo, é uma sala de controlo luxuosa que empodera quem vende.
02 / Arquétipos da Marca
O Soberano
A Feerie Pay assume a responsabilidade total pelas operações. Prometemos ordem e proteção. Somos institucionais, organizados e lideramos a inovação em pagamentos com autoridade e estabilidade.
O Mágico
Transformamos o complexo em algo incrivelmente simples. Integração e-Kwanza, liquidações e links de pagamento acontecem "como magia" no background, proporcionando uma experiência sem atrito ("seamless").
03 / Logótipo & Construção
O monograma "F" geométrico representa o equilíbrio perfeito entre momentum e segurança institucional.
Uso Primário (Dark)
Uso Secundário (Light)
Metáfora Visual
Desenhado com cortes diagonais rigorosos a 45º na base da haste vertical e terminação horizontal. O corte ascendente representa velocidade e crescimento contínuo (momentum), enquanto a estrutura sólida em polígono contínuo evoca a segurança inquebrável de um cofre.
Clear Space
Deve ser mantida uma margem de segurança ao redor do logótipo equivalente a metade da largura do ícone monograma "F" para garantir legibilidade e impacto ideais em qualquer material.
Downloads (Assets SVG)
04 / Paleta de Cores
Feerie Brand
Primary
#5C52E8
Dark
#3D35C2
Muted
#8B83F0
Light (Tint)
#EDE9FF
Superfícies & Textos (Light Mode App)
Base
#F5F6FA
Card
#FFFFFF
Text Primary
#0F0F1A
Text Secondary
#6B6B80
Feedback / Status
05 / Tipografia
Geist Sans
Utilizada em toda a interface. Moderna, geométrica, otimizada para legibilidade máxima em tamanhos pequenos (tabelas e dados financeiros).
Semibold
Headings & Destinos Principais
Medium
Títulos de Cartões & Botões
Regular
Parágrafos & Descrições
System UI (Apple System)
Tipografia reservada estritamente para o logótipo em formato de texto. Depende nativamente das fontes do sistema operativo (San Francisco na Apple, Roboto no Android) para máxima coerência de rendering SVG.
06 / Ícones
Phosphor Icons
Utilizamos ícones densos e reconhecíveis. O peso "Fill" para chamadas de atenção e logótipos integrados; peso "Regular" ou "Bold" para ações da UI.
07 / Componentes UI & Soft Structuralism
Desenhamos superfícies tácteis que se sentem físicas na web. Chamamos-lhe "Double-Bezel".
Checkout Seguro
Os dados do seu cliente estão encriptados e nunca tocam os nossos servidores diretamente.
1Moldura Exterior (Outer Bezel)
Um wrapper translúcido com `padding` e uma "ring" muito suave da cor da marca. Cria um pedestal onde o conteúdo principal assenta, sugerindo importância estrutural.
2Superfície Interior (Inner Card)
Branco puro com grandes raios de curvatura (24px a 32px), envolto por uma sombra dupla e difusa e um highlight de topo (box-shadow inset branco) para simular vidro fosco e profundidade.
3Elementos Semânticos (Primary Action)
Botões utilizam a cor primária sólida com a sua própria sombra "Glow" do tom da marca. Os componentes flutuam uns acima dos outros sem nunca recorrer a linhas pretas ou divisões duras.