Marca
El logotipo de invoiso
Todas las variantes, en SVG y PNG. Las letras están dibujadas como trazados en lugar de compuestas, así que no hay ninguna fuente que licenciar ni nada que instalar: el logotipo se ve igual en un navegador, un PDF y un correo. Clic derecho, o los enlaces bajo cada archivo, para descargar.
Colores
Tres, y solo tres, en el diseño. #047857 y #10B981 se dejaron fuera a propósito para que haya un único verde de marca inequívoco.
Verde de marca
#059669
El pliegue y las líneas de la marca, y cada acento de marca.
Tinta
#0A0A0A
Logotipo y contorno sobre fondos claros.
Blanco
#FFFFFF
Logotipo y contorno sobre fondos oscuros.
Atención
#FE9A00
Un estado pendiente o sin confirmar. No es un color del logotipo.
Logotipo
El nombre completo. Tinta sobre claro, blanco sobre oscuro; las tres variantes monocromas son para sellos, bordados e impresión a un color.
Icono
La marca del documento sola, donde el nombre ya aparece o no cabe.
Icono de aplicación
512 × 512 con el radio de esquina que esperan iOS y Android. El verde es el predeterminado; el negro y el blanco son para contextos que aportan su propio fondo.
Favicon
Dibujado aparte a 32 × 32, no reducido: el contorno se cierra alrededor del pliegue y las líneas bajan a 0,65× el grosor del contorno, que es lo que lo mantiene legible a 16 px.
Composición
Marca sobre el nombre, para un espacio casi cuadrado: una foto de perfil, un muro de patrocinadores, la cabecera de una carta.
Tipografía, y cómo se hacen
- El logotipo
- No es una tipografía. Letras geométricas monolineales dibujadas como trazados: un solo grosor de trazo en todo, un solo radio de esquina que rige cada curva.
- Todo lo demás
- Geist Sans para el texto de interfaz y Geist Mono para las cifras, ambas de licencia abierta. Los títulos usan la tipografía display de la aplicación.
- Área de protección
- Incorporada en cada archivo: 10 unidades alrededor del logotipo, 12 alrededor del icono. Colócalos borde con borde y el espaciado es el correcto.
- Cambiarlos
- Todo el conjunto se genera desde un solo script, así que un cambio en la geometría reescribe los quince archivos de forma coherente. No edites un SVG a mano; se sobrescribirá.