Sobre

Baseado nas cores Roxo e Laranja, surge o style guide do Bookfolio, que foi usado como base para a criação do protótipo e da Interface final. A escolha das cores se dá a partir da cor Violeta (#3B2F93),que é uma cor capaz de estimular a imaginação e criatividade. Além disso, essa cor é capaz de transmitir a sensação de mistério e questões abstratas, além da sensatez e calma. A cor laranja é a secundária que , além de complementar ao violeta, gerando contraste, também estimula a criatividade.

Além das cores principais, também foram utilizados tons de cinza, preto, branco e cores de estado (indicam erro, sucesso etc.)

Detalhamento das cores

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a51e1a2b-62e9-4f7d-af33-52e670fdd634/ColorsStyle_Guide.png


Tipografia

A fonte escolhida para ser utilizada em toda a aplicação foi a Inter, visto que é uma fonte de fácil leitura e que é aceita na maior parte dos dispositivos, independentemente do sistema operacional.

Detalhamento da tipografia

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b6689d33-897b-40de-b2e6-0d6a80ca848b/HeadingsStyle_Guide.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/eb51e339-7768-413e-ac4c-7db95efefd7f/BodyStyle_Guide.png


Ícones e mais

Os ícones utilizados são do Google Material Design, uma linguagem visual já estabelecida na maioria dos dispositivos móveis e nas aplicações do Google. O espaçamento entre elementos segue a regra dos múltiplos de 8px.

Style Guide Completo (Figma)

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fno3T0LnxVdQaJnhWToQYB8%2FStyle-Guide-Bookfolio%3Fnode-id%3D25%253A32

<aside> 💡 Link: https://www.figma.com/file/no3T0LnxVdQaJnhWToQYB8/Style-Guide-Bookfolio?node-id=25%3A32

</aside>


O Logo

https://lh6.googleusercontent.com/L9lZbDvgMtL85SrOvK5lVOtRjgBS8MrMdgovPTPyMN3HVef4YK6CnOwR_FU0nYq7cdAKLmEeYk898VqRl4kCNjsQ8XSfki-THaatBIz6YFFJO2IFhSlUUjr00OGcc49vc3AWfrmq