Style Guide Reduced

User Manual:

Open the PDF directly: View PDF PDF.
Page Count: 20

DownloadStyle Guide  Reduced
Open PDF In BrowserView PDF
website style guide
2019

the glycereens style guide
CO N T E N T S
A B O U T C L I E N T.. . . . . . . . . . . . . .............. 3
M A S T E R LO G O .. . . . . . . . . . . . . .............. 4
LO G O VA R I AT I O N S . . . . . . . .............. 5
M O O D B O A R D . . . . . . . . . . . . . . . .............. 6
CO LO R PA L E T T E .. . . . . . . . . . .............. 7
E L E M E N T S .. . . . . . . . . . . . . . . . . . . . .............. 8
P H OTO G R A P H Y .. . . . . . . . . . . . .............. 9

the glycereens

blend their
dirty bumblegum aesthetics with
garage punk rock tones to create a
fuzzed-out sound that is both energetic
and super loud. Rising from the ashes
of noisy garage heaven in Brisbane,
Queensland, Australia, The Glycereens
continue to spread their fuzzy love
throughout the cosmos.

B A C K G R O U N D T E X T U R E S ......... 1 0
I CO N S .. . . . . . . . . . . . . . . . . . . . . . . . . . . ............ 1 1
L AYO U T I N S P I R AT I O N .. ............ 1 2
T Y P O G R A P H Y .. . . . . . . . . . . . . . ............ 1 3
T Y P O G R A P H Y .. . . . . . . . . . . . . . ............ 1 4
T Y P O G R A P H Y .. . . . . . . . . . . . . . ............ 1 5
S TO R E . . . . . . . . . . . . . . . . . . . . . . . . . . . ............ 1 6
B R A N D A P P L I C AT I O N . . . ............ 1 7
B R A N D A P P L I C AT I O N . . . ............ 1 8
CO N TA C T YO U R D E S I G N E R ...... 1 9
S O U R C E L I N K S .. . . . . . . . . . . . . ............ 2 0

2
nina tanneberger 2019

the glycereens style guide

ABOUT CLIENT
The Glycereens are: Heli (vox & guitar), Sol (backing vox & lead guitar), Chrissy (backing
voxs & drums), Nathan (backing vox & bass).
Review by Josh Prosser, Music Beyond Headlines.
Brisbane’s intergalactic punk fuzzsters The Glycereens have been spreading their wings
around the local Brisbane music scene since 2018. Although they are a reasonably new
band on the scene, they feature past members from some pretty killer bands. Bands such
as: Happy Times, Mad Macka, Boondall Boys, Warped, BMX Ray, Gravelrash, Fuzzbabes,
Helical Sun, Campus Tramps and Mecha Mecha. The Glycereens have recently released
their debut 10 track album Hangin’ On! It’s an alternative punk drenched fuzzfest.
Client Contact: Heli Puhakka
www.facebook.com/theglycereens
www.theglycereens.bandcamp.com
hmpuhakka@hotmail.com

3
nina tanneberger 2019

the glycereens style guide
M A S T E R LO G O

q
4
nina tanneberger 2019

the glycereens style guide
LO G O VA R I AT I O N S

Straight Logo

Yello Pink Sticker

Leopard Print Pink

5
nina tanneberger 2019

the glycereens style guide
MOODBOARD

6
nina tanneberger 2019

the glycereens style guide
CO LO R PA L E T T E

Greyscale

Accent Colours
v

HEX #1c1518

HEX #303031

HEX #525355

HEX #ed208a

HEX #7aab41

HEX #ffdd00

RGB 28 21 24

RGB 48 48 49

RGB 82 83 85

RGB 237 32 138

RGB 122 171 65

RGB 255 221 0

HEX #909294

HEX #cfcfd1

HEX #ffffff

RGB 144 146 148

RGB 207 207 209

RGB 255 255 255

7
nina tanneberger 2019

the glycereens style guide
ELEMENTS

Mobile
- Colours using black/dark grey or a texture for background with pink and green to highlight.
- Desktop version has full menu at full screen mode complete with band title on the left and
shopping cart button on the right.
- Social media buttons will be underneath on the home page and on the footer for the site.
- Dropping down to tablet mode will move the band name to the center and menu dropdown
to the left.
- Dropdown button gives the menu options as well as a checkout button and social media
Desktop

buttons.
- Mobile version similar to tablet dropdown, with drop down covering half the screen.
- Footer with simple buttons.

Footer

8
nina tanneberger 2019

the glycereens style guide
P H OTO G R A P H Y

More photography needs to be done for the client;
these are some of the existing assets available.
Studio shoot would be ideal to give website a
professional feel.

9
nina tanneberger 2019

the glycereens style guide
BACKGROUND TEXTURES

The desirable background will be a grunge texture.
During the design phase there will be experimentation
with paint splatters to create a custom look.

10
nina tanneberger 2019

