Anna Östling
Selected Works 2015 2018
Anna Östling
Anna Ostling
Selected Works 2015 2018
Selected Works 2015-2018
2018 Š All rights reserved. No part of this publication can be reproduced without permission from Anna Östling
Till min familj
Contents
8
Future of Fitness
26
Quattro Stagioni
46
Taste of Scandinavia
70
Teavana
82
Amstutz Cheese
100
Just Listen
116
Structure of Gotham
130 156
Flowback Festival + Cypher Records Abenteuer und Fernweh
01
Anna Ă–stling
Future of Fitness
Selected Works
8
Weight-X is a fast growing robotic fitness company. With the W8X platform, anyone can strength train at home with just one piece of equipment that adjusts to your performance level. The startup previously had a vague branding system. I worked with them and created a new logo that is being featured on the platforms as well as T-shirts and website and in their fitness  locations. W8X wanted a logo that resembled strength, technology and futurism to represent their brand in order to reach a larger audience.
Project info
Project 01
Focus
Branding
Freelance
W8X
Timeframe
Spring/summer 2018
W8X
9
Anna Ă–stling
Selected Works
10
Objective
I was asked by the two founders of W8X to help them create a strong brand, using some of their previous branding elements such as part of the color palette and their primary font Raleway.
Keywords
Technology Fitness Strength Modern
Project 01
W8X
11
C0 / M34 / Y100 / K0
C78 / M72 / Y43 / K50
C72 / M65 / Y43 / K27
C0 / M0 / Y0 / K100
Anna Ă–stling
Selected Works
14
Project 01
W8X
15
Anna Ă–stling
Selected Works
16
Project 01
W8X
17
Anna Ă–stling
Selected Works
18
Project 01
W8X
19
Anna Ă–stling
Selected Works
20
Project 01
W8X
21
Anna Ă–stling
Selected Works
22
Project 01
W8X
23
Anna Ă–stling
Selected Works
24
Project 01
W8X
25
02
Anna Ă–stling
Quattro Stagioni
Selected Works
26
Quattro Stagioni is a limited edition collection of four different wines, inspired by the four seasons. The illustrative labels are telling the vibrant story of the all year round family owned winery Gemello in Toscany, Italy. These are not your ordinary wines. These bottles were created to be shared with good company on a very special occasion, one for every season.
Project info
Project 02
Focus
Packaging, illustration
Class
Packaging Design 3
Instructor
Christine George
Semester
Spring 2018
Quattro Stagioni
27
Objective
The project brief was to create a fictional winery. Including naming, concepting, branding and a minimum of three designed cohesive wine labels for bottles in different shapes.
Keywords
Flourishing Four Seasons Illustrative Details
Project 02
Quattro Stagioni
29
EST
1963
GEMELLO TOSCA NY
C94 / M68 / Y54 / K54
C91 / M32 / Y85 / K23
C23 / M0 / Y34 / K0
C0 / M45 / Y7 / K0
C78 / M13 / Y71 / K1
C3 / M15 / Y70 / K0
C23 / M100 / Y91 / K10
C0 / M50 / Y100 / K0
Anna Ă–stling
Selected Works
34
Project 02
Quattro Stagioni
35
Anna Ă–stling
Selected Works
36
Project 02
Quattro Stagioni
37
Anna Ă–stling
Selected Works
38
Project 02
Quattro Stagioni
39
Anna Ă–stling
Selected Works
40
Project 02
Quattro Stagioni
41
Anna Ă–stling
Selected Works
42
Project 02
Quattro Stagioni
43
Anna Ă–stling
Selected Works
44
Project 02
Quattro Stagioni
45
03
Anna Ă–stling
Taste of Scandinavia
Selected Works
46
Nord is a one-day Scandinavian inspired seafood tasting event at the shoreline restaurant Scomas in Sausalito, California. The event is exclusive and includes food and drinks, activites and prices. The design is influenced by the summer nights in Scandinavia combining the calming colors of the sky with handmade illustrations made in typical Scandinavian watercolor style for a friendly look and feel.
Project info
Project 03
Focus
Branding
Class
Visual Systems 1
Instructor
Dolly Johnson
Semester
Fall 2017
Nord
47
Anna Ă–stling
Selected Works
48
Objective
Make up a fictional event at a venue in the SF Bay Area. Create a visual system that can be flexible on multiple platforms such as website and app, printed collateral and other parts of the event that needs to be branded for a full on unique brand experience.
Keywords
Scandinavia Seafood Calm Friendly
Project 03
Nord
49
C0 / M25 / Y20 / K0
C0 / M46 / Y45 / K0
C51 / M33 / Y0 / K0
C14 / M5 / Y2 / K0
Anna Ă–stling
Selected Works
52
Project 03
Nord
53
Anna Ă–stling
Selected Works
54
Project 03
Nord
55
Anna Ă–stling
Selected Works
56
Project 03
Nord
57
Anna Ă–stling
Selected Works
58
Project 03
Nord
59
Anna Ă–stling
Selected Works
60
Project 03
Nord
61
Anna Ă–stling
Selected Works
62
Project 03
Nord
63
Anna Ă–stling
Selected Works
64
Project 03
Nord
65
Anna Ă–stling
Selected Works
66
Project 03
Nord
67
Anna Ă–stling
Selected Works
68
Project 03
Nord
69
04
Anna Ă–stling
Teavana
Selected Works
70
There are many ways of packaging of tea. Most often the tea is hidden in a box or a tin. I believe tea is too beautiful to be hidden, that is why this series of tea packaging is emphasizing on the tea itself. The glass jars are showing the beauty of the tea with a transparent glass packaging. The project is a tribute to the well known tea-brand Teavana, with the purpose of celebrating the beauty of tea.
Project info
Project 04
Focus
Packaging Design
Class
Packaging Design 1
Instructor
Kathrin Blatter
Semester
Fall 2015
Teavana
71
Anna Ă–stling
Selected Works
72
Project 01
04
73
Anna Ă–stling
Selected Works
74
Project 04
04
75
Anna Ă–stling
Selected Works
76
Project 04
Teavana
77
Anna Ă–stling
Selected Works
78
Project 04
Teavana
79
Anna Ă–stling
Selected Works
80
Project 04
Teavana
81
05
Anna Östling
Amstutz Cheese
Selected Works
82
Amstutz Alpschaukäseri is a small family owned cheese company from a swiss alpine village near Matterhorn. Their cheese is made from Ibex milk, which is a wild kind of mountain goat native to the European alps. The design is based on the characteristics of the alpine villages, the authentic style of small family-owned companies. The idea was to give the brand a premium and authentic look for the packaging to communicate the quality of the product. Project info
Project 05
Focus
Packaging Design
Class
Packaging Design 2
Instructor
Christine George
Semester
Fall 2016
Amstutz
83
Keywords
Objective
The project brief was to create a fictional cheese company. Including naming, concepting, branding and packaging consisting of one large cheese wheel, one medium size wheel divided into 6 pieces and a few small cheese wheels.
Keywords
Authentic Vintage Decorative Alpine
Project 05
Amstutz
85
Keywords
C84 / M69 / Y54 / K56
C37 / M94 / Y91 / K61
C31 / M86 / Y95 / K36
C31 / M77 / Y70 / K22
C5 / M8 / Y17 / K0
Anna Ă–stling
Selected Works
88
Project 05
Amstutz
89
Anna Ă–stling
Selected Works
90
Project 05
Amstutz
91
Anna Ă–stling
Selected Works
92
Project 05
Amstutz
93
Anna Ă–stling
Selected Works
94
Project 05
Amstutz
95
Anna Ă–stling
Selected Works
96
Project 05
Amstutz
97
Anna Ă–stling
Selected Works
98
Project 05
Amstutz
99
06
Anna Ă–stling
Just Listen
Selected Works
100
We think of sound as something we hear — something that makes noise or something that sounds good. But in pure physics terms, sound is just vibrations going through matter. This typographic book expresses sound in a few visually different ways.
Project info
Project 06
Focus
Typography
Class
Typography 2
Instructor
David Hake
Semester
Fall 2016
Just Listen
101
JUST LISTEN
JUST LISTEN
CMYK / 100 100 0 3
C78 / M77 / Y0 / K0
C78 / M77 / Y0 / K0
C78 / M77 / Y0 / K0
Anna Ă–stling
Selected Works
104
Project 01
06
105
Anna Ă–stling
Selected Works
106
Project 06
Just Listen
107
Anna Ă–stling
Selected Works
108
Project 06
Just Listen
109
Anna Ă–stling
Selected Works
110
Project 06
Just Listen
111
Anna Ă–stling
Selected Works
112
Project 06
Just Listen
113
Anna Ă–stling
Selected Works
114
Project 06
Just Listen
115
07
Anna Ă–stling
Structure of Gotham
Selected Works
116
This is a tribute to a well known typeface family that is so versatile and usable in many different ways. A set of cards with the theme structure, showcases Gotham and its features, specs, history, uses and more in a colorful way with geometric graphics.
Project info
Project 07
Focus
Typography
Class
Typography 2
Instructor
David Hake
Semester
Fall 2016
Gotham
117
STRUCTURE STRUCTURE OF OF GOTHAM GOTHAM
VARI SIZE ATIONS —
//& uses // usage
GOTHAM MEDIUM
GOTHAM
3pt
GOTHAM
4pt
GOTHAM
GOTHAM
GOTHAM
GOTHAM
MICROTYPE 3pt – 5pt
5pt
6pt
7pt BODY COPY 6pt – 15pt 8pt
9pt Gotham Narrow GOTHAM Gotham Condensed
GOTHAM
AaBbCcDdEeFf GOTHAM GgHhIiJjKkLlMmNnOo P p Q q R r S s T t UGOTHAM u Vv W w X x Yy ZGOTHAM zÅåÄäÖö
10pt AaBbCcDdEeFf 11pt GgHhIiJjKkLlMmNnOo 12pt PpQqRrSsTtUu V v13pt WwXxYyZzÅåÄäÖö
0 1 2 3 4 5 6GOTHAM 789 0 14pt 123456789
GOTHAM 15pt Up to twice GOTHAM as much copy can be put in16pt the same
space using a narrower typeface.
DISPLAY
GOTHAM 17pt Up to twice as much copy can be put in the same space 18pt GOTHAM using a narrower typeface. NORMAL
16pt – 20+pt
GOTHAM 19pt GOTHAM 20pt
NARROW
Up to twice as much copy can be put in the same space using a narrower typeface. CONDENSED
TOBIAS FRERE-JONES FRERE-JONES // // HOEFLER HOEFLER & & CO. CO. TOBIAS
Anna Östling
Selected Works
06 10
120
Project 01
Gotham
121
Anna Ă–stling
Selected Works
122
Project 07
Gotham
123
STRUCTURE OF GOTHAM
GO TH AM
STRUCTURE OF GOTHAM
LETTER FORMS
//personality
//a modern font
LEADING // 13 pt
— SINCE 2000
– ALMOST A PERFECT CIRCLE
65˚
SIZE // 7 pt SIMILAR GEOMETRIC SHAPE
Gotham is a typeface that is among the most widely used fonts of the last decade. From Obama’s 2008 presidential campaign to endless corporate identities, Gotham is seemingly everywhere. The design was inspired by mid-century architectural
– FLAT APEX
signage which grew popular
HORIZONTAL CROSSBAR
in New York City.
A = INVERTED V SHAPE TRACKING // +25
CLASSIFICATION // Geometric Sans Serif
01
TOBIAS FRERE-JONES // HOEFLER & CO.
STRUCTURE OF GOTHAM
STRUCTURE OF GOTHAM
//parts of letters VERTICAL EAR
SYMMETRICAL COUNTER
X-HEIGHT
ONE STORY
SANS-SERIF
CROSSBAR BOWL
SHORT DESCENDER
ARM&LEG JUNCTION
HO EF LER & CO. LEADING // 14 pt
ANATOMY
SIZE // 8 pt
For 25 years, Hoefler &
Gotham has a relatively broad
x-height and wide apertures.
— SANS SERIF
TOBIAS FRERE-JONES // HOEFLER & CO.
STRUCTURE OF GOTHAM
KERN ING
//the space between
Co have worked with some of the world’s foremost publications, corporations, and institutions to develop unique
+20
voices through typography. Developing original typefaces for print, web, and mobile environ-
+25
ments, and licensing fonts from the library of more than one thousand designs. +40
TRACKING // +10
design with a reasonably high
04
//type foundry
07
Anna Östling
TOBIAS FRERE-JONES // HOEFLER & CO.
+60
03
Selected Works
STRUCTURE
TOBIAS FRERE-JONES // HOEFLER & CO.
TOBIAS FRERE-JONES // HOEFLER & CO.
124
+30
+40
+25
+30
09
STRUCTURE OF GOTHAM
NEW YORK
— FRERE JONES
STRUCTURE OF GOTHAM
SIZE
SIZE // 7pt
Tobias Frere-Jones was born in 1970 in New York, where he would come to appreciate the elegant and cultured, as well as the derelict and corrupt. Raised in a family of writers and printers, he learned the power of written text, and naturally slipped into design
—
SIZE // 9 pt
GOTHAM MEDIUM
Between the two World Wars, a style of sans serif
forward, highly legible letters were especially popular in architecture. Nowhere were these letters
York, which was undergoing
TRACKING // +20
a period of explosive
//type designer
growth, and giving rise to the modern skyscraper. TRACKING // +20
05
TOBIAS FRERE-JONES // HOEFLER & CO.
GOTHAM
GOTHAM
08
GOTHAM
AaBbCcDdEeFf GgHhIiJjKkLlMmNnOo PpQqRrSsTtUu VvWwXxYyZzÅåÄäÖö
0123456789
0123456789
GOTHAM 13pt
GOTHAM 14pt GOTHAM 15pt
GOTHAM 16pt GOTHAM 17pt DISPLAY
16pt – 20+pt
GOTHAM 18pt
GOTHAM 19pt GOTHAM 20pt
TOBIAS FRERE-JONES // HOEFLER & CO.
TRACKING // +20
Gotham was initially designed for GQ
Up to twice as much copy can be put in the same space using a narrower typeface.
NARROW
LEADING // 15 pt
magazine whose editors wanted to
NORMAL
Up to twice as much copy can be put in the same space using a narrower typeface.
display a sans-serif with a "geometric structure" that would look "masculine, new, and fresh" for their magazine.
Up to twice as much copy can be put in the same space using a narrower typeface. CONDENSED
TOBIAS FRERE-JONES // HOEFLER & CO.
Project 07
Gotham
SIZE // 9 pt
10
TOBIAS FRERE-JONES // HOEFLER & CO.
9pt
10pt
11pt
//did you know?
Gotham Condensed
7pt BODY COPY 6pt – 15pt 8pt
12pt
//& uses
AaBbCcDdEeFf GgHhIiJjKkLlMmNnOo PpQqRrSsTtUu Vv W w X x Yy Z z Å å Ä ä Ö ö
3pt – 5pt
6pt
GOTHAM
VARI ATIONS Gotham Narrow
MICROTYPE
5pt
GOTHAM
STRUCTURE OF GOTHAM
STRUCTURE OF GOTHAM
3pt 4pt
GOTHAM
outside of the typographic tradition. These straight
GOTHAM
GOTHAM
GOTHAM
GOTHAM
lettering emerged from
more popular than in New
of letterforms.
TOBIAS FRERE-JONES // HOEFLER & CO.
// usage
//typeface of
LEADING // 16 pt
LEADING // 14 pt
TO BI AS
STRUCTURE OF GOTHAM
11
125
06
Anna Ă–stling
Selected Works
126
Project 07
Gotham
127
STRUCTURE OF GOTHAM
SIZE — GOTHAM MEDIUM
// usage
GOTHAM
3pt
GOTHAM
4pt
GOTHAM
GOTHAM
GOTHAM
GOTHAM
GOTHAM
MICROTYPE 3pt – 5pt
5pt
6pt
7pt BODY COPY 6pt – 15pt 8pt
9pt
GOTHAM
10pt
GOTHAM
11pt
GOTHAM
12pt
GOTHAM 13pt GOTHAM 14pt
GOTHAM 15pt GOTHAM 16pt DISPLAY
GOTHAM 17pt GOTHAM 18pt
16pt – 20+pt
GOTHAM 19pt GOTHAM 20pt
TOBIAS FRERE-JONES // HOEFLER & CO.
Anna Östling
Selected Works
06
128
STRUCTURE OF GOTHAM
LETTER FORMS
//personality
– ALMOST A PERFECT CIRCLE
65˚
SIMILAR GEOMETRIC SHAPE
– FLAT APEX HORIZONTAL CROSSBAR A = INVERTED V SHAPE
TOBIAS FRERE-JONES // HOEFLER & CO.
Project 07
Gotham
04
129
08
Anna Ă–stling
Flowback Festival + Cypher Records
Selected Works
130
Cypher Records is a retro-vibe vinyl store in San Francisco that sells old school hip hop records. The name Cypher comes from the term cypher which means rap-battle. The branding is inspired by graffiti and the contrasting purple and turqoise is inspired by retro fashion styles. Cypher Records is hosting Flowback Festival. A festival that brings all of the best old school hip hop performers together for a two day event to take the bay area back to the 90s.
Project info
Project 08
Focus
Branding
Class
Graphic Design 2
Instructor
Beau Monroe
Semester
Fall 2016
Flowback Festival
131
Anna Ă–stling
Selected Works
132
Objective
Part one: make up a fictional boutiqe store and create a brand system including businesscard, letterhead, envelope and postcards. Part two: design an event that the boutiqe store is hosting. Branding should be consistent but independent of the boutiqe branding.
Keywords
90’s Grunge Hiphop Old School Music
Project 08
Cypher
133
RECORDS
C63 / M92 / Y0 / K0
C75 / M11 / Y17 / K0
C0 / M0 / Y0 / K100
C0 / M0 / Y0 / K0
Anna Ă–stling
Selected Works
136
Project 08
Cypher
137
Anna Ă–stling
Selected Works
138
Project 08
Cypher
139
Anna Ă–stling
Selected Works
140
Project 08
Cypher
141
C1 / M97 / Y43 / K0
C75 / M11 / Y17 / K0
C0 / M0 / Y0 / K100
C1 / M2 / Y9 / K0
Anna Ă–stling
Selected Works
144
Project 08
Flowback Festival
145
Anna Ă–stling
Selected Works
146
Project 01
Flowback Festival
147
Anna Ă–stling
Selected Works
148
Project 01
Flowback Festival
149
Anna Ă–stling
Selected Works
150
Anna Ă–stling
Selected Works
152
Project 08
Flowback Festival
153
Anna Ă–stling
Selected Works
154
09
Anna Ă–stling
Abenteuer und Fernweh
Selected Works
156
Millenials are prioritizing traveling and therefor we saw the need for an one stop shop for the conscious traveler. Auf is a store where the consumer can interact with the product prior to the purchase to offer a better in-store experience for the consumer. The products are carefully made with environmentally friendly materials and straight forward packaging for a hasslefree shopping experience and peace of mind for the consumer.
Project info
Team
Erica Luziach
Focus
Packaging
Class
Packaging 4
Grace Wirawan
Instructor
Tom McNulty
Jackie Monge
Semester
Summer 2018
Johan Boman Dongni Yang
Project 09
Auf
157
Anna Ă–stling
Selected Works
158
Objective
As a team, make up a conceptual retail store with sub categories that relates to the main brand. The group has to figure out their target market and tailor the store interior and experience, products and packaging to the chosen market.
Concept
Our mission is to provide an essential store for the urban traveler who is concious about the environment and cares about style and high quality products. Auf products are carefully made with innovative and environmental friendly materials and straight forward designed packaging. Auf stands for “Abenteuer und Fernweh” which means “Adventure and Wanderlust” in German. The idea was that the store would originate from Germany because traveling is a big part of the culture there. Auf is a one-stop shop for all your needs wether you are going camping, hiking, to the beach or off to explore another city. There are six sub-categories in the store; Auf care, Auf fuel, Auf tech, Auf base, Auf SOS.
Project 09
Auf
159
Anna Ă–stling
Selected Works
160
Product line Face wash, moisturizers, toothpaste, soap, shampoo, cleansing pads etc.
Key Adjectives Natural Fresh Soft
Product line Protein bars, protein powder, smoothies, nuts, trailmix, granola bars, oatmeal, hydration powders and tablets etc.
Key Adjectives Energizing Necessity Appetizing
tech
Product line Travel size electronics and gadgets. Power bank, battery phone case, headphones, flashlight etc.
Key Adjectives Energizing Necessity Appetizing
base
Product line Camping necessities. Tent, camp blanket, waterbottle, sleeping bag, rainjacket, hiking boots.
Key Adjectives Energizing Necessity Appetizing
SOS
Product line Emergency travel items. Flare gun, fire extinguisher, mini shovel, bear mace etc.
Key Adjectives Emergency Necessity
care
fuel
Project 09
Auf
161
care
care
C0 / M39 / Y50 / K0
C43 / M19 / Y26 / K0
C46 / M0 / Y38 / K0
C9 / M6 / Y12 / K0
C7 / M8 / Y25 / K0
C75 / M0 / Y37 / K0
Anna Ă–stling
Selected Works
164
Project 09
Auf care
165
Anna Ă–stling
Selected Works
166
Project 09
Auf care
167
Anna Ă–stling
Selected Works
168
Project 09
Auf care
169
C52 / M72 / Y81 / K74
C60 / M18 / Y14 / K0
C0 / M40 / Y85 / K0
C3 / M0 / Y37 / K0
C0 / M0 / Y0 / K0
Anna Ă–stling
Selected Works
172
Project 09
Auf Fuel
173
Anna Ă–stling
Selected Works
174
Project 09
Auf Fuel
175
Anna Ă–stling
Selected Works
176
Project 09
Auf Fuel
177
Anna Ă–stling
Selected Works
178
Project 09
Auf Fuel
179
Thank You,
The past four years have been nothing but amazing. I have gained a lot of knowledge during my time at Academy of Art University, not only from the very gifted instructors, the awesome troops at United DSN, and my supportive SF family, but also from living abroad and experiencing life in the US. I am forever grateful for my family for supporting me to chase my dreams of becoming a graphic designer.
Anna Ă–stling
Selected Works
180
Family
Mamma Pappa Calle Mormor Morfar
SF Family
Makala Sara Freija Hanna Hedvig Ozzie
Instructors
Mary Scott Christine George Tom McNulty Ariel Grey David Hake Kathrin Blatter Beau Monroe
Mentors
Andy Johnson Akira Yasuda Lawrence Haggerty 181
Anna Ă–stling
Graphic Designer
Anna Ă–stling
Selected Works
510 205 3188 annaostling.com hi@annaostling.com
182
Cover stock
Neenah Touche Black 111c
Text stock
Mohawk Superfine Bright 80lb
Fonts
Sectra Regular, Grilli Type Basier Circle, Atipo
Printing & binding
Moquin Press Belmont, California
Photography
Anna Ostling W8X – Keno Peer Curated photos from Unsplash
183