Subletinn - Brand Guideline

Page 1

Brand Guideline SPRING 2021


01

Logo Usage


Logo 03


Logo - Safezone

0.33x x

04


0.5x

3x x

Logo - Safezone 05


Logo - Safezone

0.33x x

1.5x

06


#68b096 #7dc6d1 LOGO - GRADIENT HUE

#ec6363 #f04924

07


PRIMARY COLORS

Red

f04924 R:240 G:73 B:36 C:0 M:87 Y:99 K:0 HSL: (11,87%,54%)

Brand - Color Palette

Off-Black

08

222222 R:34 G:34 B:34 C:72 M:66 Y:64 K:72 HSL: (0,0%,13%)

SECONDARY COLORS

Dark-Pink

ec6363 R:236 G:99 B:99 C:2 M:76 Y:55 K:0 HSL: (0,78%,66%)

Yellow

fab819 R:250 G:184 B:25 C:1 M:30 Y:99 K:0 HSL: (42,96%,54%)

Turquoise

68b096 R:104 G:176 B:150 C:61 M:12 Y:49 K:0 HSL: (158,31%,55%)

Blue

7dc6d1 R:125 G:198 B:209 C:49 M:4 Y:17 K:0 HSL: (188,48%,65%)

Color Palette


Logo - Background 09


10

Logo - Background


Logo - Background 11


02

Typography


SUBLETINN utilizes all caps Lato bold font for its logo.

Lato - Bold Logo - Typography

01 02 03 05 06 07 08 09 Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

13


Brand - Typography

SUBLETINN utilizes different weights of Poppins font for all of its copy.

14

Poppins

01 02 03 05 06 07 08 09 Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz


TYPE FAMILY

Poppins H1/70PT/93PX

H3/50PT/67PX

H4/40PT/53PX

BODY/20PT/27PX

SMALLBODY/15PT/20PX

BUTTON/15PT/20PX

Header. Bold

Subheader. Bold

Type Setting

H2/60PT/80PX

Header. Bold Label. SemiBold

Body. Medium. Lorem ipsum dolor sit amet, consectetur adipiscing elit. SmallBody. Medium. Pellentesque quis lorem tempus, facilisis ligula at, volutpat velit. Text on button. SemiBold

15


H1

Type Setting

54PT/72PX/1:1

H3 18PT/24PX/1:3 Body

One that fits you

SubletInn creates communities designed for students, interns, and international travelers.

27PT/36PX/1:2 Button

16

0

Enjoy the city

Find your community


03

Logo Misuse


Do not outline SUBLETINN’s logo.

Do not separate SUBLETINN’s text color from the logo color.

Do not stretch or squeeze SUBLETINN’s logo.

Logo Misuse

Do not change the color for SUBLETINN’s logo. Only use the two specified gradient.

18


Do not remove the graphic element from SUBLETINN’s logo.

Do not add effects to SUBLETINN’s logo.

Do not change the letter casing of SUBLETINN’s logo.

Logo Misuse

Do not change the font/typeface for SUBLETINN’s logo.

19


2462 w armitage ave, Chicago, IL, US Subletinn.com Subletinn @chicagosubletinn