Concept identity · Identity + applications
The flavor coordinate
A plotting axis carries one flavor point. The point may move in interactive contexts but never detaches from its frame in the identity lockup.
Give it room.
Keep clear space of at least one quarter of the symbol width on all sides. Use the horizontal lockup at 240px wide or greater; switch to the symbol below that.
Keep the shape.
No stretching, bevels, shadows or rotation. Use the reversed artwork on dark backgrounds. Leave the symbol intact; decorative applications can extend its graphic device.
Colors and contrast.
These are the core colors used by the concept website. Supporting colors belong in graphics and large surfaces; use ink on paper for body text.
#FFF4DE#251A17#DDA75A#80604BUse the action color to identify the next step, not every heading. Preserve light and dark hierarchy when a layout becomes one color.
Digital files use sRGB. For print, ask the vendor to convert using their output profile and approve a physical proof.
Type choices.
Display: Georgia, serif.
Body: Arial, sans-serif.
Every beer has coordinates.
Aa Bb Cc · 0123456789Use sentence case for messages. Reserve capitals for short labels. Start body copy at 16px on screen or 10pt in print, with generous line spacing.
The kit uses system-font stacks and includes no font binaries. Primary lockups contain font-independent outlines. Separate editable-type variants are in the ZIP. Check font substitution before revising those layouts.
Sound like the business.
Curious, precise and rooted in place. Describe flavor with ordinary words, not a wall of tasting jargon.
Find your next favorite. One flavor at a time.
Keep out of the copy
Health benefits, invented awards, alcohol aimed at minors, unsupported product availability.
Layout rules
Editorial columns, generous leading, hairline rules and plotting space. Put the beer or place first and the navigation second.
Photography direction
Ingredient textures, brewery architecture, labeled product photography and the Central Coast. Keep drink labels readable.
Social graphics.
Editable square, story and landscape compositions. Open any asset to inspect it full size, then export an sRGB PNG for your publishing platform.
Print layouts.
A double-sided card and useful field sheet carry the identity beyond the screen.
Vehicle layouts.
The same mark, message and graphic device on a vehicle. Keep the side recognizable at a glance and the rear simple enough to read when parked.
Motion rules.
Flavor markers travel for 180ms after an input. Field-note panels enter once in 300ms. Do not animate flavor values without visitor input.
Keep people in control
Respect reduced motion with a settled static state. Never hide information until it animates, move keyboard focus, hijack scrolling or flash a warning.
Use the same rhythm
Small feedback: 180ms. Section entrance: about 280ms. Ease out cleanly. The longer brand-specific movement happens once, not on a loop.
Download files.
34 files, including business and campaign collections: symbol and lockup variants, an identity sheet, three social layouts, two card faces, a field sheet, two vehicle views, tokens, color values, guide and manifest.
