Logo 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 website. Não altere ou use a marca Flutter de uma forma que possa ser confusa ou enganosa, e nunca use a marca Flutter como o elemento mais proeminente na sua página.
Lockup padrão
O lockup padrão pode ser usado em apresentações de slides e posts de blog. Ele nunca deve ser usado no produto ou de uma forma que implique que o Flutter está endossando ou construiu o produto.
Variações de cor
Clara
Para fundos mais claros com formas sobrepostas ou padrões variados.
Escura
Para fundos mais escuros com formas sobrepostas ou padrões variados quando transparência não está disponível.
Transparência
Para fundos mais escuros com formas sobrepostas ou padrões variados.
Knockout
Para fundos escuros sólidos com altos contrastes
Variações de logo
Lockup vertical
Quando há espaço horizontal limitado, um lockup vertical pode ser usado
Logomark
Quando há espaço vertical e horizontal limitado, o logomark pode ser usado sozinho sem o logotipo.
Construído com Flutter
Quando se refere no contexto de outro aplicativo. Isso inclui em posts de blog, entrevistas de imprensa e no próprio aplicativo.
Dimensionamento e Espaçamento
Para garantir legibilidade, o lockup e ícone 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 do lockup ou ícone. Uma margem maior de espaço deve ser provida quando possível. O logo nunca deve ser sobreposto ou apertado por texto ou arte. Além disso, o logo não deve ser vinculado a outros logos ou rótulos. Somente lockups de marca aprovados devem ser usados.
Alinhamento
O ícone Flutter aparece desequilibrado quando centralizado. Ao centralizar o ícone, use os cantos superiores e inferiores esquerdos como pontos de referência para fornecer equilíbrio óptico.
Faça: Centralize opticamente o ícone Flutter usando os cantos superiores e inferiores como pontos de referência
Não faça: Centralize geometricamente o ícone Flutter
Contraste
Ao usar a versão knockout do logo, sempre garanta que as cores de primeiro plano e fundo passem nos padrões de acessibilidade WCAG AA. WCAG 2.0 nível AA requer uma taxa de contraste de pelo menos 4.5:1 para texto normal e 3:1 para texto grande. WCAG 2.1 requer uma taxa de contraste de pelo menos 3:1 para gráficos e componentes de interface do usuário.
Do: Contrast ratio - 5.29:1, meets WCAG AA standards
Don't: Contrast ratio - 2.23:1, does not meet WCAG AA standards
Ligatures
Turn standard ligatures off when rendering the name 'Flutter' in a headline format. The two 't' characters should remain distinct.
Do: Standard ligatures off
Don't: Standard ligatures on
Colors
Flutter Navy
#042B59
Flutter Blue
#0553B1
Flutter Sky
#027DFD
Primary colors
The logo consists of one primary blue and two accent blue colors.
Red
#F25D50
Yellow
#FFF275
Purple
#6200EE
Green
#1CDAC5
Secondary colors
Flutter also has an extended palette used for background colors and other visualizations.