the glycereens style guide
I CO N S
Looking to combine these three styles into one icon.
The themes are neon glow, a grunge background and paint
splatters.
This will be further developed in the design stage.

11
nina tanneberger 2019

the glycereens style guide
L AYO U T I N S P I R AT I O N
This section identifies some desirable layouts; primarily using grids and
sectioned one-page-site design. The use of carousels is high and many
interactive features for the user.
Further examples are to be presented to client in person to display interactivity.

12
nina tanneberger 2019

the glycereens style guide
T YPOGRAPHY

Poiret One
Body 1

Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut viverra, nibh vitae pharetra tristique, purus
tellus pretium tortor, ut rutrum ipsum ipsum eget purus. Nullam posuere nibh arcu, eget eleifend
enim ultrices eu. Fusce iaculis lectus quis pretium scelerisque. Nunc congue ipsum in cursus vehicula.
Proin magna ligula, commodo quis magna ut, pretium mattis justo. Nam in leo malesuada, auctor
justo ut, tempus elit. Aliquam condimentum tempor ipsum, non dapibus nibh convallis eget. Pellentesque at lacinia arcu, quis egestas nulla.

abcdefghijklmnopqrstuvqxyz
1234567890!@#$%^&*()_+=”:?><

Bold
N/A

13
nina tanneberger 2019

the glycereens style guide
T YPOGRAPHY

Raleway
Body 2

Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut viverra, nibh vitae pharetra tristique, purus tellus pretium tortor, ut rutrum ipsum ipsum eget purus. Nullam posuere nibh
arcu, eget eleifend enim ultrices eu. Fusce iaculis lectus quis pretium scelerisque. Nunc
congue ipsum in cursus vehicula. Proin magna ligula, commodo quis magna ut, pretium
mattis justo. Nam in leo malesuada, auctor justo ut, tempus elit. Aliquam condimentum
tempor ipsum, non dapibus nibh convallis eget. Pellentesque at lacinia arcu, quis egestas

abcdefghijklmnopqrstuvqxyz
1234567890!@#$%^&*()_+=”:?><

Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut viverra, nibh vitae pharetra
tristique, purus tellus pretium tortor, ut rutrum ipsum ipsum eget purus. Nullam posuere nibh arcu, eget eleifend enim ultrices eu. Fusce iaculis lectus quis pretium scelerisque. Nunc congue ipsum in cursus vehicula. Proin magna ligula, commodo quis magna
ut, pretium mattis justo. Nam in leo malesuada, auctor justo ut, tempus elit. Aliquam
condimentum tempor ipsum, non dapibus nibh convallis eget. Pellentesque at lacinia
arcu, quis egestas nulla.

14
nina tanneberger 2019

the glycereens style guide
T YPOGRAPHY

Rock Salt
Header

ABCDEFGHIJKLMNOPQR STUVWXYZ

abcdefghijklmnopqrstuvqxyz
1234567890!@#$%^&*()_+=”:?><

Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut viverra, nibh vitae pharetra tristique, purus tellus pretium tortor,
ut rutrum ipsum ipsum eget purus. Nullam posuere nibh arcu, eget
eleifend enim ultrices eu. Fusce iaculis lectus quis pretium scelerisque. Nunc congue ipsum in cursus vehicula. Proin magna ligula,
commodo quis magna ut, pretium mattis justo. Nam in leo malesuada,

Bold
N/a

15
nina tanneberger 2019

the glycereens style guide
S TO R E
General tone for store design.
Store display will be further explored
during the design phase.

Amped T-Shirt
$25
Add To Cart

View

Amped T-Shirt
$25
Add To Cart

Amped T-Shirt
$25
Add To Cart

View

16
nina tanneberger 2019

View

the glycereens style guide
B R A N D A P P L I C AT I O N
The Glycereens
https://www.theglycereens.com

Website Feel

17
nina tanneberger 2019

the glycereens style guide
B R A N D A P P L I C AT I O N

Sticker Collateral
18
nina tanneberger 2019

the glycereens style guide
CO N TA C T YO U R D E S I G N E R

Nina Tanneberger
Contact me
nina.tanneberger@gmail.com
0431 574 142

Contact me
Web Design, Photography, Graphic Design

Portfolio
www.ninatanneberger.wordpress.com
www.behance.net/ninatanneberger
Design by Nina Tanneberger

19
nina tanneberger 2019

