El logotipo de swapy con el isotipo en manzana y la palabra en oliva

El logotipo de swapy con el isotipo en manzana y la palabra en blanco

El logotipo de swapy entero en oliva, para el fondo manzana

El logotipo de swapy entero en blanco, para el fondo negro

cambiate a swapy

El símbolo es el cambio de batería.

El logo de swapy está conformado por el símbolo que resalta el cambio de baterías, el rasgo distintivo de la marca.

Acá están los elementos básicos: la marca, los colores, la tipografía y el tono de voz.

Tipografía: Manrope
Paleta primaria: Manzana y Oliva
Tagline: cambiate a swapy
Grupo: Quantik

swapy Logo

02 / 07

Logo

El isotipo es el cambio de batería y la palabra es Neulis Sans con los vértices redondeados.

Lockups

Versión principalIsotipo manzana y palabra oliva, sobre blanco.
Sobre oliva y sobre negroEl isotipo mantiene el manzana y la palabra pasa a blanco.
Con taglineEl tagline se apoya arriba, alineado con la a de swapy.
IsotipoEl signo solo, cuando la palabra no entra.
Una tintaNegro pleno; en blanco pleno para fondos oscuros.

Clear space

El módulo es la S del logotipo, un módulo libre en los cuatro lados.

Clear space: 1 × the height of the mark, all four sides
Measured from: The height of the supplied file. A bitmap carries no cap height, so nothing inside the letterforms is measured here.
At a 64px-tall mark: 64 px on every side

Misuse

No alterar la relación de proporciones.
El isotipo y la palabra tienen una sola relación de tamaño.
No deformar.
La marca escala en proporción, nunca en un solo eje.
No modificar elementos.
Los vértices redondeados son la intervención tipográfica.
No aplicar otros colores.
Las cinco versiones cromáticas son las que hay.
No aplicar efectos.
Ni sombra, ni relieve, ni degradado.
No alterar el orden de los elementos.
El isotipo va a la izquierda de la palabra.
No invadir el área de resguardo.
Ningún elemento entra en el módulo libre.
No inclinar.
La marca se apoya siempre en la horizontal.
No bajar de 30 mm de base, o 150 px.
El isotipo solo llega a 10 mm y a 20 px.

Correct spelling

swapy Colour

03 / 07

Colour

Manzana y Oliva son la paleta primaria; naranja, blanco y negro la acompañan.

Primaria

Manzana
Role: accent
C30 M0 Y80 K0. El verde del isotipo.
RGB
HSL
CMYK
approx.
Type on it
at 8.16:1, AAA
Oliva
Role: ink
C90 M35 Y90 K60. El verde del logotipo y del fondo institucional.
Light field
RGB
HSL
CMYK
approx.
Type on it
at 11.92:1, AAA
Dark field
RGB
HSL
CMYK
approx.
Type on it
at 11.92:1, AAA

Secundaria

Naranja
Role: signal
C0 M67 Y81 K0. El acento de la paleta secundaria.
RGB
HSL
CMYK
approx.
Type on it
at 4.17:1, AA Large
Blanco
Role: background
C0 M0 Y0 K0. El fondo por defecto de la marca.
Light field
RGB
HSL
CMYK
approx.
Type on it
at 11.92:1, AAA
Dark field
RGB
HSL
CMYK
approx.
Type on it
at 11.92:1, AAA
Negro
Role: neutral
C0 M0 Y0 K100. Fondo pleno y versión de una tinta.
RGB
HSL
CMYK
approx.
Type on it
at 21.00:1, AAA

CMYK is converted from RGB with no colour profile, so it is an approximation. A print value needs a profile and a proof.

Proportions

Blanco74%
Oliva18%
Manzana4%
Negro3%
Naranja1%

Rules

