La o con punto
La o de «dot» sacada de tu logo actual y dejada sola. Dos círculos concéntricos, nada más.
Un anillo con un punto lo han usado otros. Lo que lo hace tuyo es que viene del nombre.
Marca
Dotnetworks por dentro
Esta página es el taller de la marca, no un manual cerrado. Aquí van las propuestas de símbolo, el wordmark, los colores y las tipografías, para poder mirarlos juntos y decidir.
El símbolo
Todo sale del logo que ya tienes: el cuadrado azul con «dot» y un punto dentro de la o. Esa o con punto es lo aprovechable. Ya es un símbolo, sale del nombre en vez de decorarlo, y aguanta en pequeño porque son dos círculos y nada más.
Las tres versiones de abajo son la misma idea llevada a sitios distintos. Debajo de cada una están a 32 y a 16 píxeles, que es como se ven en una pestaña.
La o abierta
La misma o, abierta arriba, con el punto saliendo por el hueco. «Connecting the dots» dicho con la propia letra.
Tiene dos elementos más que la anterior, y a 16 píxeles el punto de fuera casi se toca con el aro.
En caja
El símbolo dentro del cuadrado azul que ya usas. Para foto de perfil y favicon: el fondo lleno aguanta el recorte circular.
No sirve como logo sobre fondos claros. Es una versión, no el logo.
Wordmark
Outfit, peso 900, con el espaciado apretado. Todo en minúscula: el nombre es un dominio antes que un sustantivo.
dotnetworks
dotnetworks
Y la idea que ata las dos piezas: que el símbolo sea la o del nombre. Así el logo no es una figura pegada al lado de una palabra, es la palabra.
dtnetworks
dtnetworks
Juntos
Símbolo y nombre, en horizontal para la barra de navegación y en vertical para lo que necesite centrarse.
dotnetworks
dotnetworks
La o con punto dotnetworks
dotnetworks
La o abierta dotnetworks
dotnetworks
En caja El avatar corto
Para redes sociales, donde el nombre completo no se lee. «dot» a secas, con el símbolo haciendo de o.
dt
dt
dt
Color
Los mismos tokens que usan la web, el portal y las aplicaciones de los clientes. Si cambian aquí, cambian en todo.
Brand
#0246AB
Azul primario. Titulares, logo, acciones.
Brand 700
#01368A
Estados presionados y degradados.
Ink
#0F1C2E
Texto por defecto y fondos oscuros.
Ink muted
#687585
Texto secundario.
Ink faint
#9BA8B5
Etiquetas y pies.
Paper
#F8F7F4
Fondo cálido, casi blanco.
Amber
#C97B30
Acento cálido. Estados en desarrollo.
Amber light
#FBF4EA
Fondo con tinte ámbar.
Tipografía
Outfit · titulares
Aa Bb Cc
0123456789
Pesos 500, 700, 800 y 900. Se usa en h1, h2 y h3, siempre con el espaciado apretado.
Inter · cuerpo
Aa Bb Cc
0123456789
Pesos 400, 500 y 600. Todo el texto corrido, los formularios y las tablas de las aplicaciones.
Cómo no usarla
- No estirar ni comprimir el símbolo. Se escala en proporción o no se escala.
- No poner el símbolo azul sobre fondos oscuros. Para eso está la versión en blanco.
- No recolorear el logo fuera de la paleta, ni siquiera para una campaña.
- No añadir sombras, biseles ni degradados al símbolo.
- No escribir el nombre con mayúscula intercalada, ni separar «dot» de «networks».