Marca
La marca, cómo está construida y los archivos que IO Patina LLC publica para su uso.
El símbolo y el bloqueo principal, extraídos de la cuadrícula en todos los tamaños. Ambos son vectores, no una imagen de uno.
Construcción
Los radios se dibujan alrededor del círculo y el ancho angular de cada uno cambia con su rumbo. Cuando ese ancho alcanza el paso completo, los radios vecinos se encuentran y el anillo se vuelve sólido; donde cae a la mitad, se dividen en el abanico. La media luna y el abanico son, por tanto, el mismo objeto visto desde dos ángulos, por lo que la transición entre ellos no tiene costura.
| Medida | Valor | Nota |
|---|---|---|
| Diámetro exterior del anillo | 100 | la cuadrícula: cada dos números es un porcentaje del mismo |
| Diámetro del hueco | 61.18 | residual de ajuste circular 0.84px en la referencia |
| compensación nula | 2.53 izquierda | el vacío no es concéntrico, y ese es el diseño |
| Ancho de la barra | 12.99 | al ras con el anillo, arriba y abajo |
| Espacio entre la barra y el anillo | 12.30 | espacio libre dentro de la marca |
| Radios, círculo completo | 114 ± 3 | paso 3.10°–3.23° por autocorrelación en cuatro radios; el maestro es demasiado tosco para contarlos exactamente |
| Ancho de radio | 50% | del campo, al aire libre |
| Arco sólido | 195°–330° | medido; centrado justo debajo de las nueve en punto |
| Ancho total | 126.67 | incluyendo el alcance del fan más allá del ring |
Dimensionamiento óptico
Un radio y su espacio necesitan aproximadamente tres píxeles de arco para leerse como dos cosas. En lugar de dibujar los radios 114 y dejar que el rasterizador los destruya, la marca lleva cuatro cortes. El anillo, el vacío descentrado y el espacio entre la barra y el anillo son idénticos en los cuatro; solo se omite el detalle que el tamaño no puede contener.
Los cuatro están dibujados aquí con el mismo tamaño para que la diferencia sea visible. Normalmente, cada uno se ve sólo en el tamaño para el que está cortado.
Color
Cada par a continuación se mide contra WCAG 2.2. Tres de los cinco colores del kit no alcanzan 4.5:1 en papel como se indica: Stone Grey en 2.81:1, Portal Gold en 1.85:1 y Mist en 1.10:1, por lo que cada uno se usa donde pasa y se quita el mismo tono donde no. Las sustituciones quedan registradas en el sistema de diseño.
Deep Ink
#0F1114
Titulares, botones primarios, terreno oscuro
16.76:1 en Paper
Paper
#F3F1ED
Página de tierra
16.76:1 en Deep Ink
Portal Gold
#C8B092
Acento solo en superficies oscuras
9.08:1 en Deep Ink
Bronze
#7C5F3E
Enlaces y marcas en superficies claras.
5.22:1 en Paper
Graphite
#4A4C4E
Copia del cuerpo
7.65:1 en Paper
Stone
#6B6D6B
Microetiquetas: las neutras más ligeras
4.63:1 en Paper
Dispositivos
La marca es un objeto de precisión; una página que simplemente lo lleva se lee como una página con una pegatina. Estos cuatro dispositivos son las medidas propias de la marca utilizadas como estructura de página, por lo que la identidad y el sitio web dejan de ser dos objetos que pasan a compartir logotipo. cada IO Patina La propiedad se basa en el mismo conjunto; consulte el tema común en tema/.
Dispositivo 01 · la barra
Marca el título de cada sección. El elemento más reconocible de la identidad, en cada página, muchas veces, sin coste alguno.
Regla 5px · altura total del riel · color de acento
de el vástago de la unidad 12.99
Construcción
Una regla, no dos formas.
Color
Seis valores que llevan texto.
Dispositivo 02 · La regla de los radios
Uno por página, en el límite principal de la página. Cada dos divisores siguen siendo una línea fina: una regla dibujada solo mantiene su peso si es la única.
tono 6px · deber 50% · altura 10px · se desvanece a la derecha
de el tono del fanático
Dispositivo 03 · metales
Una superficie, no un punto culminante. Uno por página, detrás del héroe o de una banda oscura, nunca detrás del texto que hay que leer.
lavado de barra como borde de página 13px · lavado de anillo golpeado desde la parte superior derecha
de los gradientes publicados
Dispositivo 04 · El vacío descentrado
El diseño copia la asimetría del anillo: la columna de texto es más ancha que la columna de registro y el corte de visualización se sale de la página.
columnas 1.35 / 1 · la marca sangra más allá del borde derecho en 16%
de desplazamiento de la unidad 2.53 del vacío
Presupuesto por página: una superficie metálica, un corte Display de la marca, una banda oscura y tantas barras y reglas de radios como secciones tenga el contenido. Superarlo es lo que convierte una identidad nuevamente en decoración.
Tipo de letra
Los tres se envían desde este dominio como subconjunto woff2. Nada en el sitio solicita una fuente de ningún otro lugar, razón por la cual la política de seguridad de contenido puede prohibir por completo los orígenes de terceros.
Ideas, carefully made.
Variables, 100–900. Encabezados de sección, navegación, botones y todo lo que se lee como texto continuo. También la fuente de los contornos de la marca denominativa.
Ideas, carefully made.
Títulos de página y declaraciones, 30–62px. Nunca por debajo de 26px, donde el serif deja de ser voz y se convierte en textura.
Ideas, carefully made.
Cejas, filas de registros y cada dígito del sitio, para que todo lo medido se lea como medido.
Archivos
Cada uno se genera a partir del mismo módulo de geometría con el que el sitio dibuja su encabezado, por lo que un archivo y la marca en vivo no pueden estar en desacuerdo. Todos son vectoriales.
usando la marca
Deje libre al menos la mitad del diámetro del anillo en cada lado. Los archivos publicados ya lo llevan en su viewBox, por lo que con colocarlos borde con borde es suficiente.
La media luna que fluye hacia el ventilador es la marca. Un anillo genérico es un logo diferente.
Utilice un archivo publicado. La marca es más ancha que alta y al escalar un eje se rompe el círculo.
El ventilador no puede funcionar con ese tamaño y genera ruido. Los favicons y los íconos de aplicaciones ya tienen el corte correcto.
Permiso
La marca IO Patina y la marca denominativa son marcas comerciales de IO Patina LLC. Los archivos anteriores se publican para que cualquiera que escriba o enlace a la empresa pueda representarlos correctamente.
Pueden usarse para referirse a IO Patina LLC y sus productos. No pueden usarse para sugerir respaldo, asociación o afiliación que no existe, y no pueden incorporarse a las marcas propias de otra organización.
Para cualquier otro uso, o para un bloqueo que esta página no publica, escribir a legal@iopatina.com.
