brand guidelines - skycoin...brand identity. a bunch of logo no’s don’t use the cloud with a...

11
Brand Guidelines v.

Upload: others

Post on 28-Jun-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Brand Guidelines - Skycoin...brand identity. A bunch of logo no’s Don’t use the cloud with a solid fill. Don’t put a drop shadow on the logo. Don’t use a black version of

BrandGuidelinesv!."

Page 2: Brand Guidelines - Skycoin...brand identity. A bunch of logo no’s Don’t use the cloud with a solid fill. Don’t put a drop shadow on the logo. Don’t use a black version of

Ourlogo

"

Page 3: Brand Guidelines - Skycoin...brand identity. A bunch of logo no’s Don’t use the cloud with a solid fill. Don’t put a drop shadow on the logo. Don’t use a black version of

x xxx

x

x

2x

4x

!"pxx$"pxHorizontal

x 2x2x xx xx

x

x

2x

2x

4x

Vertical %"pxx$&px

x

2x

x

x

x

x 4x

'(pxx'"pxCloudOnly

Lockups MinimumSize

Ourlogohasperfectmathematicalproportions,

whereXistheradiusofthecirclesthatmakeup

theSkycoincloud.Therearethreelogolockups

andaminimumsizeforeach.

Lockups,clearspace,andminimumsizerequirements.

Ourlogo—"

Page 4: Brand Guidelines - Skycoin...brand identity. A bunch of logo no’s Don’t use the cloud with a solid fill. Don’t put a drop shadow on the logo. Don’t use a black version of

Ourlogohasthreecolorvariations.

Colorvariations

Blue&White:Usewhenondarkbackgroundcolors.

White&White:Usewhenonourprimarybluebackgroundcolororimage.

Blue&Black:Usewhenonalightbackgroundcolors.

Ourlogo—"

Page 5: Brand Guidelines - Skycoin...brand identity. A bunch of logo no’s Don’t use the cloud with a solid fill. Don’t put a drop shadow on the logo. Don’t use a black version of

It’simportantthatourlogoonlybeusedinthecorrectwayastokeepaconsistentbrandidentity.

Abunchoflogono’s

Don’tusethecloudwithasolidfill.

Don’tputadropshadowonthelogo.

Don’tuseablackversionofourlogo,thoughthereareafewexceptions(ie:packaging).

Don’tuseanycolorotherthanourprimaryblueorwhiteasthecolorofthecloud.

Don’tmesswiththelogotype.

SKYCOIN

Don’tusethecolorversionofthelogooncolorbackgrounds.

Don’tputthelogoonaslant. Don’tputthecolorversionofourlogoonanimage.

Don’tusealternativelockupsofourlogo.

Ourlogo—"

Page 6: Brand Guidelines - Skycoin...brand identity. A bunch of logo no’s Don’t use the cloud with a solid fill. Don’t put a drop shadow on the logo. Don’t use a black version of

Ourcolors

"

Page 7: Brand Guidelines - Skycoin...brand identity. A bunch of logo no’s Don’t use the cloud with a solid fill. Don’t put a drop shadow on the logo. Don’t use a black version of

PrimaryBlue"##$%FF "##C&FF

LightBlue"FFC'%(Gold(Accents)

"##$%FFto"##C&FFPrimaryGradient

"FF##)ERed(Error)

"##DF*#Green(Success)

Primarycolors

Black,grays,andwhites

Validationcolors

Theseareourcolors.Theremaybeothercolorswediscoverusecasesforinthefuture,butfornow,thisisit.

Colorvariations

#F7F

7F7

(2%

)

#EFF

0F0

(5%

)

#CEC

FD0

(20%

)

#8C

8E91

(50

%)

OurBlack OurWhite TrueWhite"'E%%%$ "FBFBFB "FFF

#8C

8E91

(50

%)

#4A4

D51

(20

%)

#222

62B

(2%

)

#292

D32

(5%

)

Ourcolors—"

Page 8: Brand Guidelines - Skycoin...brand identity. A bunch of logo no’s Don’t use the cloud with a solid fill. Don’t put a drop shadow on the logo. Don’t use a black version of

Ourfonts

"

Page 9: Brand Guidelines - Skycoin...brand identity. A bunch of logo no’s Don’t use the cloud with a solid fill. Don’t put a drop shadow on the logo. Don’t use a black version of

SkycoinSans

BoldRegular

AaBbCc"#$AaBbCc"#$Thequickbrownfoxjumpedoverthelazydog.

Thequickbrownfoxjumpedoverthelazydog.

"#$%&'()*+!@?&(),.;\/"#$%&'()*+!@?&(),.;\/

Inconsolata

Bold Regular

AaBbCc 123 AaBbCc 123The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

1234567890 !@?&(),.;\/ 1234567890 !@?&(),.;\/

Weonlyhavetwofonts.

OurgeneralpurposefontisSkycoinSans,whichisamodifiedversionofBrown.

Oursecondfontisamonospacedfontforuseincodeexamples.

Ourfontfamily

Ourfonts—*

Page 10: Brand Guidelines - Skycoin...brand identity. A bunch of logo no’s Don’t use the cloud with a solid fill. Don’t put a drop shadow on the logo. Don’t use a black version of

ThisisanH"headlineThisisanH#headlineLoremipsumdolorsitamet,consecteturadipiscingelit.Donecvitaeeratfeugiat,blandittortornec,lobortisvelit.Nunctristiqueligulautturpisdignissimvehicula.Sedegetscelerisquenisl.Etiamconsequaturnaefficitur,temporestac,aliquetlacus.Integerimperdiet,semamaximusporttitor,risusturpismaximusest,necfaucibuspurusduisedsem.Nunceleifendaclectusegetposuere.Aeneanporta,ligulanecaliquamgravida.

Utvenenatisrutrumenimsitametultrices.Quisquefringillaegestasinterdum.Aliquamvulputatedignissimaccumsan.Morbinonpulvinarneque.Integereusodalesnisi.Vivamusetleononsapienviverrahendrerit.Aliquameratvolutpat.

// SnapshotHash returns hash of UxBody + UxHead

func (uo *UxOut) SnapshotHash() cipher.SHA256 {

b1 := encoder.Serialize(uo.Body) //body

b2 := encoder.Serialize(uo.Head) //time, bkseq

b3 := append(b1, b2...)

return cipher.SumSHA256(b3)

}

Ourfonts—"$

Here’sanexamplelayoutofourfontsworkingtogether.

Alltogether

Page 11: Brand Guidelines - Skycoin...brand identity. A bunch of logo no’s Don’t use the cloud with a solid fill. Don’t put a drop shadow on the logo. Don’t use a black version of

Thanks!