Aplicación en digital. 25 Ejemplos de fotografía.27 y estilo visual.
Normas y Restriciónes
Uso incorrecto del logo. 30 Restricciones de color. 32
Recursos
Mockups. 34 4 5 6
¿Qué es Dropbox?
Dropbox es un lugar donde se une todo el contenido de tu equipo de trabajo. Donde puedes usar las herramientas que amas. Donde te ayudamos a terminar con el desorden y a mostrar lo que más importa.
Detrás de cada gran marca hay un conjunto de pautas destinadas a ayudar a dar forma a su identidad. En Dropbox, nuestras Pautas de marca nos ayudan a infundir en todo lo que hacemos un sentido de quiénes somos. Desde íconos hasta ilustraciones, logotipos y lenguaje, esta colección es la base de cómo Dropbox se ve, se siente y suena como Dropbox.
Nuestro movimiento es fresco, inspirador, y flexible.
Su objetivo es evocar lo mismo sensación de satisfacción que obtienen los usuarios usando productos de Dropbox
Principios del Movimiento
Priorizar la simplicidad
Es fácil exagerar con el movimiento. Si nos centramos en menos elementos, pero mejores, el movimiento siempre tendrá un propósito y no distraerá de la función principal.
Retroalimentación instantánea
Las interacciones deben dar la sensación de que hay una acción inmediata al hacer clic. El movimiento debe tener un peso que refleje las propiedades físicas.
Profundizar la comprensión
El movimiento puede ayudar a un usuario a comprender una acción compleja o aliviar la carga cognitiva. Dar pistas sobre cómo funciona una función o mostrar un proceso más largo de manera rápida aumenta la usabilidad y ayuda a la retención.
Sutil alegría
Nuestra preferencia es hacer sonreír al usuario con un guiño, en lugar de arrojarle confeti a la cara.
Voz y Tono
Buzón de entrega se esfuerza a mirar,sentir,y funcionar consecuentemente
Lo mismo ocurre con la forma en que hablamos.
1
Nuestro tono de
voz es
1
simple, 2 útil,3 humano,& 4 magico.
Sea claro como el agua. Reduzca las palabras. Utilice sustantivos fuertes. Elabore una historia.
2
Ayude a las personas a actuar. Dígales qué es lo que viene y luego muéstreles cómo lograrlo.
3
Mantén la autenticidad y la cercanía. Escribe como hablas. Evita la jerga. Recuerda que tus palabras las leerán personas reales.
4
Cautívalos con ingenio. La inteligencia es genial. Un lenguaje fresco es aún mejor. Si tu escritura no te sorprende a ti, ¿cómo puede sorprender a tu lector?
Identidad Visual
Logo Nuestro
logotipo es el símbolo más reconocible de la marca.
Logotipo
El logotipo de Dropbox está formado por dos elementos: el glifo y la marca denominativa.
Es el logotipo básico para aplicaciones de marca de alto nivel, como asociaciones y aplicaciones de vídeo.
Glifo
Logo
Marca Denominativa
La pestaña
La tabulación es una combinación del glifo dentro de un plano. Suele ir acompañada de la marca denominativa en algún lugar de la composición. A diferencia del logotipo completo, siempre que se utiliza la tabulación, el diseño se origina a partir de ella.
La pestaña sirve como punto de apoyo que organiza y motiva el diseño de la página. La pestaña es
Pestaña
Glifo
Versiones de color
La marca se puede visualizar es sus colores principales selecionados cuidadosamente para transmitir confianza y seguridad. estos colores son utilizados de manera predominante en todas las aplicaciones principales de la marca, asegurandose que la identidad visual se mantenga fuerte y consistente.
Área de Protección
El área de protección que se debe respetar se ha determinado midiendo el ancho de la letra ¨o¨. Así creando un espacio para que se pueda proteger y no sea invalido por otros elementos gráficos.
Color Tenemos dos categorías de colores distintas:
Colores básicos
El dropbox azul, coco y grafito son los colores principales de la identidad visu al de Dropbox. Estos tonos llenos de seguridad trasnmiten confianza,seguridad y creatividad. Son los colores prodominantes en las aplicaciones visuales principales y sirve como elemento distintivo que refuerza nuestra presencia en cualquier soporte.
Dropbox Azul
#0061FE Coco #F7F5F2
Grafito #1E1919
Colores de acento
#CD2F7B
Nuestra paleta de colores secundarios ha sido cuidadosamente seleccionada para complementar nuestros colores primarios y enriquecer la identidad visual de la marca. Estos colores, aportan dinamismo, armonía, enfoque, y nos permiten crear una comunicación visual más versátil y atractiva.
Se utilizarán para destacar elementos específicos, como llamadas a la acción, información relevante o gráficos de apoyo, siempre manteniendo una armonía visual con los colores básicos.
#BE4B0A
Rosa #FFAFA5
Pabellón
Azalea
Carmesí #9B0032
Atardecer #FA551E Óxido
Mandarina #FF8C19
Oro #9B6400
Vívido Vargas #FAD24B
#0F503C
California #B4DC19
Océano #007891
Zen #14C8EB
Orquídea
#C8AFF0
Ciruela #78286E
Nube #B4C8E1
Marina de Guerra #283750
Tipografía
La fuente principal para usarse es ¨sharp Grotesk¨el cual puede ser entre sur versiones Bold se reserva para títulos y encabezados, con el fin de captar la atención y destacar la información principal, Medium se utilizará para el cuerpo del texto, asegurando una lectura cómoda y legible, y Ligth se emplearán para textos secundarios o información complementaria, añadiendo sutileza y refinamiento.
Nuestra iconografía incorpora elementos de estilo de la tipografía de la marca, Sharp Grotesk, combinando sus características esquinas redondeadas y cuadradas. Nuestros elementos circulares también se inspiran en los elementos redondos de Sharp Grotesk.
Los buenos iconos son simples, intuitivos y escalables.
Nuestra iconografía combina estos elementos centrales y luego juega con el tamaño, el contraste de color y el estilo para aportar personalidad e información a su diseño.
Iconos de puntos
120 ×120 píxeles
Pictogramas
64 ×64 píxeles
Los iconos de puntos son una guia visual para simplificar la información,fortalecer la identidad visual y asegurr la coherencia en la comunicación de la marca.
Iconos de la interfaz del usuario
24 ×24 píxeles
Se utilizan para comunicar visualmente conceptos clave de forma universal, reforzando la identida y claridad de la marca.
Repesentan visualmente funciones de usario asegurando una experiencia intuitiva, coherente y fácil de usar, mientras refuerza la identidad de la marca.
4 Aplicación de Marca
Uso en Fondos
En fondos de imágenes o patrones complejos, es importante que el logotipo no pierda visibilidad. Se recomienda colocar el logotipo en un área de la imagen que sea uniforme o menos saturado, también se recomienda usar la segunda versión de logo que se dio antes
Aplicación en Digital
Fotografía y Estilo Visual
Ideal para ejemplos del mundo real. Usa la fotografía para contar historias de clientes y contextualizar el valor de los productos de Dropbox en situaciones reales.
Gente Contenido Equipos
Coicidencia de Colores con Imágenes
Usamos el color para crear armonía y enfoque. Usar el color con cuidado no solo fortalece la identidad visual, sino que también mejora la experiencia del usuario, guiándolo y reforzando la marca.
5 Normas y Restricciones
Usos Incorrectos
Se recomienda un especial cuidado en evitar usar usos no correctos que afectan a la imagen de la identodad corporativa de la marca.
NO intercambiar lugar NO degradados
NO deformar NO sombras
Restricción de Color
Siempre se debe tener en cuenta la buena visibilidad del logo, sobre fondos que generen contraste, en caso de no ser así, se deberán utilizar las versiones monocromátcas.