the glycereens style guide
SOURCE LINKS
MOODBOARD:
http://www.textures4photoshop.com/tex/grunge-and-rust/grunge-paint-splatter-texture-overlay-for-photoshop.aspx
https://deliasphotos.com/white-brick-wall/
https://www.flickr.com/photos/photoalternative/2668208457/
https://www194.lunapic.com/editor/?action=undo&backupid=12
https://www.amazon.com/gp/product/1594743266/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=1594743266&linkCode=as2&tag=gigposters-20&linkId=e64e960403731ba3c5db61e25af3ed1a
https://weheartit.com/entry/36151678
https://www.pinterest.com.au/pin/629941066607662122/
http://imperfexioning.tumblr.com/post/96692375053
https://www.facebook.com/RichBoyCriesForMommaBook?ref=hl
https://lushmakeupideas.info/category/pink-lips/
https://i.pinimg.com/564x/c2/ff/17/c2ff174570e0d5c3342434c5c7586407.jpg
https://www.instagram.com/radicivolo/
https://www.pinterest.com.au/pin/388154061609238504/
TEXTURES:
https://jooinn.com/grunge-background-texture.html
https://www.123rf.com/photo_38791281_old-wall-texture-grunge-background-black-and-white-background.html
http://www.tokkoro.com/picsup/2813688-alex-cherry-artwork-paint-splatter-grunge-abstract___abstract-wallpapers.
jpg
https://pngtree.com/freepng/cement-wall-texture_2901194.html
https://www.jooomshaper.com/WDF-331750.html
https://www.colourbox.com/vector/colorful-acrylic-paint-splatter-shiny-blob-on-black-background-vector-25214567

ICON LINKS:
https://www.iconfinder.com/iconsets/social-network-logo-collection-2
https://www.iconfinder.com/iconsets/social-media-grunge-1
https://www.iconfinder.com/iconsets/neon-social-icons-set
https://www.iconfinder.com/iconsets/social-media-2068
https://www.vecteezy.com/vector-art/268304-valentine-neon-sign-vector
OTHER IMAGES:
https://images-na.ssl-images-amazon.com/images/I/81IlWHAmQ5L._SL1008_.jpg
http://unlockcampus.org/code/tutoring/rvarts-api-version
https://sae.edu.au/
https://geekylifestyle.com/firefox-quantum-vs-safari-vs-opera-vs-google-chrome
PHOTOGRAPHY:
https://www.facebook.com/theglycereens/
https://www.instagram.com/glycereens/
FONTS:
Arial: Adobe Creative Cloud
Poiret One: Google Fonts
https://fonts.google.com/specimen/Poiret+One
Raleway: Google Fonts
https://fonts.google.com/specimen/Raleway
Rock Salt: Google Fonts
https://fonts.google.com/specimen/Rock+Salt

LAYOUT EXAMPLES:
https://onepagelove.com/sonoramav
CLIENT COLLATERAL ASSETS:
http://stevenwilsonhq.com/sw/
https://i.pinimg.com/originals/3b/a5/69/3ba569c820977c8ea42763aad81e7b7d.jpg
https://themeforest.net/item/beat-onepage-html5-music-band-template/5825021?ref=WiselyThemes&clickthrough_ Heli Puhakka
The Glycereens All Rights Reserved
id=1401404813&redirect_back=true
STYLE GUIDE TEMPLATES:
https://stock.adobe.com/au/search/templates?filters%5Bcontent_type%3Aphoto%5D=0&filters%5Bcontent_type%3Aillustration%5D=0&filters%5Bcontent_type%3Azip_vector%5D=0&filters%5Bcontent_
type%3Avideo%5D=0&filters%5Bcontent_type%3Atemplate%5D=1&filters%5Bcontent_type%3A3d%5D=0&filters%5Binclude_stock_enterprise%5D=0&filters%5Bis_editorial%5D=0&filters%5Bcontent_type%3Aimage%5D=0&k=style+guide+indesign&order=relevance&safe_search=1&search_page=1&acp=&aco=style+guide+indesign&get_facets=0&asset_id=236500577

APPLICATIONS USED:
Adobe InDesign, Adobe Photoshop, Adobe Illustrator, Google
Chrome, Microsoft Word
WEBSITES USED:
Google Drive, Pinterest, MockFlow, Google Fonts,
Adobe Stock

20
nina tanneberger 2019



Source Exif Data:
File Type                       : PDF
File Type Extension             : pdf
MIME Type                       : application/pdf
PDF Version                     : 1.6
Linearized                      : Yes
Create Date                     : 2019:02:19 22:58:57+10:00
Creator                         : Adobe InDesign CC 14.0 (Windows)
Modify Date                     : 2019:02:19 22:59:21+10:00
Title                           : 
Trapped                         : False
XMP Toolkit                     : Adobe XMP Core 5.6-c016 91.163616, 2018/10/29-16:58:49
Metadata Date                   : 2019:02:19 22:59:21+10:00
Creator Tool                    : Adobe InDesign CC 14.0 (Windows)
Format                          : application/pdf
Document ID                     : uuid:cbf2e93e-8e6b-4a9e-a447-0cb21e77cff1
Instance ID                     : uuid:0bf7b9f5-8d1c-427a-8ef0-c94cef99c7b0
Producer                        : Adobe PDF Library 15.0
Page Count                      : 20
EXIF Metadata provided by EXIF.tools

Navigation menu