El manzana sobre blanco mide 1,46:1: es fondo, isotipo y relleno, nunca texto.
El naranja pide fondo oscuro: sobre oliva llega a 4,17:1, sobre blanco se queda en 2,86:1.
La descomposición cromática va de Oliva a Manzana en nueve pasos.
Sobre fondos complejos la marca necesita alto contraste y espacio libre alrededor.

swapy Typography

04 / 07

Typography

Manrope es una tipografía palo seco y de uso libre, para plataformas digitales, cartelería y merchandising.

The family

Manrope

Source: Google Fonts
Fallback: system-ui, sans-serif
Licence: De uso libre: cualquiera la puede descargar.

The axes the file exposes, with the instances the system names.
Axis	Name	Range	Named instances
wght	Peso	200 – 800	200 ExtraLight 300 Light 400 Regular 500 Medium 600 SemiBold 700 Bold 800 ExtraBold

Uppercase: ABCDEFGHIJKLMNOPQRSTUVWXYZ
Lowercase: abcdefghijklmnopqrstuvwxyz
Numerals: 0123456789
Punctuation: . , : ; ! ? ‘ ’ “ ” ( ) [ ] – — … / & @ # % + = < >

Roles

Each role name is set in its own weight, optical size and tracking.
Role	Weight	Optical size	Tracking	Size	Usage
Display	600	not set	−0.02em	Títulos y aperturas	SemiBold, tracking cerrado.
Regular	400	not set	0em	16px, medida 62ch	Texto corrido en todos los medios.
Etiqueta	500	not set	+0.01em	11–12px	Rótulos y datos.

The scale

Póster
Size
96px
Weight
600
Line
0.98
Tracking
−0.025em
Cambiate a swapy.
Display
Size
64px
Weight
600
Line
1.02
Tracking
−0.02em
Cambiate a swapy.
H1
Size
48px
Weight
600
Line
1.06
Tracking
−0.018em
Cambiate a swapy.
H2
Size
36px
Weight
600
Line
1.12
Tracking
−0.015em
Cambiate a swapy.
H3
Size
28px
Weight
600
Line
1.18
Tracking
−0.01em
Cambiate a swapy.
H4
Size
22px
Weight
600
Line
1.24
Tracking
0em
Cambiate a swapy.
Cuerpo grande
Size
20px
Weight
400
Line
1.55
Tracking
0em
Cambiate a swapy.
Cuerpo
Size
16px
Weight
400
Line
1.6
Tracking
0em
Cambiate a swapy.
Chico
Size
14px
Weight
400
Line
1.5
Tracking
0em
Cambiate a swapy.
Etiqueta
Size
12px
Weight
500
Line
1.35
Tracking
+0.01em
Cambiate a swapy.

Optical corrections

Manrope tiene un solo eje, wght, así que ningún plano corrige el tamaño óptico.

Weight and tracking as set on each plane, with the date that plane was calibrated by eye.
Plane	Ground	Weight	Tracking	Calibrated
Blanco	#FFFFFF	600	−0.02em	no date
OlivaSin calibrar.	#103F27	not calibrated		no date
ManzanaSin calibrar.	#B4E570	not calibrated		no date
NegroSin calibrar.	#000000	not calibrated		no date

El logotipo va en caja baja; en texto corrido la marca se escribe Swapy.

swapy Voice

05 / 07

Voice

Claro y directo, sin jerga ni tecnicismos innecesarios.

Pillars

Simplicidad y claridad
Es fácil: ubicás una estación con baterías disponibles, cambiás las baterías y ¡listo!
Comunicación directa y sencilla.
Amigable y cercano
Acá estamos para hacerte la vida más fácil.
Lenguaje casual pero profesional, con repartidores y con empresas.
Empatía y respeto
Cada entrega es más que un simple trayecto. Estamos acá para respaldarte en cada viaje.
El trabajo del repartidor se nombra y se reconoce.
Enfocado en beneficios
No solo hacés bien al planeta: también ahorrás dinero en mantenimiento.
La sostenibilidad, la eficiencia y el ahorro son la guía.

Do and don’t

