-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathpreview.html
More file actions
311 lines (218 loc) · 14.1 KB
/
preview.html
File metadata and controls
311 lines (218 loc) · 14.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
---
layout: default-standalone
title: The Palate Deck Industry Preview
short-title: The Palate Deck
class: preview
permalink: /preview/
---
<section class="page-section page-section-home">
<div class="wrapper">
<div class="site-title">
<img src="/images/logo.png" alt="The Palate Deck" />
</div>
<div class="preview-callout-intro">
<p>The Palate Deck is a brand new kind of beer education tool. It launches on Kickstarter in September, and I'd like your help!</p>
</div>
</div>
</section>
<div class="page-section page-section-what">
<div class="wrapper">
<h2 class="header-primary">What It Is</h2>
<p>The Palate Deck is a series of playing cards that encourage conversation while drinking beer. By offering multiple levels of gameplay and evaluation tools, a player begins within their comfort zone and can level up their knowledge and description ability at their own pace as they become more confident.</p>
</div>
</div>
<div class="page-section page-section-how">
<div class="wrapper">
<h2 class="header-primary">How It Works</h2>
<ul class="faux-carousel">
<li class="faux-carousel-pane" data-next="Give it a try">
<div class="image">
<img src="/images/howto-1.png" alt="Pint glass with clear golden IPA and foreground grapefruit, hops and pine bough">
</div>
<div class="text">
<p>The cards in the Palate Deck give the player common aromatic and culinary cues that they're already familiar with. Players are asked to match these to flavors and sensations they might find in a beer.</p>
</div>
</li>
<li class="faux-carousel-pane" data-next="Break it down">
<div class="image">
<a href="/images/howto-2.png" class="image-zoom">
<img src="/images/howto-2.png" alt="Cards with the words Hoppy, Floral, Fruity">
</a>
</div>
<div class="text">
<p>So let's say you're drinking a tasty new IPA. You've already noticed the obvious things about how it smells and tastes. It's hoppy, of course, and maybe you're picking up some fruit or floral notes.</p>
</div>
</li>
<li class="faux-carousel-pane" data-next="Let's talk appearances">
<div class="image">
<a href="/images/howto-3.png" class="image-zoom">
<img src="/images/howto-3.png" alt="The same cards, with the addition of Evaluation cards saying Appearance, Aroma, and Taste">
</a>
</div>
<div class="text">
<p>The guide cards let you show relationships. Maybe what you're smelling is unmistakably floral, but what you're tasting is more hoppy and fruity. So you play the cards where they best fit.</p>
</div>
</li>
<li class="faux-carousel-pane" data-next="Be more specific">
<div class="image">
<a href="/images/howto-4.png" class="image-zoom">
<img src="/images/howto-4.png" alt="The same cards, with the addition of Gold and Clear cards">
</a>
</div>
<div class="text">
<p>As the saying goes, we eat with our eyes. And we drink with them too, so how the beer looks is important. This is a very clear beer, and the color seems more deep gold than yellow.</p>
</div>
</li>
<li class="faux-carousel-pane" data-next="Let's talk intensity">
<div class="image">
<a href="/images/howto-5.png" class="image-zoom">
<img src="/images/howto-5.png" alt="The same cards, with the addition of Citrus, Tropical Fruit and Pine cards">
</a>
</div>
<div class="text">
<p>You can probably be more specific with the character of this beer. Perhaps the fruit is coming across as disctinctly tropical, with some citrus notes. Maybe you get some pine too.</p>
</div>
</li>
<li class="faux-carousel-pane" data-next="Go at your own pace">
<div class="image">
<a href="/images/howto-6.png" class="image-zoom">
<img src="/images/howto-6.png" alt="All the cards plaid so far re-arranged on a grid with the Intensity Scale">
</a>
</div>
<div class="text">
<p>You can even indicate how strong or weak of each of these tastes and smells are. The pine isn't that prominent, but the tropical fruit sure is, and the hops are noticeably citrusy. And now you have a pretty complete visual grid of this beer's flavor profile, and all the words necessary to describe it.</p>
</div>
</li>
<li class="faux-carousel-pane">
<div class="image">
<a href="/images/illustration-box3.png" class="image-zoom">
<img src="/images/illustration-box3.png" alt="">
</a>
</div>
<div class="text">
<p>This progressive evaluation style allows players to stop at any stage along the way. They only have to go as far as they're comfortable when tasting and describing the beer they're drinking.</p>
<p>In many ways, the cards are a way to start conversations about tasting beer. The design suggests similar tastes and experiences to add new ideas and vocabulary to the discussion.</p>
<p>It's great if they spark healthy debate over nuances of a beer; the purpose isn't to be correct, it's to find consensus. Because hey, tasting is subjective after all.</p>
</div>
</li>
</ul>
</div>
</div>
<div class="page-section page-section-card-design">
<div class="wrapper">
<div class="page-sub-section">
<figure class="preview-example">
<a href="/docs/tasting-cards.pdf">
<img src="/images/illustration-card-guide.png" alt="Guide to the Palate Deck card design">
</a>
<figcaption><strong>The Card Design</strong> — each tasting card contains one primary word or phrase that drives gameplay ②. But in addition, it offers similar words that offer clarifying context ④, a technical description about why that flavor or sensation may be present in a beer ⑤, and basic information on categorization ① and frequency ③. <a href="/docs/tasting-cards.pdf">More explanation</a> is available if you're curious.</figcaption>
</figure>
</div>
</div>
</div>
<div class="page-section preview-section-box">
<div class="wrapper">
<div class="page-sub-section">
<h2 class="header-secondary">What's in the Box</h2>
<p>The Palate Deck will launch its initial funding campaign on Kickstarter this September. The Kickstarter edition includes two decks of cards, Level I and Level II, with all the cards necessary for a few different styles of basic to intermediate gameplay and evaluation.</p>
<ul class="card-list">
<li>
<a href="/images/cards-evaluation.png" class="image-zoom">
<img src="/images/cards-evaluation.png" alt="Evaluation Cards">
</a>
<h4 class="header-inline">Guide Cards</h4>
<p>The four primary Guide cards are the basic traits used to organize the other cards in most game modes, and are the common aspects used in beer evaluation: Appearance, Aroma, Taste, and Mouthfeel</p>
</li>
<li>
<a href="/images/cards-intensity.png" class="image-zoom">
<img src="/images/cards-intensity.png" alt="Intensity Scale">
</a>
<h4 class="header-inline">Intensity Scale</h4>
<p>A five-point scale for ranking the intensity of the flavors, sensations and appearance of a beer.</p>
</li>
<li>
<a href="/images/cards-colour.png" class="image-zoom">
<img src="/images/cards-colour.png" alt="Beer Color Cards">
</a>
<h4 class="header-inline">Beer Color Cards</h4>
<p>The spectrum of beer color in card form to help you evaluate a beer’s appearance.</p>
</li>
<li>
<a href="/images/cards-character.png" class="image-zoom">
<img src="/images/cards-character.png" alt="Character Cards">
</a>
<h4 class="header-inline">Character Cards</h4>
<p>Physical properties of a beer aside from its flavor and aroma, with attributes related to appearance, body, and other sensations.</p>
</li>
<li>
<a href="/images/cards-family.png" class="image-zoom">
<img src="/images/cards-family.png" alt="Tasting Family Cards">
</a>
<h4 class="header-inline">Tasting Family Cards</h4>
<p>These are common and fundamental flavors and aromas people should already be familiar with from cuisine and other drinks.</p>
</li>
<li>
<a href="/images/cards-tasting.png" class="image-zoom">
<img src="/images/cards-tasting.png" alt="Tasting Cards">
</a>
<h4 class="header-inline">Tasting Cards</h4>
<p>Tasting Words that relate to the Family Cards, but cover more specific flavors and aromas.</p>
</li>
</ul>
</div>
</div>
</div>
<div class="page-section preview-section-future">
<div class="wrapper">
<div class="page-sub-section">
<h3 class="header-secondary">Future Editions</h3>
<p>Future expansions are planned too, depending on the success of the initial Kickstarter Edition. With a strong campaign the <a href="#" class="preview-expand-link" data-expand="second-edition">Second Edition</a> will be offered as a stretch goal and fulfilled early next year, with the other editions like the <a href="#" class="preview-expand-link" data-expand="sensory-edition">Sensory</a> and <a href="#" class="preview-expand-link" data-expand="oddball-edition">Oddball</a> Editions coming later.</p>
<div class="second-edition expand-block">
<h4 class="header-inline">Second Edition</h4>
<p>Two new card decks with more specific tasting options. Includes Level III and Level IV decks. The Taste guide card from the first edition will be broken into four distinct phases common in the wine world to allow for more nuanced beer evaluation: Initial, Mid-Palate, Finish, and Aftertaste. Extra beer color cards will allow more complete color evaluation, including tints attained from various additives. Tasting cards become far more specific, referring to character found in very few beers.</p>
</div>
<div class="sensory-edition expand-block">
<h4 class="header-inline">Sensory Edition</h4>
<p>This edition reverses the card design of lower levels and replaces earlier cards by putting chemical compounds up front, and matches them to flavours. Paper becomes Trans 2 Nonenal, Pineapple becomes Ethyl Butyrate, Floral becomes Geraniol, and so on. The Sensory Edition is for people who are studying beer in a more professional capacity.</p>
</div>
<div class="oddball-edition expand-block">
<h4 class="header-inline">Oddball Edition</h4>
<p>Provides a vocabulary for those strange, unexpected flavors and aromas that don't occur naturally in a beer. Everyone has experienced this at some point: a strange character present in a beer that is undefinable, until someone comes up with just the right evocative flavor association that somehow fits it perfectly. Some examples: Bicycle Tire, Bug Spray, Incense, Olive Oil, etc.</p>
</div>
</div>
</div>
</div>
<section class="page-section page-section-blue-mid preview-section-why">
<div class="wrapper">
<h2 class="header-sub">Why The Palate Deck?</h2>
<p>There has never been more interest in great beer, or more people talking about what they're tasting while sampling it. Existing beer education often uses tastes and smells as a means to explain styles, ingredients and off-flavors.</p>
<a href="/images/illustration-box3.png" class="image-zoom">
<img class="box" src="/images/illustration-box3.png" alt="">
</a>
<p>But why not approach that from the other direction too? What if there were beer education tools that <strong>started</strong> with the flavors and the aromas themselves, and connected those more accessible culinary terms to beer styles, ingredients and process?</p>
<p>Once they start recognizing familiar sensations in their favorite beers, even those new to tasting may be encouraged to reach the next level in their beer understanding. And that's the Palate Deck.</p>
</div>
</section>
<section class="page-section preview-section-you">
<div class="wrapper">
<h2 class="header-sub">How can you help?</h2>
<p>Okay, so. I'm reaching out to you personally because you're someone in the beer industry who I greatly respect, even more so for your focus on beer education and outreach.</p>
<p>If you think this project is a neat idea, would you consider providing a very brief (one or two line) quote that could be published and attributed to you? I'd also like to send you a mostly-finished prototype copy so you can get a hands-on look at what this thing is really about.</p>
<p>If you think you can help, please <a href="mailto:mezzoblue@gmail.com">pass along</a> a mailing address so I can get a copy out to you ASAP. Thank you so much for your consideration!</p>
<a href="mailto:mezzoblue@gmail.com" class="button button-large">Get in Touch</a>
</div>
</section>
<section class="page-section page-section-orange-light preview-section-who">
<div class="wrapper">
<h2 class="header-sub">Who's behind this?</h2>
<figure class="media">
<div class="media-img media-img-round media-img-small">
<a href="https://twitter.com/mezzoblue/"><img src="/images/avatar-large2.jpg" alt=""></a>
</div>
<figcaption class="media-caption">
<p>Dave Shea is a <a href="https://www.cicerone.org/us-en/users/dave-shea-0">Certified Cicerone®</a> and BJCP-certified beer judge. He’s a co-founder of Vancouver’s <a href="http://farmhousefest.com/">Farmhouse Fest</a> Saison and Wild Ale Festival, and a long-time home brewer who finds the occasion to brew commercially every so often.</p>
<p>(Outside of beer, <a href="http://daveshea.com/about/">Dave</a> is also well known in the web design & development community.)</p>
</figcaption>
</div>
</div>
</section>