Marca

La marca y su reflejo

Cada modelo es un planeta. Antimatter es el motor. Así se dibuja: la marca, el nombre, los colores y la tipografía, con los archivos para usarlos.

La marca de Antimatter en su versión principal: un anillo sobre un horizonte, su reflejo debajo en azul, violeta y magenta, y un punto de luz blanca donde se encuentran

La marca

Un anillo y su reflejo a través de un horizonte. La materia sobre la línea, la antimateria debajo en el espectro de identidad, detenida un poco antes de la línea, como un reflejo.

Marca

La versión por defecto, y la que funciona en tamaño pequeño.

Principal

La marca con un punto de luz blanca donde el horizonte cruza el anillo. Solo para superficies grandes, nunca por debajo de 64 píxeles.

Icono de app

La marca sobre su fondo redondeado, dibujada para verse nítida a 16 y 32 píxeles.

El nombre a su lado

La marca a una vez y media el tamaño del texto, el nombre en Space Grotesk Medium, con poco espacio: la cola del horizonte, que se desvanece, llena el hueco entre ambos.

Logotipo

La marca junto al nombre corto, para la mayoría de los usos.

Logotipo formal

Con el nombre completo, Antimatter Compute, para lugares legales y formales.

Logotipo apilado

El nombre bajo la marca, para espacios cuadrados.

Logotipo de texto

El nombre solo, cuando la marca ya está cerca.

El nombre

Antimatter Compute
El nombre completo del producto: lugares legales y formales, tiendas de apps y la primera mención en textos largos.
Antimatter
En todo lo demás: la interfaz, los titulares, la marca, la conversación.

Siempre con mayúscula inicial. Nunca en una sola palabra, nunca como dominio, nunca en mayúsculas como nombre dentro del texto, nunca abreviado como AM.

Color

El sitio es solo oscuro. Tinta sobre el vacío, un acento para lo que se puede pulsar y el espectro de identidad para el reflejo, una frase en un titular y el salto.

El fondo y la tinta

  • Vacío

    #020205

    Un fondo, no para texto

  • Superficie

    #08080f

    Un fondo, no para texto

  • Velo

    #0e0e18

    Un fondo, no para texto

  • Línea

    #16161f

    Un fondo, no para texto

  • Tenue

    #5f5f74

    3,3:1 sobre el vacío

  • Apagado

    #78788f

    4,8:1 sobre el vacío

  • Tinta suave

    #b9b9cc

    10,7:1 sobre el vacío

  • Tinta

    #d6d6e4

    14,4:1 sobre el vacío

  • Acento

    #6b4dff

    4,0:1 sobre el vacío

  • Acento pulsado

    #4636e6

    2,8:1 sobre el vacío

El espectro de identidad

Siempre en este orden, el azul primero. El blanco es un único punto de luz, nunca un relleno, una superficie ni un color de texto.

  • Azul eléctrico

    #2e7bff

    5,3:1 sobre el vacío

  • Violeta

    #9b4dff

    4,8:1 sobre el vacío

  • Magenta intenso

    #ee38a8

    5,6:1 sobre el vacío

  • Blanco de aniquilación

    #f7f4ff

    19,0:1 sobre el vacío

Sobre papel blanco

Solo para la versión clara de la marca, sobre papel y en páginas blancas ajenas. El sitio nunca es claro.

  • Tinta sobre blanco

    #14141c

    18,3:1 sobre blanco

  • Azul sobre blanco

    #1f66e5

    5,1:1 sobre blanco

  • Violeta sobre blanco

    #8434f0

    5,6:1 sobre blanco

  • Magenta sobre blanco

    #d81e8f

    4,6:1 sobre blanco

Tipografía

  • Space Grotesk

    Cada modelo es un planeta.

    Titulares: encabezados, el logotipo de texto, las cifras que importan. Espaciado -0.02em.

  • Inter

    Una clave para cada modelo del catálogo, al precio del proveedor de origen más un margen declarado.

    Texto: todo lo que se lee.

  • ui-monospace

    openai/gpt-4.1
    x-antimatter-cost-micros

    Datos: ids de modelos, claves, precios, cabeceras.

Ambas fuentes son libres bajo la SIL Open Font License: Space Grotesk e Inter en Google Fonts.

Úsala bien

Sí

  • Deja un espacio libre del grosor del aro en todos los lados, más o menos una séptima parte del ancho del anillo.

  • 18 px16 px

    Dibuja la marca a 18 píxeles o más. Por debajo, usa el icono de app, hecho para 16.

  • Sobre blanco, usa la versión clara: un aro oscuro, el espectro más oscuro y un horizonte sólido.

No

  • Girarla, inclinarla o voltearla. Es un reflejo sobre una línea horizontal.

  • Cambiarle los colores. Tinta sobre la línea, el espectro debajo, el azul a la izquierda.

  • Contornearla, darle sombra o hacer que brille. El único punto de la versión principal es la única luz que lleva.

Y nunca cierres el hueco bajo el horizonte ni dibujes el reflejo como un anillo completo: sin el hueco es un anillo de dos colores, no un reflejo.

Archivos

Cada archivo sale del kit de marca que se guarda junto al código. Los vectores llevan las letras como formas, así que no necesitan ninguna fuente.

Antimatter