Explicar el swap
Do
Cambiás la batería y seguís.
Don’t
Optimizá tu operativa con nuestro ecosistema de intercambio energético.
Hablarle al repartidor
Do
Estamos acá para respaldarte en cada viaje.
Don’t
El usuario deberá dirigirse a la estación más próxima.
Un beneficio
Do
Ahorrás en mantenimiento.
Don’t
Tecnología de última generación.
El cierre
Do
Cambiate a swapy.
Don’t
¡SWAPY, LA REVOLUCIÓN DE LA MOVILIDAD!

swapy Accessibility

06 / 07

Accessibility

Medido con WCAG 2.1 sobre los colores de esta página.

Commitments

La marca se elige por el fondo: Sobre oliva y negro va la palabra blanca; sobre blanco y manzana, la oliva.
El manzana no es color de texto: Sobre blanco mide 1,46:1. Es fondo, isotipo y relleno.
El naranja pide fondo oscuro: Llega a 4,17:1 sobre oliva y a 7,34:1 sobre negro; sobre manzana se cae a 1,96:1.

Contrast

4 of 10 pairs fall short: Manzana sobre blanco measures 1.46:1 against a required 4.5:1; Naranja sobre blanco measures 2.86:1 against a required 3:1; Naranja sobre manzana measures 1.96:1 against a required 3:1; Oliva sobre negro measures 1.76:1 against a required 3:1.

Every colour pair the system uses, with its measured contrast ratio, the minimum it must meet, and whether it passes. Failing pairs are listed first.
Pair	Specimen	Foreground	Background	Measured	Required	Result
Manzana sobre blanco	Visual sample	#B4E570	#FFFFFF	1.46:1	4.5:1	Fail
Naranja sobre blanco	Visual sample	#FA6E33	#FFFFFF	2.86:1	3.0:1	Fail
Naranja sobre manzana	Visual sample	#FA6E33	#B4E570	1.96:1	3.0:1	Fail
Oliva sobre negro	Visual sample	#103F27	#000000	1.76:1	3.0:1	Fail
Oliva sobre blanco	Visual sample	#103F27	#FFFFFF	11.92:1	4.5:1	PassAAA
Blanco sobre oliva	Visual sample	#FFFFFF	#103F27	11.92:1	4.5:1	PassAAA
Manzana sobre oliva	Visual sample	#B4E570	#103F27	8.16:1	4.5:1	PassAAA
Naranja sobre oliva	Visual sample	#FA6E33	#103F27	4.17:1	3.0:1	PassAA Large
Oliva sobre manzana	Visual sample	#103F27	#B4E570	8.16:1	4.5:1	PassAAA
Blanco sobre negro	Visual sample	#FFFFFF	#000000	21.00:1	4.5:1	PassAAA

Ratios use the WCAG 2.1 relative-luminance formula and are computed from the hex values on this page, so they move the moment a colour does. A required 3:1 applies to large display type and non-text marks; everything else is held to 4.5:1.

Focus

Press Tab. The outline that lands on the control below is the focus-visible style the whole system uses: 2px of the accent colour, offset 3px, on a 1px radius. This section does not restyle it.

swapy Assets

07 / 07

Assets

Los archivos.

Manrope se distribuye bajo la SIL Open Font License.

Marcas

Vectores: cinco versiones cromáticas del logotipo, dos con tagline y el isotipo suelto.

Principal: swapy_oliva.svg
Palabra en blanco: swapy_blanco.svg
Oliva pleno: swapy_oliva_solido.svg
Blanco pleno: swapy_blanco_solido.svg
Negro pleno: swapy_negro.svg
Con tagline: swapy_tagline_oliva.svg
Con tagline, blanco: swapy_tagline_blanco.svg
Isotipo: swapy_isotipo_manzana.svg

Tipografía

Manrope variable, wght 200 a 800. Subconjunto latino, 218 glifos.

Manrope: manrope-latin-vf.woff2 — 200 a 800, precargada