El símbolo
El doble diamante solo, sin letras. Es la respuesta cuando el lockup no alcanza los 32px — el favicon, un avatar, la barra de navegación de este sitio.
Sistema de diseño
Guía de marca
El sistema de diseño vivo. Cada muestra lee el mismo token con el que renderizan el sitio y la app, así que esta página no puede desalinearse de lo que se publica.
Descargas
Todo el material de marca, listo para descargar. Si vas a usar el logo de ETH Cali en un afiche, una charla o un patrocinio, sácalo de aquí y no de una captura de pantalla.
Kit de marca
Todos los lockups, el símbolo, los favicons, el arte social y las fuentes web, con la guía adentro.
ZIP →Sarun Pro — familia completa
Las 60 fuentes de escritorio: Pro, Condensed y Narrow, de Thin a Heavy, con itálicas.
ZIP →Logos
Lockup horizontal — sobre oscuro
El primario, invertido. Es el que usan la cabecera, el pie y las tarjetas de compartir de este sitio, y el que va sobre cualquier fondo oscuro.
Lockup horizontal — sobre claro
El primario. Barras de navegación, cabeceras y pies sobre fondo blanco. La versión compacta lleva menos aire alrededor del símbolo.
Lockup vertical
Para afiches, merch y cualquier sitio donde haya más alto que ancho. Va en las dos versiones: sobre blanco y sobre negro.
Lockup simplificado
Sin la filigrana: solo el octaedro y el arco. Para impresión pequeña, bordado y serigrafía, donde la línea fina del símbolo se cierra y se convierte en una mancha.
Hoja completa — vector
Todos los lockups en un archivo vectorial, escalable a cualquier tamaño sin perder nada. Si vas a imprimir, empieza aquí y no por un PNG.
Redes y compartir
Foto de perfil
Cuadrada, 1280 × 1280. Para el avatar de cualquier red — se recorta en círculo en casi todas, y el símbolo queda centrado.
Banner
Para la cabecera de un perfil y para la tarjeta de compartir. El PNG de 1200 × 400 es el que este sitio pone en og:image.
Arte de colección
2000 × 2000, el tamaño que pide OpenSea para la portada de una colección.
Cómo se usa
El símbolo es un doble diamante dibujado con una sola línea ultramarina — el octaedro de Ethereum rehecho como herrería en filigrana. Cuatro reglas lo protegen.
Aire alrededor
X = la altura del diamante, por los cuatro lados. Nada entra en ese margen.
Tamaño mínimo
32px de alto en pantalla, 10mm impreso. Por debajo de eso va el símbolo solo, nunca el lockup encogido.
Color de la línea
Ultramarino #2B23EF o blanco. Nada más — es el único color cromático de la marca y está muestreado del símbolo.
Nunca
- Recolorear la línea
- Estirar, condensar, rotar o curvar
- Ponerlo sobre una foto cargada o un degradado
- Añadir brillo, relieve o sombra
Marca
eth-blue
eth-blue-lift
eth-blue-deep
eth-blue-text
Enlaces y datos sobre oscuro
Superficies
surface-void
surface-slab
surface-inset
surface-ridge
Señales
Nunca decorativos. El verde significa que algo se confirmó en cadena — si algo simplemente se ve bien, es un color de marca, no una señal.
signal-confirmed
signal-pending
signal-reverted
Texto
content-primaryEl veloz murciélago hindú comía feliz cardillo
content-secondaryEl veloz murciélago hindú comía feliz cardillo
content-mutedEl veloz murciélago hindú comía feliz cardillo
content-faintEl veloz murciélago hindú comía feliz cardillo
Tipografía
Sarun Pro para lo que escribió una persona, JetBrains Mono para lo que produjo una cadena: direcciones, hashes, montos, fechas.
Sarun Pro Black 900
Sarun Pro Bold 700
Sarun Pro Medium 500
Sarun Pro Regular 400
JetBrains Mono · 0xB6BDe4fB…6da64
Sarun Pro no tiene 600. Salta de Medium 500 a Bold 700, así que font-semibold se mapea a 700 en vez de sintetizarse.
Sarun Pro — web
Los cinco pesos que este sitio carga, en WOFF2.
Sarun Pro es una tipografía comercial con licencia de su fundidora. Se publica aquí para el trabajo de ETH Cali y de sus comunidades aliadas; para cualquier otro uso, licénciala tú. JetBrains Mono es libre y con licencia Apache 2.0. No la redistribuimos: se carga desde Google Fonts.