SOLUÇÃO • GUIA DE ESTILO
Garanta consistência em todo o seu produto
Garanta consistência em todo o seu produto
Garanta consistência em todo o seu produto
Defina padrões que orientam o design e desenvolvimento do seu produto digital
Defina padrões que orientam o design e desenvolvimento do seu produto digital
Defina padrões que orientam o design e desenvolvimento do seu produto digital
Guia de Estilo
Crie consistência visual em todas as telas
Reforce a identidade da sua marca
Economize tempo em decisões repetidas
Facilite a colaboração entre equipes
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 3 6 C 4.657 6 6 4.657 6 3 C 6 1.343 4.657 0 3 0 C 1.343 0 0 1.343 0 3 C 0 4.657 1.343 6 3 6 Z" fill="transparent" height="6px" id="X8sGIrZ2T" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(60, 69, 78)" transform="translate(3 16)" width="6px"/><path d="M 6 14 L 14.5 14 C 15.428 14 16.319 13.631 16.975 12.975 C 17.631 12.319 18 11.428 18 10.5 C 18 9.572 17.631 8.681 16.975 8.025 C 16.319 7.369 15.428 7 14.5 7 L 3.5 7 C 2.572 7 1.681 6.631 1.025 5.975 C 0.369 5.319 0 4.428 0 3.5 C 0 2.572 0.369 1.681 1.025 1.025 C 1.681 0.369 2.572 0 3.5 0 L 12 0" fill="transparent" height="14px" id="UB8VbaRJ_" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(60, 69, 78)" transform="translate(3 5)" width="18px"/><path d="M 3 6 C 4.657 6 6 4.657 6 3 C 6 1.343 4.657 0 3 0 C 1.343 0 0 1.343 0 3 C 0 4.657 1.343 6 3 6 Z" fill="transparent" height="6px" id="WyCqFz9bQ" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(60, 69, 78)" transform="translate(15 2)" width="6px"/></svg>)
Como funciona
Elementos visuais como tipografia, cores, espaçamentos e ícones são organizados em um documento prático. O resultado garante consistência visual e facilita a comunicação entre equipes.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 0 8 C 0 6.461 0.444 4.954 1.279 3.66 C 2.115 2.367 3.305 1.342 4.709 0.709 C 6.112 0.075 7.668 -0.14 9.191 0.089 C 10.713 0.318 12.137 0.982 13.292 2" fill="transparent" height="8.000427190830486px" id="pOLiSXp9y" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(60, 69, 78)" transform="translate(2 13)" width="13.292px"/><path d="M 5 10 C 7.761 10 10 7.761 10 5 C 10 2.239 7.761 0 5 0 C 2.239 0 0 2.239 0 5 C 0 7.761 2.239 10 5 10 Z" fill="transparent" height="10px" id="lwKpQGFgB" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(60, 69, 78)" transform="translate(5 3)" width="10px"/><path d="M 0 2 L 2 4 L 6 0" fill="transparent" height="4px" id="ETn3xNPK5" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(60, 69, 78)" transform="translate(16 17)" width="6px"/></svg>)
Para quem é indicado
Empresas que querem garantir padronização visual e fortalecer a identidade do produto.
Guia de Estilo
Crie consistência visual em todas as telas
Reforce a identidade da sua marca
Economize tempo em decisões repetidas
Facilite a colaboração entre equipes
Como funciona
Elementos visuais como tipografia, cores, espaçamentos e ícones são organizados em um documento prático. O resultado garante consistência visual e facilita a comunicação entre equipes.
Para quem é indicado
Empresas que querem garantir padronização visual e fortalecer a identidade do produto.
Guia de Estilo
Crie consistência visual em todas as telas
Reforce a identidade da sua marca
Economize tempo em decisões repetidas
Facilite a colaboração entre equipes
Como funciona
Elementos visuais como tipografia, cores, espaçamentos e ícones são organizados em um documento prático. O resultado garante consistência visual e facilita a comunicação entre equipes.
Para quem é indicado
Empresas que querem garantir padronização visual e fortalecer a identidade do produto.
Outras soluções
Outras soluções
Outras soluções
Criado por João Lázaro · © 2025
Todos os direitos reservados
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g d="M 0 24 L 0 0 L 24 0 L 24 24 Z M 22 16.919 L 22 19.919 C 22.002 20.198 21.945 20.474 21.833 20.729 C 21.721 20.984 21.558 21.213 21.353 21.401 C 21.147 21.59 20.905 21.733 20.641 21.822 C 20.377 21.911 20.098 21.944 19.82 21.919 C 16.743 21.585 13.787 20.534 11.19 18.849 C 8.774 17.314 6.726 15.266 5.19 12.849 C 3.5 10.241 2.449 7.27 2.12 4.179 C 2.095 3.903 2.128 3.624 2.217 3.361 C 2.306 3.098 2.448 2.856 2.635 2.651 C 2.822 2.446 3.05 2.282 3.304 2.17 C 3.558 2.058 3.833 2 4.11 1.999 L 7.11 1.999 C 7.596 1.995 8.066 2.166 8.434 2.483 C 8.802 2.799 9.042 3.239 9.11 3.719 C 9.237 4.679 9.472 5.622 9.81 6.529 C 9.945 6.887 9.974 7.276 9.894 7.65 C 9.815 8.024 9.629 8.367 9.36 8.639 L 8.09 9.909 C 9.514 12.413 11.587 14.486 14.09 15.909 L 15.36 14.639 C 15.632 14.37 15.976 14.185 16.35 14.105 C 16.724 14.026 17.112 14.055 17.47 14.189 C 18.378 14.528 19.32 14.763 20.28 14.889 C 20.766 14.958 21.21 15.203 21.527 15.577 C 21.844 15.951 22.013 16.429 22 16.919 Z" fill="transparent" height="24px" id="lZUnosO85" width="24px"><path d="M 0 24 L 0 0 L 24 0 L 24 24 Z" fill="transparent" height="24px" id="xjYlEToM1" width="24px"/><path d="M 19.888 14.92 L 19.888 17.92 C 19.889 18.199 19.832 18.474 19.721 18.729 C 19.609 18.985 19.445 19.214 19.24 19.402 C 19.035 19.59 18.793 19.734 18.529 19.823 C 18.265 19.912 17.985 19.945 17.708 19.92 C 14.631 19.586 11.675 18.534 9.078 16.85 C 6.662 15.315 4.613 13.266 3.078 10.85 C 1.388 8.241 0.336 5.271 0.008 2.18 C -0.017 1.904 0.016 1.625 0.105 1.362 C 0.193 1.099 0.336 0.857 0.523 0.652 C 0.71 0.447 0.938 0.283 1.192 0.171 C 1.446 0.058 1.72 0 1.998 0 L 4.998 0 C 5.483 -0.005 5.954 0.167 6.322 0.484 C 6.69 0.8 6.93 1.24 6.998 1.72 C 7.125 2.68 7.36 3.623 7.698 4.53 C 7.833 4.888 7.862 5.277 7.782 5.651 C 7.702 6.025 7.517 6.368 7.248 6.64 L 5.978 7.91 C 7.402 10.414 9.475 12.487 11.978 13.91 L 13.248 12.64 C 13.52 12.371 13.863 12.186 14.237 12.106 C 14.611 12.026 15 12.056 15.358 12.19 C 16.265 12.529 17.208 12.763 18.168 12.89 C 18.654 12.959 19.098 13.203 19.415 13.578 C 19.732 13.952 19.9 14.43 19.888 14.92 Z" fill="transparent" height="19.92821912028377px" id="hiH4iiFZQ" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.25" stroke="rgb(61, 126, 255)" transform="translate(2.112 1.999)" width="19.88868031633138px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 18 0 L 2 0 C 0.895 0 0 0.895 0 2 L 0 14 C 0 15.105 0.895 16 2 16 L 18 16 C 19.105 16 20 15.105 20 14 L 20 2 C 20 0.895 19.105 0 18 0 Z" fill="transparent" height="15.999929999999999px" id="jdlhWCxQ8" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.25" stroke="rgb(61, 126, 255)" transform="translate(2.001 4.001)" width="19.999979999999937px"/><path d="M 20 0 L 11.03 5.7 C 10.721 5.893 10.364 5.996 10 5.996 C 9.636 5.996 9.279 5.893 8.97 5.7 L 0 0" fill="transparent" height="5.996009999999998px" id="b9ZtqRwfD" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.25" stroke="rgb(61, 126, 255)" transform="translate(2.001 7.001)" width="19.999979999999937px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g d="M 0 24 L 0 0 L 24 0 L 24 24 Z M 17.001 1.999 L 7.001 1.999 C 4.24 1.999 2.001 4.238 2.001 6.999 L 2.001 16.999 C 2.001 19.761 4.24 21.999 7.001 21.999 L 17.001 21.999 C 19.762 21.999 22.001 19.761 22.001 16.999 L 22.001 6.999 C 22.001 4.238 19.762 1.999 17.001 1.999 Z M 16 11.37 C 16.124 12.203 15.981 13.053 15.594 13.799 C 15.206 14.546 14.593 15.152 13.842 15.53 C 13.09 15.908 12.239 16.04 11.408 15.906 C 10.577 15.772 9.81 15.38 9.215 14.785 C 8.62 14.191 8.228 13.423 8.094 12.593 C 7.961 11.762 8.092 10.91 8.471 10.159 C 8.849 9.407 9.454 8.794 10.201 8.407 C 10.948 8.019 11.798 7.877 12.63 8 C 13.479 8.126 14.265 8.522 14.872 9.129 C 15.479 9.735 15.874 10.521 16 11.37 Z M 17.499 6.499 L 17.509 6.499" fill="transparent" height="24px" id="lmWde3Dyt" width="24px"><path d="M 0 24 L 0 0 L 24 0 L 24 24 Z" fill="transparent" height="24px" id="mJvdA7Mtm" width="24px"/><path d="M 15 0 L 5 0 C 2.239 0 0 2.239 0 5 L 0 15 C 0 17.761 2.239 20 5 20 L 15 20 C 17.761 20 20 17.761 20 15 L 20 5 C 20 2.239 17.761 0 15 0 Z" fill="transparent" height="20.00007px" id="L6XvhH9V1" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.25" stroke="rgb(61, 126, 255)" transform="translate(2.001 1.999)" width="19.999979999999937px"/><path d="M 7.957 3.413 C 8.08 4.246 7.938 5.095 7.551 5.842 C 7.163 6.589 6.55 7.195 5.798 7.573 C 5.047 7.951 4.195 8.083 3.365 7.949 C 2.534 7.815 1.766 7.423 1.172 6.828 C 0.577 6.234 0.184 5.466 0.051 4.635 C -0.083 3.805 0.049 2.953 0.427 2.202 C 0.805 1.45 1.411 0.837 2.158 0.45 C 2.905 0.062 3.754 -0.08 4.587 0.043 C 5.436 0.169 6.222 0.565 6.828 1.172 C 7.435 1.778 7.831 2.564 7.957 3.413 Z" fill="transparent" height="8.000062135735176px" id="CdK4tTkdY" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.25" stroke="rgb(61, 126, 255)" transform="translate(8.043 7.957)" width="8.000023022443072px"/><path d="M 0 0 L 0.01 0" fill="transparent" height="1px" id="zqJAGviWu" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" stroke="rgb(61, 126, 255)" transform="translate(17.499 6.499)" width="1px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 6 0 C 7.591 0 9.117 0.632 10.243 1.757 C 11.368 2.883 12 4.409 12 6 L 12 13 L 8 13 L 8 6 C 8 5.47 7.789 4.961 7.414 4.586 C 7.039 4.211 6.53 4 6 4 C 5.47 4 4.961 4.211 4.586 4.586 C 4.211 4.961 4 5.47 4 6 L 4 13 L 0 13 L 0 6 C 0 4.409 0.632 2.883 1.757 1.757 C 2.883 0.632 4.409 0 6 0 Z" fill="transparent" height="13.00002px" id="CCKyGgAPJ" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.25" stroke="rgb(61, 126, 255)" transform="translate(9.999 7.999)" width="11.999970000000076px"/><path d="M 4 0 L 0 0 L 0 12 L 4 12 Z" fill="transparent" height="12px" id="eDnqoiH74" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.25" stroke="rgb(61, 126, 255)" transform="translate(2.001 9)" width="4.0000049999999305px"/><path d="M 2 4 C 3.105 4 4 3.105 4 2 C 4 0.895 3.105 0 2 0 C 0.895 0 0 0.895 0 2 C 0 3.105 0.895 4 2 4 Z" fill="transparent" height="4.000005000000001px" id="ZjQBL71lv" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.25" stroke="rgb(61, 126, 255)" transform="translate(2.001 1.999)" width="4.0000049999999305px"/></svg>)
Criado por João Lázaro · © 2025
Todos os direitos reservados
Criado por João Lázaro · © 2025
Todos os direitos reservados
Voltar para início