Logotipo de Flutter
No uses la marca Flutter ni ninguna variante de la marca Flutter en combinación con el nombre general de tu aplicación, producto, servicio o sitio web. No alteres ni uses la marca Flutter de una manera que pueda ser confusa o engañosa, y nunca uses la marca Flutter como el elemento más prominente de tu página.
Composición estándar
La composición estándar se puede usar en presentaciones de diapositivas y publicaciones de blog. Nunca debe usarse dentro de un 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.
Calado
Para fondos oscuros sólidos con altos contrastes
Variaciones del logotipo
Composición vertical
Cuando el espacio horizontal es limitado, se puede utilizar una composición vertical
Isotipo
Cuando el espacio vertical y horizontal sea limitado, el isotipo se puede usar solo, sin el logotipo.
Construye con Flutter
Al hacer referencia en el contexto de otra aplicación. Esto incluye publicaciones de blog, entrevistas de prensa y en la propia aplicación.
Tamaño y espaciado
Para garantizar la legibilidad, la composición y el ícono de Flutter deben situarse dentro de un espacio abierto. Siempre se debe mantener un margen de espacio mínimo equivalente a la altura de una sola 'F' alrededor de la composición o del ícono. Se debe proporcionar un margen de espacio mayor cuando sea posible. El logotipo nunca debe ser superpuesto ni estar saturado por texto o ilustraciones. Además, el logotipo no debe vincularse a otros logotipos o etiquetas. Solo se deben usar composiciones de marca aprobadas.
Alineación
El ícono de Flutter parece desequilibrado cuando se alinea al centro. Al alinear el ícono al centro, usa las esquinas superior e inferior izquierdas como puntos de referencia para proporcionar un equilibrio óptico.
Qué hacer: Alinea ópticamente al centro el ícono de Flutter usando las esquinas superior e inferior como puntos de referencia
Qué no hacer: Alinea geométricamente al centro el ícono de Flutter
Contraste
Al usar la versión calada del logotipo, asegúrate siempre de que los colores de primer plano y de fondo cumplan con los estándares de accesibilidad WCAG AA. El nivel AA de WCAG 2.0 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 la interfaz de usuario.
Qué hacer: Relación de contraste - 5.29:1, cumple con los estándares WCAG AA
Qué no hacer: Relación de contraste - 2.23:1, no cumple con los estándares WCAG AA
Ligaduras
Desactiva las ligaduras estándar al renderizar el nombre 'Flutter' en un formato de título. Los dos caracteres 't' deben permanecer separados.
Qué hacer: Ligaduras estándar desactivadas
Qué no hacer: Ligaduras estándar activadas
Colores
Azul marino de Flutter
#042B59
Azul de Flutter
#0553B1
Celeste de Flutter
#027DFD
Colores primarios
El logotipo consta de un color azul primario y dos colores azules de acento.
Rojo
#F25D50
Amarillo
#FFF275
Púrpura
#6200EE
Verde
#1CDAC5
Colores secundarios
Flutter también cuenta con una paleta extendida que se utiliza para colores de fondo y otras visualizaciones.
