top of page

app superliga orange ios

composición y estilo

En cuanto a composición y estilo, se ha querido hacer una fusión entre el estilo de iOS y la personalidad de la web de la Superliga Orange. Por ello, se han mantenido los colores y las tipografías de la web, pero reorganizando la información para que fuese adaptable a este sistema operativo.

el icono

El icono que aparecerá en la pantalla de iOS es una simplificación vectorial del icono web de la Superliga Orange. Si hubiese sido el icono original, no se vería bien en un dispositivo móvil ya que contiene demasiado detalle que, en una escala más pequeña, podría perderse e incluso dejar de entenderse como el icono de la Superliga.

Icono Original

Icono App Store/Menú

TIPOGRAFÍAS

BITTER BOLD

Las tipografías utilizadas han sido dos, las mismas que en la página web (excepto los iconos de la tab bar que siguen la tipografía especificada por Apple): para los títulos y cabeceras Bitter Bold, para el texto corrido se ha usado Tahoma Regular.

A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z 


A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z


a b c d e f g h i j k l m n ñ o p q r s t u v w x y z


a b c d e f g h i j k l m n ñ o p q r s t u v w x y z


1 2 3 4 5 6 7 8 9 0 ¿ ? ¡ ! () [] / % # @ =


1 2 3 4 5 6 7 8 9 0 ¿ ? ¡ ! () [] / % # @ =

TAHOMA REGULAR

A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z 


A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z


a b c d e f g h i j k l m n ñ o p q r s t u v w x y z


a b c d e f g h i j k l m n ñ o p q r s t u v w x y z


1 2 3 4 5 6 7 8 9 0 ¿ ? ¡ ! () [] / % # @ =


1 2 3 4 5 6 7 8 9 0 ¿ ? ¡ ! () [] / % # @ =

COLORES CORPORATIVOS

En cuanto a colores, se han respetado los colores originales de la web.

R: 247

G: 147

B: 38

R: 17

G: 22

B: 27

R: 29

G: 35

B: 45

R: 42

G: 54

B: 66

R: 102

G: 102

B: 102

R: 255

G: 255

B: 255

bottom of page