style guide popup party - meetic & match

11
Style Guide Application 2015

Upload: juan-guillot-gonzalez

Post on 13-Apr-2017

333 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Style guide PopUp Party - Meetic & Match

Style GuideApplication 2015

Page 2: Style guide PopUp Party - Meetic & Match

2

Titre n°2 :

Lorem Ipsum sin doloremBrain Flower - 24px - Blanc #ffffff

1

Titre n°1 :

Lorem Ipsum sin doloremBrain Flower - 30px - Bleu foncé #125e78

TITRES & TEXTES

Noir rosé#1f1d1f - R 31 : V 29 : B 31

Bleu grisé#787a84 - R 120 : V 122 : B 132

Bleu foncé#125e78 - R 18 : V 94 : B 120

Rose#e33278 - R 227 : V 50 : B 120

Blanc#ffffff - R 255 : V 255 : B 255

COULEURS

Primaire :

Brain Flower

Secondaire :

Roboto

TYPOGRAPHIE

Page 3: Style guide PopUp Party - Meetic & Match

6

Sous-texte n°2 :

Lorem Ipsum sin dolorem

Roboto Regular - 13px - Bleu foncé #125e78

5

Sous-texte n°1 :

Lorem Ipsum sin dolorem

Roboto Regular - 13px - Rose #e33278

4

Texte courant n°2 :

Lorem Ipsum sin dolorem

Roboto Regular - 13px - Blanc #ffffff

3

Texte courant n°1 :

Lorem Ipsum sin dolorem

Roboto Regular - 13px - Bleu grisé #787a84

TITRES & TEXTES

Page 4: Style guide PopUp Party - Meetic & Match

Maquettes

Page 5: Style guide PopUp Party - Meetic & Match

SPLASHSCREEN

CENTRÉ

CENTRÉ

Page 6: Style guide PopUp Party - Meetic & Match

BIG FERNAND - LISTE

CENTRÉ

17PX

17PX

23PX

82PX

14PX

21PX

21PX

26PX

2

1

3

5

Page 7: Style guide PopUp Party - Meetic & Match

LISTE DES BARS

20PX

26PX

26PX26PX

1

3

Page 8: Style guide PopUp Party - Meetic & Match

26PX 26PX

2

4

4

CLUB HAUSSMANN

Page 9: Style guide PopUp Party - Meetic & Match

DÉTAILS BAR

17PX

17PX

21PX

21PX

26PX 26PX

21PX

21PX

1

3

3

5

6

Page 10: Style guide PopUp Party - Meetic & Match

PHOTO LIVE FEED

17PX

17PX

10PX 10PX

26PX

5PX

5PX

26PX

60PX

Page 11: Style guide PopUp Party - Meetic & Match