Fairplay Design System
My role was the development of the White-label Design System for the sport ecosystem for brands as Centaur, Nike, NWB and Grupo SBF. we were focused to reach our objective with:
Colors
We developed by our Design Tokens every single small Design decision across a product which contemplate multiples brands.
Since it is defined the key value we are able to share colors between brands library.
Typography
We divide our typography through a system that enables easily the understanding and usage of brands.
Our Design Tokens are referred to in styles enabling the experience of usage and visualization better and more accessible.
Design Tokens
Tokens are the smallest design decisions between a visual element, over them we are establish a visual consistency and improve the user interface development.
We utilize specified properties instead of raw properties (as hexadecimal for colors or pixels for spaces) To ensure flexibility and unity across all product experiences.
Multi-brand libraries
We created a library ecosystem focused on the team's need to develop the same visual consistency and facility between our products.
Components
Componentes são elementos chaves em um Design System, unificamos Design e Engenharia para construirmos melhores produtos.
Descentralizando a tomada de decisão acerca de questões táticas de layout dentro das squads, possibilitando que nossos colaboradores foquem mais na parte estratégica e atingimento de metas de companhia.
Cada componente resolve um problema específico dentro da interface
Juntos desenvolvemos um design escalável e harmônico.
Tornando o dia a dia de desenvolvimento de produto, projetos e serviços mais ágil, consistente e escalável.
Plataforma oficial
Desenvolvemos uma plataforma para que todos da empresa possam consultar nossas documentação, componentes e entender mais sobre como trabalhamos.
Assegurando a cultura
Para garantir que todos nossos objetivos estavam sendo alcançados nos apoiavamos em alguns processos ajudando na adoção e utilização de nosso Design System
Processo centralizado
Estabelecemos um processo centralizado de construção de componentes acerca de Design e Engenharia.
Métricas
Design system é um produto um tanto complexo de se trazer métricas, principalmente automatizada, o melhor modelo que conseguimos seguir para entender um produto que atua em cima da performance do time foi:
