Logo do Flutter
Não use a marca Flutter ou qualquer variante da marca Flutter em conjunto com o nome geral do seu aplicativo, produto, serviço ou site. Não altere nem use a marca Flutter de uma forma que possa ser confusa ou enganosa, e nunca use a marca Flutter como o elemento mais proeminente da sua página.
Composição padrão
A composição padrão pode ser usada em apresentações de slides e posts de blog. Ela nunca deve ser usada dentro do produto ou de forma que sugira que o Flutter está endossando ou que construiu o produto.
Variações de cor
Claro
Para fundos mais claros com formas sobrepostas ou padrões variados.
Escuro
Para fundos mais escuros com formas sobrepostas ou padrões variados quando a transparência não está disponível.
Transparência
Para fundos mais escuros com formas sobrepostas ou padrões variados.
Knockout
Para fundos sólidos mais escuros com altos contrastes
Variações do logo
Composição vertical
Quando há espaço horizontal limitado, uma composição vertical pode ser usada
Logomarca
Quando há espaço vertical e horizontal limitado, a logomarca pode ser usada sozinha, sem o logotipo.
Build with Flutter
Ao fazer referência no contexto de outro aplicativo. Isso inclui posts de blog, entrevistas à imprensa e no próprio aplicativo.
Tamanho e Espaçamento
Para garantir a legibilidade, a composição e o ícone do Flutter devem ficar dentro de um espaço aberto. Uma margem mínima de espaço equivalente à altura de um único 'F' deve sempre ser mantida ao redor da composição ou do ícone. Uma margem de espaço maior deve ser usada quando possível. O logo nunca deve ser sobreposto ou cercado por texto ou arte. Além disso, o logo não deve ser vinculado a outros logos ou rótulos. Apenas composições de marca aprovadas devem ser usadas.
Alinhamento
O ícone do Flutter parece desequilibrado quando centralizado. Ao centralizar o ícone, use os cantos superior e inferior esquerdo como pontos de referência para fornecer equilíbrio óptico.
Faça: Centralize opticamente o ícone do Flutter usando os cantos superior e inferior como pontos de referência
Não faça: Centralize geometricamente o ícone do Flutter
Contraste
Ao usar a versão knockout do logo, sempre garanta que as cores de primeiro plano e de fundo atendam aos padrões de acessibilidade WCAG AA. O WCAG 2.0 nível AA exige uma taxa de contraste de pelo menos 4,5:1 para texto normal e 3:1 para texto grande. O WCAG 2.1 exige uma taxa de contraste de pelo menos 3:1 para gráficos e componentes de interface de usuário.
Faça: Taxa de contraste - 5,29:1, atende aos padrões WCAG AA
Não faça: Taxa de contraste - 2,23:1, não atende aos padrões WCAG AA
Ligaduras
Desative as ligaduras padrão ao renderizar o nome 'Flutter' em formato de título. Os dois caracteres 't' devem permanecer distintos.
Faça: Ligaduras padrão desativadas
Não faça: Ligaduras padrão ativadas
Cores
Flutter Navy
#042B59
Flutter Blue
#0553B1
Flutter Sky
#027DFD
Cores primárias
O logo consiste em um azul primário e dois tons de azul de destaque.
Vermelho
#F25D50
Amarelo
#FFF275
Roxo
#6200EE
Verde
#1CDAC5
Cores secundárias
O Flutter também tem uma paleta estendida usada para cores de fundo e outras visualizações.
