Sistema de design profissional que reflete nossos valores de transparência, confiança e inovação na construção civil brasileira.
Design que transmite confiança para construtoras e clientes corporativos
Elementos visuais que comunicam honestidade e clareza em todos os processos
Tecnologia moderna que revoluciona a gestão de obras no Brasil
Cores cuidadosamente selecionadas que representam confiança, profissionalismo e modernidade na construção civil.
Cor principal da marca
#E7CFA9
Hover e estados ativos
#F0D9B8
Cor secundária robusta
#09455B
Tons mais escuros
#073A47
Laranja profissional
#F4A261
Vermelho coral vibrante
#E76F51
Fundo principal escuro
#0F1419
Sucesso e aprovação
#48BB78
Avisos importantes
#ED8936
Erros e alertas críticos
#F56565
Informações neutras
#4299E1
Inter: fonte moderna, legível e profissional que garante excelente experiência em todos os dispositivos.
text-5xl font-black
text-4xl font-bold
text-3xl font-bold
text-2xl font-semibold
text-xl font-semibold
text-lg font-medium
Body Large - Para introduções importantes
text-lg
Body Regular - Texto padrão para conteúdo
text-base
Body Small - Textos secundários e labels
text-sm
Caption - Legendas e metadados
text-xs
Monospace - Códigos e valores técnicos
Sistema de espaçamento consistente baseado em múltiplos de 4px para criar hierarquia visual harmoniosa.
rounded-xs
rounded-sm
rounded-md
rounded-lg
rounded-xl
Componentes reutilizáveis que mantêm consistência visual e funcional em todo o sistema FaseUp.
Subtítulo do card
Conteúdo do card com informações relevantes sobre a funcionalidade ou seção.
Status: Aprovado
Card com gradiente sutil para destacar informações importantes ou status positivos.
Premium
Card com shadow especial e border colorido para destacar conteúdo premium.
Ícones consistentes que comunicam funcionalidades e status de forma clara:
Veja como o design system se traduz em interfaces reais do aplicativo FaseUp.
Total de Obras
12
Concluídas
7
Residencial Aurora
85% concluído
Comercial Vista
60% concluído
O FaseUp está transformando como construtoras e clientes se relacionam. Transparência que constrói confiança.