Qitech DS

Qitech DS

Introdução

O Design System da QI Tech foi criado para estruturar tokens, componentes e diretrizes de interface, garantindo consistência visual e eficiência entre os times. Essa base organiza a construção das interfaces e fortalece a identidade da marca nos produtos digitais.

Ano

2025

Indústria

Tecnologia

Financeiro

Serviço

Criação de Design System

Solução

Design System

Introdução

O Design System da QI Tech foi criado para estruturar tokens, componentes e diretrizes de interface, garantindo consistência visual e eficiência entre os times. Essa base organiza a construção das interfaces e fortalece a identidade da marca nos produtos digitais.

Ano

2025

Indústria

Tecnologia

Financeiro

Serviço

Criação de Design System

Solução

Design System

O cenário

O cenário

Escala que demandava consistência.

A QI Tech é uma fintech de tecnologia para serviços financeiros que atua de ponta a ponta na jornada de crédito e, desde 2018, vem ampliando sua relevância no cenário nacional. Com a evolução constante do seu ecossistema digital, a necessidade de manutenção e expansão passou a exigir maior consistência, governança e eficiência entre os times. Tornou-se essencial estruturar uma base sólida capaz de sustentar o crescimento e garantir coerência estratégica em todas as experiências digitais da marca.

Style Guide

Plus Jakarta Sans

Font Family

Plus Jakarta Sans é uma fonte moderna, que se inspira em estilos de sans serif geométrico. Originalmente criada para a marca da cidade de +Jakarta em 2020, essa fonte possui uma ampla variedade de glifos, cada um com suas próprias características distintas. É uma fonte versátil que pode ser utilizada em diversas aplicações de design.

Regular

Medium

Medium

Bold

Bold

Google fonts

Google fonts

Design by 
Jonny Pinhorn & Ninad Kale 

Design by 
Jonny Pinhorn & Ninad Kale 

0 1 2 3 4 5 6 7 8 9 ! @ # $ % ¨ & * ( ) - = +

0 1 2 3 4 5 6 7 8 9 ! @ # $ % ¨ & * ( ) - = +

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Desafios

Desafios

O que a Insany precisava resolver

  • Estruturar tokens de design para cores, tipografia e espaçamentos

  • Organizar e padronizar a biblioteca de componentes de UI

  • Documentar estados e comportamentos dos componentes

  • Organizar estilos e padrões dentro do Figma

  • Criar diretrizes claras de uso do Design System para os times

Resultados

Resultados

Uma base consistente para evoluir produtos digitais

O Design System trouxe mais organização, clareza e consistência para as interfaces da QI Tech. Tokens, componentes e diretrizes passaram a orientar a construção das telas, facilitando a manutenção e evolução do ecossistema digital. Com uma base estruturada e documentada, 
os times ganharam mais eficiência, garantindo consistência visual e facilitando a evolução contínua dos produtos digitais.

Insany®

Insany®

Insany®

Mais projetos

(2018-2026©)

Vamos conversar

Não precisa ter tudo pronto. Conta o que tá travando e a gente destrava junto.

Resposta rápida

A resposta chega rápido. A escuta, a troca e a construção a gente faz com calma.

Próximos passos claros

Depois da conversa, vamos avançar para um plano claro de como resolver o seu problema.

Insany®

Pronto para
o primeiro passo?

Para empresas que querem
crescer, escalar, reposicionar e entregar mais valor através do digital.

Vamos conversar

Não precisa ter tudo pronto. Conta o que tá travando e a gente destrava junto.

Resposta rápida

A resposta chega rápido. A escuta, a troca e a construção a gente faz com calma.

Próximos passos claros

Depois da conversa, vamos avançar para um plano claro de como resolver o seu problema.

Insany®

Pronto para
o primeiro passo?

Para empresas que querem
crescer, escalar, reposicionar e entregar mais valor através do digital.

Vamos conversar

Não precisa ter tudo pronto. Conta o que tá travando e a gente destrava junto.

Resposta rápida

A resposta chega rápido. A escuta, a troca e a construção a gente faz com calma.

Próximos passos claros

Depois da conversa, vamos avançar para um plano claro de como resolver o seu problema.

Insany®

Pronto para
o primeiro passo?

Para empresas que querem
crescer, escalar, reposicionar e entregar mais valor através do digital.