Duolingo Styleguide

Diferente de uma landing page típica, este modelo é uma folha de guia de estilo de marca sobre fundo branco. O cabeçalho mostra uma marca em estilo coruja verde, o rótulo "STYLE GUIDE" e links para Colors, Type, Buttons, Cards e Components. Uma seção superior combina um grupo de personagens de desenho animado e uma mascote coruja verde com a linha "The free, fun, and effective way to learn a language!", um botão verde "GET STARTED" e um botão contornado "I ALREADY HAVE AN ACCOUNT". Abaixo, uma coluna de componentes mostra emblemas coloridos (Completed, In Progress, Failed, Streak, Premium), um campo de e-mail com botão Subscribe, alternadores e barras de progresso verdes, azuis e laranjas. Uma coluna de tipografia lista os tamanhos Display, Heading One, heading two, body e caption. Serviria para um aplicativo de aprendizado ou qualquer pessoa documentando um sistema de design divertido. O nome de demonstração e as palavras são placeholders que você substitui pelos seus.

Ideal para

Comece grátis · Sem cartão de crédito

Product

Who It's For

Features

Resources

Company

View Sitemap