Logotipo de Flutter
No utilice la marca Flutter ni ninguna variante de la marca Flutter junto con el nombre general de su aplicación, producto, servicio o sitio web. No alteres ni uses la marca Flutter de una manera que pueda resultar confusa o engañosa, y nunca uses la marca Flutter como el elemento más destacado de tu página.
Diseño estándar
El diseño estándar se puede utilizar en presentaciones de diapositivas y publicaciones de blogs. Nunca debe usarse en el producto o de una manera que implique que Flutter respalda o ha creado el producto.
Variaciones de color
Claro
Para fondos más claros con formas superpuestas o patrones variados.
Oscuro
Para fondos más oscuros con formas superpuestas o patrones variados cuando la transparencia no está disponible.
Transparencia
Para fondos más oscuros con formas superpuestas o patrones variados.
Knockout
Para fondos sólidos más oscuros con altos contrastes
Variaciones del logotipo
Diseño vertical
Cuando hay espacio horizontal limitado, se puede utilizar un diseño vertical.
Logotipo
Cuando el espacio vertical y horizontal es limitado, el icono se puede utilizar solo sin el logotipo.
Hecho con Flutter
Cuando se hace referencia en el contexto de otra aplicación. Esto incluye publicaciones de blogs, entrevistas de prensa y la propia aplicación.
Tamaño y espaciado
Para garantizar la legibilidad, el diseño y el ícono de Flutter deben ubicarse dentro de un espacio abierto. Siempre se debe mantener un margen mínimo de espacio equivalente a la altura de una sola 'F' alrededor del candado o icono. Se deberá demostrar un mayor margen de espacio cuando sea posible. El logotipo nunca debe superponerse ni abarrotarse con texto o ilustraciones. Además, el logotipo no debe estar vinculado a otros logotipos o etiquetas. Sólo se deben utilizar diseños de marcas aprobadas.
Alineación
El icono de Flutter aparece desequilibrado cuando está alineado en el centro. Al alinear el icono en el centro, utilice las esquinas superior e inferior izquierda como puntos de referencia para proporcionar equilibrio óptico.
Qué hacer: Alinear ópticamente el ícono Flutter usando las esquinas superior e inferior como puntos de referencia.
No: Centrar geométricamente el icono de Flutter
Contraste
Cuando utilice la versión knockout del logotipo, asegúrese siempre de que los colores de primer plano y de fondo cumplan con los estándares de accesibilidad WCAG AA . WCAG 2.0 nivel AA requiere una relación de contraste de al menos 4.5:1 para texto normal y 3:1 para texto grande. WCAG 2.1 requiere una relación de contraste de al menos 3:1 para gráficos y componentes de interfaz de usuario.
Si: Relación de contraste: 5.29:1, cumple con los estándares WCAG AA
No: Relación de contraste: 2.23:1, no cumple con los estándares WCAG AA
Uniones
Desactive las uniones estándar al representar el nombre 'Flutter' en formato de título. Los dos caracteres 't' deben permanecer distintos.
Si: Quitar las uniones estándar
No: Con uniones estándar
Colores
Azul marino Flutter
#042B59
Azul Flutter
#0553B1
Cielo Flutter
#027DFD
Colores primarios
El logotipo consta de un color azul primario y dos colores azules destacados.
Rojo
#F25D50
Amarillo
#FFF275
Púrpura
#6200EE
Verde
#1CDAC5
Colores secundarios
Flutter también tiene una paleta extendida que se utiliza para colores de fondo y otras visualizaciones.
