@archeblack/ui
Marca
El manual de las marcas de la familia Arche: los sigilos y su canon, el logotipo, el color,
dónde va cada versión y el kit de archivos de cada marca. Cada cifra de esta página sale de @archeblack/ui/marks y de los tokens: si cambia el canon, cambia
la página.
- Marcas
- 4
- Trazos
- 2
- Razón
- φ
- Archivos
- 51 por marca
Cambia las secciones que muestran una marca a la vez (el canon, el logotipo, el respeto, los
fondos y los íconos). Esas zonas llevan data-product="arche": los roles de color cambian de
verdad.
La familia
Cada producto tiene un sigilo: geometría pura en la grilla de 24, en su color de marca. El círculo de la familia es el vacío de Arche y es común a los cuatro; cada producto dibuja su mito dentro. El logotipo es solo latino. En la interfaz, la marca va en blanco.
-
Arche
Sucesión doble, un punto
-
Hermes
Kerykeion en el vacío
-
Iris
La que sostiene la luz
-
Hekate
La cuadratura del círculo
La cabecera
En la interfaz cada producto muestra solo su marca: su sigilo y su nombre, en blanco, sin la marca de Arche al lado. Es la misma pieza en las cuatro marcas. El acento del producto queda para la interacción: los links, la selección, el foco, las pestañas y los switches.
El canon
La proporción áurea es la retícula. R₀ = 8,481 es el círculo de Hekate y cada radio es el anterior dividido por φ (1,618). Los dos trazos también salen de ahí.
Marca de la muestra Arche Cambiar
R₁ + R₂ = R₀
Un R₁ y un R₂ tangentes llenan el diámetro de R₀. Es la construcción de Arche.
| Radio | Valor | Fórmula | Dónde se usa |
|---|---|---|---|
| R₀ | 8,481 | R₀ (el círculo de Hekate) | El círculo de la familia: común a los cuatro sigilos. |
| R₁ | 5,242 | R₀ / φ | Círculos principales: las sucesiones de Arche, los brazos de Iris. |
| R₂ | 3,239 | R₀ / φ² | Círculos secundarios: la cabeza y los cuernos de Hermes. |
| R₃ | 2,002 | R₀ / φ³ | Detalles: la cabeza de Iris. |
| R₄ | 1,237 | R₀ / φ⁴ | El punto de luz, el único relleno, y el trazo del círculo de la familia. |
| R₅ | 0,765 | R₀ / φ⁵ | Sin uso en el dibujo: fue el medio trazo de estructura (2·R₅) hasta que el círculo pasó a R₄. |
| R₆ | 0,473 | R₀ / φ⁶ | Medio trazo de detalle: todo lo demás se dibuja con 2·R₆. |
Dos trazos
El círculo de la familia lleva el trazo de estructura; todo lo demás, el de detalle. Los dos son el doble de un radio del canon, así el trazo también es proporción.
Uniones a inglete y remates cuadrados. El punto de luz (R₄) es el único relleno. Un trazo que llega al círculo de la familia termina dentro de su trazo, sin asomar.
Los sigilos
Cuatro figuras sobre la misma grilla y el mismo círculo. Cada una se construye con radios del canon y relaciones exactas; las guías muestran cómo.
- Grilla de 24, la de los íconos. La geometría vive entre 1,75 y 22,25; con el trazo, nada pasa de 1 a 23 (Hekate es la excepción documentada).
- Solo figuras puras: círculos, arcos, rectas y polígonos regulares.
- Solo radios del canon, con relaciones exactas y documentadas.
- El círculo de la familia (R₀) está en todos los sigilos, con el trazo de estructura. Todo lo demás va con el trazo de detalle.
- El punto de luz (R₄) es el único relleno.
- Uniones a inglete y remates cuadrados. Un trazo que llega a R₀ termina dentro del trazo del círculo, sin asomar.
- Se lee a 16 px. Sin pictogramas de interfaz ni símbolos ajenos.
Arche
Sucesión doble, un punto
Dos sucesiones y un solo punto de luz en el centro, donde se cruzan: el origen entre lo que baja y lo que sube.
Construcción Dos sucesiones de R₁ y R₂, tangentes por dentro de R₀: una baja desde arriba y otra sube desde abajo. Los dos R₁ se cruzan en el centro de R₀, donde está el punto R₄, dentro de la lente que forman.
Hermes
Kerykeion en el vacío
El kerykeion dentro del círculo de la familia: los cuernos se funden con R₀ y la vara baja hasta su borde. El heraldo, con la misma estructura que Arche y Hekate.
Construcción Círculo R₀; cuernos de R₂ que llegan a R₀: la esquina de cada punta queda dentro del trazo del círculo, sin asomar; cabeza R₂ tangente a los cuernos; la vara baja hasta R₀ y su remate queda dentro del trazo del círculo.
Iris
La que sostiene la luz
Como en la figura de la diosa: los brazos en alto forman una media luna, la cabeza es un círculo y el cuerpo es el eje. Iris sostiene la luz sobre su cabeza, dentro del círculo de la familia.
Construcción Círculo R₀; brazos: arco de R₁ con el mismo centro que la cabeza (círculo R₃), abierto hacia arriba; el cuerpo baja por el eje hasta R₀; el punto R₄ sobre la cabeza.
Hekate
La cuadratura del círculo
El triángulo, el círculo y el cuadrado: la cuadratura del círculo. Su círculo es el origen del canon: mide R₀, y de él salen todos los demás radios de la familia.
Construcción Triángulo equilátero de 20,4 de lado; círculo en el baricentro de radio R₀ = 8,481 (el 72 % del circunscrito); cuadrado de 9,17 sobre la base.
Sus puntas y su círculo salen del área de 1 a 23: las puntas llegan a 0,98 y 23,02; el círculo baja a 23,12. Por eso la separación y el respeto se miden desde la tinta.
El logotipo
El sigilo y la palabra, con todas las medidas derivadas de D: el diámetro visible del círculo de la familia (18,199 u). La palabra va en el eje del círculo.
Marca de la muestra Arche Cambiar
- D · diámetro del círculo
- D = 2·R₀ + trazo · 18,2 u · 121 px
- Altura de mayúscula
- D/φ · 11,25 u · 75 px
- Separación desde la tinta
- D/φ² · 6,95 u · 46 px
- Área de respeto
- D/φ² · 6,95 u · 46 px
Vertical
La palabra debajo del sigilo, todo centrado. La mayúscula baja un término de la sucesión: D/φ².
- Altura de mayúscula
- D/φ² · 6,95 u · 46 px
- Separación desde la tinta
- D/φ³ · 4,3 u · 29 px
- Área de respeto
- D/φ² · 6,95 u · 46 px
Separación = altura de mayúscula / φ en los dos logotipos.
La palabra
Archivo extrabold condensada, en mayúsculas y en blanco. En los archivos va en trazos: no hace falta tener la fuente.
- Familia
- Archivo
- Peso
- 800
- Ancho
- 75 %
- Caja
- MAYÚSCULAS
- Tracking
- 0,1 em
- Color
- text-strong · el vacío en la monocroma
- Altura de mayúscula
- 0,687 em
Las versiones
Sobre fondos oscuros la marca va en blanco: es la versión de siempre, también en la cabecera. La de color, con el sigilo en el color de marca, queda para casos excepcionales; el favicon y los íconos de app la llevan, para distinguir los productos. Sobre el blanco y sobre su color va la monocroma vacío.
Blanca · por defecto
Color · excepcional
Monocroma vacío
En código, Logo y LogoMark eligen la versión con tone: white, color (por
defecto) o void.
La cabecera
La de la interfaz, a 20 px y al doble (o a lo que entre en pantallas angostas): el sigilo y el nombre, en blanco. Escala entera con el sigilo. Es para fondos oscuros: sobre fondos claros o su color, el kit trae la cabecera monocroma vacío.
- Sigilo
- 20 px · blanco (text-strong)
- Palabra
- 17 px · Archivo 800 al 75 % · blanco
- Hueco
- 8 px entre sigilo y palabra
Área de respeto y tamaños mínimos
Alrededor de la marca quedan D/φ² libres (6,95 u). Por debajo de los mínimos la marca deja de leerse. Los archivos del kit ya traen el respeto: se colocan sin margen extra.
Marca de la muestra Arche Cambiar
Tamaños mínimos en pantalla
Cada pieza a su tamaño real y ampliada 8 veces al píxel, a densidad 1×. A 16 px el sigilo se reconoce por el círculo de la familia; el detalle funciona como textura.
Isotipo · 16 px
Horizontal · isotipo a 24 px
Vertical · isotipo a 40 px
Cabecera · sigilo a 20 px
Color
Cada producto declara una semilla y el build la normaliza para que se lea sobre el vacío. El resultado es su color de marca (el rol brand): el de la versión de color, el favicon y los íconos de app. En la interfaz, la marca va en blanco. En Arche, el blanco es la marca.
Arche
Semilla#ffffffRol brand#ffffff- Sin tono: el acento es el blanco. El blanco es la marca.
-
accent -
accent-hover -
accent-soft -
accent-border -
accent-tint -
on-accent
Hermes
Semilla#d4763cRol brand#e98950- Luminosidad de 0,661 a 0,722: piso 0,72, para pasar AA sobre press en surface-overlay.
- A 25,88° de danger: el build avisa; los estados siempre llevan ícono y texto.
-
accent -
accent-hover -
accent-soft -
accent-border -
accent-tint -
on-accent
Iris
Semilla#cdb2f8Rol brand#cdb2f8- Ya estaba dentro de los límites: no cambió.
-
accent -
accent-hover -
accent-soft -
accent-border -
accent-tint -
on-accent
Hekate
Semilla#45dbc5Rol brand#45dbc5- Ya estaba dentro de los límites: no cambió.
-
accent -
accent-hover -
accent-soft -
accent-border -
accent-tint -
on-accent
Los colores fijos
Iguales en toda marca: el blanco de la palabra y de la versión blanca, y el vacío.
- Blanco
text-strong - Vacío
void
Cómo cambia la interfaz
La misma interfaz en cada producto. El acento toca los links, la selección, el foco, las pestañas y los switches; la marca de la cabecera y el botón primario siguen en blanco.
Aplicaciones sobre fondos
La marca es un gráfico y necesita 3:1 contra su fondo. Sobre fondos oscuros va la versión blanca, la de siempre; la de color queda para casos excepcionales. Sobre el blanco y sobre su propio color, la monocroma vacío. El favicon y los íconos de app van en color.
| Fondo | Arche | Hermes | Iris | Hekate |
|---|---|---|---|---|
| Vacío |  |  |  |  |
| Negro puro | | | | |
| Blanco |  |  |  |  |
| Su color | | | | |
| Foto con velo | | | | |
Sobre su propio color va la monocroma vacío por la misma razón que en la interfaz: el vacío es el on-accent. La palabra blanca sobre el acento daría lo mismo que el acento sobre blanco. En Arche su color es el blanco.
La de color queda para casos excepcionales sobre el vacío y el negro: su sigilo da de 7,77 : 1 a 11,62 : 1 sobre el vacío, y sobre una foto pide un velo más denso (del 70 % en Hermes, contra el 45 % de la blanca). En Arche la de color es la blanca.
La regla, con números
Para cualquier otro fondo decide su luminancia relativa (de 0, el negro, a 1, el blanco). La blanca llega a 3:1 hasta 0,3 y la monocroma vacío desde 0,108: no queda ninguna franja sin versión. Entre los dos sirven las dos, y el corte va donde dan el mismo contraste. La regla es la misma en las cuatro marcas: la blanca y el vacío no dependen del acento.
Las dos llegan a 3:1
- Blanca
- Monocroma vacío
Usos incorrectos
Cada error dibujado con la pieza real. La marca no se deforma, no se recolorea y no se recompone.
No No pongas la marca de Arche al lado de la de un producto derivado: cada producto muestra solo la suya.
No No pongas el sigilo en color en la cabecera: en la interfaz la marca va en blanco.
No No pongas la versión de color sobre blanco: el sigilo da 2,57 : 1 y la palabra blanca desaparece.
No No uses la palabra blanca sobre su color (1,86 : 1): sobre su color, el sigilo y la palabra van en el vacío.
No No deformes el logotipo: el círculo de la familia es un círculo.
No No gires el logotipo ni el sigilo: la palabra va horizontal y el eje, vertical.
No No sumes sombras, contornos ni brillos a los archivos: la marca es plana.
No No cambies la tipografía ni escribas la palabra en minúsculas.
No No reordenes la pieza: el sigilo va antes de la palabra, o encima en el vertical.
No No invadas el área de respeto: D/φ² libres alrededor del bloque.
No No uses el horizontal con el isotipo por debajo de 24 px.
No No pongas la marca directo sobre una foto: siempre sobre el velo del vacío.
No No quites el círculo de la familia: es lo que tienen en común los cuatro sigilos.
No No uses la semilla (#d4763c) en lugar del acento normalizado (#e98950).
Favicon e íconos de app
El favicon es la grilla de 24 a sangre sobre el vacío. Los íconos de app llevan el círculo de la familia con su respeto, centrado por la tinta. Los dos van en color, igual que los avatares: distinguen los productos en las pestañas y en el teléfono.
Marca de la muestra Arche Cambiar
Arche Arche 
<link rel="icon" href="/favicon.ico" sizes="48x48"><link rel="icon" href="/favicon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="/apple-touch-icon.png">{ "icons": [ { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" }, { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" }, { "src": "/icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" } ]}Descargas
Cada marca tiene su kit de 51 archivos: SVG, PNG, ICO y un LEEME con las reglas de esta página. Los mismos archivos vienen en el paquete.
Arche
Isotipo
- Isotipo de color (el blanco es el color de Arche: igual al blanco), SVG transparente, para fondos oscuros. Baldosa de 1,764·D centrada en la tinta. SVG634 BPNG 51219 KBPNG 102441 KB
- Isotipo monocromo vacío (#07080d), SVG transparente, para fondos claros. Baldosa de 1,764·D centrada en la tinta. SVG634 BPNG 51220 KBPNG 102442 KB
- Isotipo monocromo blanco, SVG transparente, para fondos oscuros: la versión de siempre sobre el vacío, el negro y una foto con velo. Baldosa de 1,764·D centrada en la tinta. SVG634 BPNG 51219 KBPNG 102441 KB
Logotipos
- Cabecera monocroma vacío, para fondos claros. SVG2 KBPNG @2x3 KB
- Cabecera: el sigilo y ARCHE en blanco, como en la interfaz (sigilo de 20 px, palabra de 17 px), para fondos oscuros. Sobre fondos claros va la -void. Para otros tamaños, escalar este vector. SVG2 KBPNG @2x3 KB
- Logotipo horizontal blanco, ya sobre el vacío, SVG, para colocar sin preparar el fondo. Incluye el área de respeto. SVG2 KBPNG @2x7 KB
- Logotipo horizontal monocromo vacío (#07080d), SVG, fondo transparente, para fondos claros. Incluye el área de respeto. SVG2 KBPNG @2x8 KB
- Logotipo horizontal monocromo blanco, SVG, fondo transparente, para fondos oscuros: la versión de siempre sobre el vacío, el negro y una foto con velo. Incluye el área de respeto. SVG2 KBPNG @2x8 KB
- Logotipo horizontal de color (el blanco es el color de Arche: igual al blanco), SVG, fondo transparente, para fondos oscuros. Incluye el área de respeto. SVG2 KBPNG @2x8 KB
- Logotipo vertical blanco, ya sobre el vacío, SVG, para colocar sin preparar el fondo. Incluye el área de respeto. SVG3 KBPNG @2x8 KB
- Logotipo vertical monocromo vacío (#07080d), SVG, fondo transparente, para fondos claros. Incluye el área de respeto. SVG2 KBPNG @2x10 KB
- Logotipo vertical monocromo blanco, SVG, fondo transparente, para fondos oscuros: la versión de siempre sobre el vacío, el negro y una foto con velo. Incluye el área de respeto. SVG2 KBPNG @2x10 KB
- Logotipo vertical de color (el blanco es el color de Arche: igual al blanco), SVG, fondo transparente, para fondos oscuros. Incluye el área de respeto. SVG2 KBPNG @2x10 KB
Con fondo
- Avatar cuadrado de 1080 px: sigilo en el vacío sobre su color. En Arche su color es el blanco: es igual al avatar sobre blanco. SVG712 BPNG 108038 KB
- Avatar cuadrado de 1080 px: sigilo en el vacío sobre blanco. SVG712 BPNG 108038 KB
- Avatar cuadrado de 1080 px: sigilo en el color de marca sobre el vacío. Va en color, como el favicon y los íconos de app. SVG712 BPNG 108038 KB
- Logotipo horizontal monocromo vacío sobre su color, que en Arche es el blanco (igual al de sobre blanco), con el área de respeto; para portadas, documentos y piezas propias. SVG2 KBPNG 240056 KB
- Logotipo horizontal monocromo vacío sobre el blanco, con el área de respeto; para portadas, documentos y piezas propias. SVG2 KBPNG 240056 KB
- Logotipo vertical monocromo vacío sobre su color, que en Arche es el blanco (igual al de sobre blanco), con el área de respeto; para portadas, documentos y piezas propias. SVG3 KBPNG 120044 KB
- Logotipo vertical monocromo vacío sobre el blanco, con el área de respeto; para portadas, documentos y piezas propias. SVG3 KBPNG 120044 KB
- Imagen para compartir enlaces (Open Graph), 1200 × 630 px: el logotipo horizontal blanco centrado sobre el vacío. PNG 120014 KB
Íconos y favicon
- Ícono de iOS, 180 px, cuadrado sobre el vacío (iOS aplica su máscara). PNG 1805 KB
- Favicon vectorial: el sigilo en color a sangre sobre el vacío, con radio de 2 px a 16 px. SVG679 BICO4 KB
- Ícono de app (manifiesto web), con radio de 0,22 del lado. PNG 1927 KBPNG 51220 KB
- Ícono enmascarable (purpose "maskable"): la marca y su respeto dentro del 80 % central. PNG 51214 KB
LEEME
- Este archivo. TXT14 KB
ruta@archeblack/ui/marks/arche/arche-logomark.svgHermes
Isotipo
- Isotipo de color (sigilo en el color de marca), SVG transparente, para fondos oscuros en casos excepcionales (la de siempre es la blanca). Baldosa de 1,764·D centrada en la tinta. SVG523 BPNG 51214 KBPNG 102431 KB
- Isotipo monocromo vacío (#07080d), SVG transparente, para fondos claros y su color. Baldosa de 1,764·D centrada en la tinta. SVG523 BPNG 51215 KBPNG 102431 KB
- Isotipo monocromo blanco, SVG transparente, para fondos oscuros: la versión de siempre sobre el vacío, el negro y una foto con velo. Baldosa de 1,764·D centrada en la tinta. SVG523 BPNG 51214 KBPNG 102432 KB
Logotipos
- Cabecera monocroma vacío, para fondos claros y su color. SVG4 KBPNG @2x3 KB
- Cabecera: el sigilo y HERMES en blanco, como en la interfaz (sigilo de 20 px, palabra de 17 px), para fondos oscuros. Sobre fondos claros o su color va la -void. Para otros tamaños, escalar este vector. SVG4 KBPNG @2x3 KB
- Logotipo horizontal blanco, ya sobre el vacío, SVG, para colocar sin preparar el fondo. Incluye el área de respeto. SVG4 KBPNG @2x6 KB
- Logotipo horizontal monocromo vacío (#07080d), SVG, fondo transparente, para fondos claros y su color. Incluye el área de respeto. SVG4 KBPNG @2x7 KB
- Logotipo horizontal monocromo blanco, SVG, fondo transparente, para fondos oscuros: la versión de siempre sobre el vacío, el negro y una foto con velo. Incluye el área de respeto. SVG4 KBPNG @2x8 KB
- Logotipo horizontal de color (sigilo en el color de marca, palabra blanca), SVG, fondo transparente, para fondos oscuros en casos excepcionales (la de siempre es la blanca). Incluye el área de respeto. SVG4 KBPNG @2x8 KB
- Logotipo vertical blanco, ya sobre el vacío, SVG, para colocar sin preparar el fondo. Incluye el área de respeto. SVG4 KBPNG @2x7 KB
- Logotipo vertical monocromo vacío (#07080d), SVG, fondo transparente, para fondos claros y su color. Incluye el área de respeto. SVG4 KBPNG @2x9 KB
- Logotipo vertical monocromo blanco, SVG, fondo transparente, para fondos oscuros: la versión de siempre sobre el vacío, el negro y una foto con velo. Incluye el área de respeto. SVG4 KBPNG @2x9 KB
- Logotipo vertical de color (sigilo en el color de marca, palabra blanca), SVG, fondo transparente, para fondos oscuros en casos excepcionales (la de siempre es la blanca). Incluye el área de respeto. SVG4 KBPNG @2x9 KB
Con fondo
- Avatar cuadrado de 1080 px: sigilo en el vacío sobre su color (el acento). SVG601 BPNG 108030 KB
- Avatar cuadrado de 1080 px: sigilo en el vacío sobre blanco. SVG601 BPNG 108030 KB
- Avatar cuadrado de 1080 px: sigilo en el color de marca sobre el vacío. Va en color, como el favicon y los íconos de app. SVG601 BPNG 108030 KB
- Logotipo horizontal monocromo vacío sobre su color (el acento), con el área de respeto; para portadas, documentos y piezas propias. SVG4 KBPNG 240049 KB
- Logotipo horizontal monocromo vacío sobre el blanco, con el área de respeto; para portadas, documentos y piezas propias. SVG4 KBPNG 240048 KB
- Logotipo vertical monocromo vacío sobre su color (el acento), con el área de respeto; para portadas, documentos y piezas propias. SVG4 KBPNG 120035 KB
- Logotipo vertical monocromo vacío sobre el blanco, con el área de respeto; para portadas, documentos y piezas propias. SVG4 KBPNG 120035 KB
- Imagen para compartir enlaces (Open Graph), 1200 × 630 px: el logotipo horizontal blanco centrado sobre el vacío. PNG 120013 KB
Íconos y favicon
- Ícono de iOS, 180 px, cuadrado sobre el vacío (iOS aplica su máscara). PNG 1804 KB
- Favicon vectorial: el sigilo en color a sangre sobre el vacío, con radio de 2 px a 16 px. SVG568 BICO3 KB
- Ícono de app (manifiesto web), con radio de 0,22 del lado. PNG 1925 KBPNG 51215 KB
- Ícono enmascarable (purpose "maskable"): la marca y su respeto dentro del 80 % central. PNG 51210 KB
LEEME
- Este archivo. TXT14 KB
ruta@archeblack/ui/marks/hermes/hermes-logomark.svgIris
Isotipo
- Isotipo de color (sigilo en el color de marca), SVG transparente, para fondos oscuros en casos excepcionales (la de siempre es la blanca). Baldosa de 1,764·D centrada en la tinta. SVG583 BPNG 51214 KBPNG 102431 KB
- Isotipo monocromo vacío (#07080d), SVG transparente, para fondos claros y su color. Baldosa de 1,764·D centrada en la tinta. SVG583 BPNG 51215 KBPNG 102433 KB
- Isotipo monocromo blanco, SVG transparente, para fondos oscuros: la versión de siempre sobre el vacío, el negro y una foto con velo. Baldosa de 1,764·D centrada en la tinta. SVG583 BPNG 51215 KBPNG 102433 KB
Logotipos
- Cabecera monocroma vacío, para fondos claros y su color. SVG3 KBPNG @2x3 KB
- Cabecera: el sigilo y IRIS en blanco, como en la interfaz (sigilo de 20 px, palabra de 17 px), para fondos oscuros. Sobre fondos claros o su color va la -void. Para otros tamaños, escalar este vector. SVG3 KBPNG @2x2 KB
- Logotipo horizontal blanco, ya sobre el vacío, SVG, para colocar sin preparar el fondo. Incluye el área de respeto. SVG3 KBPNG @2x5 KB
- Logotipo horizontal monocromo vacío (#07080d), SVG, fondo transparente, para fondos claros y su color. Incluye el área de respeto. SVG3 KBPNG @2x6 KB
- Logotipo horizontal monocromo blanco, SVG, fondo transparente, para fondos oscuros: la versión de siempre sobre el vacío, el negro y una foto con velo. Incluye el área de respeto. SVG3 KBPNG @2x6 KB
- Logotipo horizontal de color (sigilo en el color de marca, palabra blanca), SVG, fondo transparente, para fondos oscuros en casos excepcionales (la de siempre es la blanca). Incluye el área de respeto. SVG3 KBPNG @2x6 KB
- Logotipo vertical blanco, ya sobre el vacío, SVG, para colocar sin preparar el fondo. Incluye el área de respeto. SVG3 KBPNG @2x6 KB
- Logotipo vertical monocromo vacío (#07080d), SVG, fondo transparente, para fondos claros y su color. Incluye el área de respeto. SVG3 KBPNG @2x7 KB
- Logotipo vertical monocromo blanco, SVG, fondo transparente, para fondos oscuros: la versión de siempre sobre el vacío, el negro y una foto con velo. Incluye el área de respeto. SVG3 KBPNG @2x7 KB
- Logotipo vertical de color (sigilo en el color de marca, palabra blanca), SVG, fondo transparente, para fondos oscuros en casos excepcionales (la de siempre es la blanca). Incluye el área de respeto. SVG3 KBPNG @2x7 KB
Con fondo
- Avatar cuadrado de 1080 px: sigilo en el vacío sobre su color (el acento). SVG661 BPNG 108032 KB
- Avatar cuadrado de 1080 px: sigilo en el vacío sobre blanco. SVG661 BPNG 108031 KB
- Avatar cuadrado de 1080 px: sigilo en el color de marca sobre el vacío. Va en color, como el favicon y los íconos de app. SVG661 BPNG 108032 KB
- Logotipo horizontal monocromo vacío sobre su color (el acento), con el área de respeto; para portadas, documentos y piezas propias. SVG3 KBPNG 240059 KB
- Logotipo horizontal monocromo vacío sobre el blanco, con el área de respeto; para portadas, documentos y piezas propias. SVG3 KBPNG 240058 KB
- Logotipo vertical monocromo vacío sobre su color (el acento), con el área de respeto; para portadas, documentos y piezas propias. SVG3 KBPNG 120048 KB
- Logotipo vertical monocromo vacío sobre el blanco, con el área de respeto; para portadas, documentos y piezas propias. SVG3 KBPNG 120047 KB
- Imagen para compartir enlaces (Open Graph), 1200 × 630 px: el logotipo horizontal blanco centrado sobre el vacío. PNG 120014 KB
Íconos y favicon
- Ícono de iOS, 180 px, cuadrado sobre el vacío (iOS aplica su máscara). PNG 1804 KB
- Favicon vectorial: el sigilo en color a sangre sobre el vacío, con radio de 2 px a 16 px. SVG628 BICO3 KB
- Ícono de app (manifiesto web), con radio de 0,22 del lado. PNG 1926 KBPNG 51216 KB
- Ícono enmascarable (purpose "maskable"): la marca y su respeto dentro del 80 % central. PNG 51211 KB
LEEME
- Este archivo. TXT14 KB
ruta@archeblack/ui/marks/iris/iris-logomark.svgHekate
Isotipo
- Isotipo de color (sigilo en el color de marca), SVG transparente, para fondos oscuros en casos excepcionales (la de siempre es la blanca). Baldosa de 1,764·D centrada en la tinta. SVG499 BPNG 51215 KBPNG 102433 KB
- Isotipo monocromo vacío (#07080d), SVG transparente, para fondos claros y su color. Baldosa de 1,764·D centrada en la tinta. SVG499 BPNG 51217 KBPNG 102437 KB
- Isotipo monocromo blanco, SVG transparente, para fondos oscuros: la versión de siempre sobre el vacío, el negro y una foto con velo. Baldosa de 1,764·D centrada en la tinta. SVG499 BPNG 51216 KBPNG 102436 KB
Logotipos
- Cabecera monocroma vacío, para fondos claros y su color. SVG2 KBPNG @2x3 KB
- Cabecera: el sigilo y HEKATE en blanco, como en la interfaz (sigilo de 20 px, palabra de 17 px), para fondos oscuros. Sobre fondos claros o su color va la -void. Para otros tamaños, escalar este vector. SVG2 KBPNG @2x3 KB
- Logotipo horizontal blanco, ya sobre el vacío, SVG, para colocar sin preparar el fondo. Incluye el área de respeto. SVG2 KBPNG @2x7 KB
- Logotipo horizontal monocromo vacío (#07080d), SVG, fondo transparente, para fondos claros y su color. Incluye el área de respeto. SVG2 KBPNG @2x8 KB
- Logotipo horizontal monocromo blanco, SVG, fondo transparente, para fondos oscuros: la versión de siempre sobre el vacío, el negro y una foto con velo. Incluye el área de respeto. SVG2 KBPNG @2x8 KB
- Logotipo horizontal de color (sigilo en el color de marca, palabra blanca), SVG, fondo transparente, para fondos oscuros en casos excepcionales (la de siempre es la blanca). Incluye el área de respeto. SVG2 KBPNG @2x8 KB
- Logotipo vertical blanco, ya sobre el vacío, SVG, para colocar sin preparar el fondo. Incluye el área de respeto. SVG2 KBPNG @2x7 KB
- Logotipo vertical monocromo vacío (#07080d), SVG, fondo transparente, para fondos claros y su color. Incluye el área de respeto. SVG2 KBPNG @2x9 KB
- Logotipo vertical monocromo blanco, SVG, fondo transparente, para fondos oscuros: la versión de siempre sobre el vacío, el negro y una foto con velo. Incluye el área de respeto. SVG2 KBPNG @2x9 KB
- Logotipo vertical de color (sigilo en el color de marca, palabra blanca), SVG, fondo transparente, para fondos oscuros en casos excepcionales (la de siempre es la blanca). Incluye el área de respeto. SVG2 KBPNG @2x8 KB
Con fondo
- Avatar cuadrado de 1080 px: sigilo en el vacío sobre su color (el acento). SVG576 BPNG 108034 KB
- Avatar cuadrado de 1080 px: sigilo en el vacío sobre blanco. SVG576 BPNG 108034 KB
- Avatar cuadrado de 1080 px: sigilo en el color de marca sobre el vacío. Va en color, como el favicon y los íconos de app. SVG576 BPNG 108033 KB
- Logotipo horizontal monocromo vacío sobre su color (el acento), con el área de respeto; para portadas, documentos y piezas propias. SVG2 KBPNG 240048 KB
- Logotipo horizontal monocromo vacío sobre el blanco, con el área de respeto; para portadas, documentos y piezas propias. SVG2 KBPNG 240048 KB
- Logotipo vertical monocromo vacío sobre su color (el acento), con el área de respeto; para portadas, documentos y piezas propias. SVG2 KBPNG 120038 KB
- Logotipo vertical monocromo vacío sobre el blanco, con el área de respeto; para portadas, documentos y piezas propias. SVG2 KBPNG 120038 KB
- Imagen para compartir enlaces (Open Graph), 1200 × 630 px: el logotipo horizontal blanco centrado sobre el vacío. PNG 120013 KB
Íconos y favicon
- Ícono de iOS, 180 px, cuadrado sobre el vacío (iOS aplica su máscara). PNG 1804 KB
- Favicon vectorial: el sigilo en color a sangre sobre el vacío, con radio de 2 px a 16 px. El sigilo va al 95 % para que las puntas guarden un trazo de aire hasta el borde. SVG610 BICO3 KB
- Ícono de app (manifiesto web), con radio de 0,22 del lado. PNG 1926 KBPNG 51217 KB
- Ícono enmascarable (purpose "maskable"): la marca y su respeto dentro del 80 % central. PNG 51212 KB
LEEME
- Este archivo. TXT14 KB
ruta@archeblack/ui/marks/hekate/hekate-logomark.svg
