Blusas
Blusa Cetim Noite
R$ 189,00
Design system · Fysi
Moda, gestão e compra em uma linguagem só.
Guia visual para o ecommerce e o painel administrativo da Fysi: elegante para vender, claro para operar e consistente para evoluir depois para Supabase/Postgres.
2026Coleção preview
Clean luxury para rotina real.
Marca
Sistema de logo e presença visual
A marca pode atuar com assinatura horizontal para navegação, símbolo/stacked para momentos editoriais e versões de contraste para fundos claros ou escuros.
Logo horizontal preto
Logo horizontal ouro
Logo horizontal branco
Tokens
Cores, tipografia e ritmo
A base combina neutros quentes com preto sofisticado e ouro pontual. A fonte serifada dá assinatura editorial; a sans mantém leitura limpa no admin.
Ink
#11100E
Texto principal / luxo
Pearl
#F8F5EF
Background quente
Linen
#E8DDD0
Superfícies suaves
Sand
#CDBEAE
Marca secundária
Gold
#CCB72F
Destaque premium
Moss
#6D7B64
Sucesso elegante
Clay
#B46D54
Atenção / calor
Coal
#25211C
Admin escuro
Cormorant Garamond
Elegância com personalidade.
Inter
Interface clara para operação diária.
Busca, tabelas, filtros, status e dados precisam ser objetivos e fáceis de escanear.
Componentes
Elementos base para ecommerce e admin
Botões, filtros, cards, badges e tabelas já aparecem com estados suficientes para montar as telas planejadas sem mudar a linguagem visual.
Botões
Campos e filtros
Buscar peça
Categoria
Status
pendenteaprovadorecusadoinativo
Ecommerce
Experiência mobile-first de compra
A loja prioriza fotografia, escolha rápida de variações e checkout sem pagamento, deixando claro que o pedido ficará pendente de aprovação.
Nova coleção
Essenciais de inverno
Calcas
Calca Alfaiataria Essencial
R$ 279,00
Saias
Saia Plissada Dourada
R$ 249,00
Conjuntos
Conjunto Minimal Linen
R$ 419,00
Vitrine / Home
Buscar vestido, blusa...
VestidosBlusasCalcasSaias
Vestidos
Vestido Linho Aura
R$ 329,00
Blusas
Blusa Cetim Noite
R$ 189,00
Calcas
Calca Alfaiataria Essencial
R$ 279,00
Saias
Saia Plissada Dourada
R$ 249,00
Catálogo
FYS-1001
Vestido Linho Aura
R$ 329,00
Vestido midi de linho misto com caimento leve e cintura marcada.
Cor
Tamanho
Página do Produto
Carrinho
Vestido Linho Aura
Areia · M · Qtd 1
R$ 329,00
Blusa Cetim Noite
Areia · M · Qtd 1
R$ 189,00
TotalR$ 518,00
Nome completo
WhatsApp
Entrega ou retirada
Pedido nº 1204 received
Aguardando aprovação da loja.
Checkout / Confirmação
Admin
Painel objetivo para estoque e chamados
O admin usa a mesma marca, mas com densidade maior, sidebar escura e foco em decisões: aprovar pedido, identificar estoque baixo e editar peças.
Admin Fysi
Dashboard
Peças ativas
6
Pendentes
1
Estoque baixo
5
Faturamento mês
R$ 389
#1204
Marina Torres
R$ 518,00
pendente#1203
Bianca Prado
R$ 389,00
aprovadoAlertas de estoque
Saia Plissada Dourada7 un.
Admin Fysi
Peças
Buscar por nome ou SKU
Vestido Linho Aura
FYS-1001
Vestidos
R$ 329,00
Blusa Cetim Noite
FYS-1002
Blusas
R$ 189,00
Calca Alfaiataria Essencial
FYS-1003
Calcas
R$ 279,00
Saia Plissada Dourada
FYS-1004
Saias
R$ 249,00
Conjunto Minimal Linen
FYS-1005
Conjuntos
R$ 419,00
Admin Fysi
Cadastro / edição de peça
Nome da peça
Referência / SKU
Categoria
Preço
Descrição
URL da foto
Variações
Areia · P · 7 un.
Areia · M · 4 un.
Preto · G · 3 un.
Admin Fysi
Pedidos
TodosPendenteAprovadoRecusado
#1204
Marina Torres
R$ 518,00
pendente#1203
Bianca Prado
R$ 389,00
aprovado#1202
Clara Mendes
R$ 249,00
recusadoDetalhe do pedido
Pedido #1204 · Marina Torres
2 itens · Total R$ 518,00 · WhatsApp (11) 99912-4300
Vestido Linho Aura
Areia · M · 1 un.
Blusa Cetim Noite
Champagne · P · 1 un.
Mapa de telas
Cobertura do protótipo visual
Resumo das telas contempladas no design system para orientar a implementação completa depois.
Vitrine / Home
Banner editorial, categorias e peças recentes.
Padrão definido
Catálogo
Grid com filtros por categoria, cor, tamanho e preço.
Padrão definido
Produto
Galeria, swatches, tamanhos e compra.
Padrão definido
Carrinho
Itens, edição de quantidade e total.
Padrão definido
Checkout
Dados do cliente sem pagamento.
Padrão definido
Confirmação
Pedido recebido e status pendente.
Padrão definido
Meus pedidos
Consulta simplificada por telefone.
Padrão definido
Admin Dashboard
Resumo de peças, chamados, estoque e faturamento.
Padrão definido
Peças
Busca, filtro, status e ações.
Padrão definido
Cadastro/Edição
Campos de produto e variações dinâmicas.
Padrão definido
Pedidos
Lista de chamados com filtros por status.
Padrão definido
Detalhe do pedido
Itens, cliente, aprovar e recusar.
Padrão definido