Kit visual do app
Tudo o que as telas usam, tirado do Manual de Marca v1.0. É aqui que você e a Maria aprovam o visual antes das outras telas.
Ver a tela HojeCores
As três da marca mandam: 70% fundo claro, 20% azul, 10% rosa. Os tons de apoio só aparecem em estado de tela.
- Candy Floss
#F0F9F8Fundo de todas as telas (70%) - Clear Blue Sky
#007599Títulos, botão principal, menu ativo (20%) - Bubble Gum
#F3A2BEGlobo, hábito feito, destaques (10%). Nunca em texto - Azul escuro
#00506ABotão pressionado - Azul claro
#4D9EB4Ícone inativo, foco do teclado - Rosa claro
#FBD9E4Hábito marcado, avatar, data da live - Rosa texto
#B04A72Quando um texto precisa ser rosa - Tinta
#123033Texto corrido
Tipografia
Newsreader Italic é a voz da Maria. Archivo é a estrutura do app. A escala do manual foi reduzida para caber no celular.
Título de tela, Newsreader Italic 40 px
Oi, Bia.
Recado e destaque, Newsreader Italic 24 px
Treino feito pela metade ainda é treino.
Título de seção, Archivo 700 22 px
Seu globo de hoje
Texto, Archivo 400 16 px
Sua ficha foi escolhida pelo que você contou: academia, 4 dias por semana.
Rótulo, Archivo 700 13 px, caixa alta
Treino de hoje
Botões
O rosa só aparece com texto azul escuro por cima, nunca o contrário.
O globo do dia
A assinatura do app. Cada hábito marcado acende facetas do globo, até ele ficar igual ao do logo. Não tem ranking nem número de corpo: o progresso é de constância.