EastsideOne page with everything needed to make something that looks like us: the palette, the type, the marks, the voice, and the components they build into.
The source board this page is built from — palette, marks, apparel, vehicle wrap, signage, and social. Everything below is the working version of what's here.
{{ v.body }}
Ink and cream carry the page. Green is structure. Gold is the call to action. Rust is used once per screen, never twice.
Cream or gold on ink. Cream on forest. Ink on gold. All pass AA at body size.
Gold on cream, rust on forest, or sage on ink for body copy. Reserve those for large display type only.
Roughly 60% cream/ink, 30% green, 10% gold. Rust is the accent inside that 10%.
Archivo Black. Headlines, numbers, buttons. Always uppercase, tracking −0.02em.
Archivo Narrow. Eyebrows, labels, nav. Uppercase, tracking 0.16em–0.24em.
Caveat. The tagline and hand-written asides only. Never more than one per screen.
Full badge with Team Jimothy. Minimum 88px wide. Clear space on all sides equals the height of the wordmark.
EastsideSite header, email signatures, invoices. The condensed second line always sits in gold.
For favicons, hats, yard signs, and anywhere the full badge would fall below legibility.
Place the badge on ink, forest, or cream. Keep the raccoon facing into the layout, not off the edge.
Recolor, outline, rotate, add a drop shadow, or set the badge over a photo without a solid plate behind it.
We're the people who've been doing this since 1969 and have no reason to oversell. Short sentences. Specific details. No scare tactics, no jargon, no exclamation points.
{{ v.body }}
press: scale(0.97) · 150ms · cubic-bezier(0.23, 1, 0.32, 1)
selected: gold fill, ink text, 1.5px gold border
Trapping alone is a rental agreement. We find the gap, close it, and monitor until it stops.
lift −5px + 6px 8px 0 forest shadow · 220ms
16px input text minimum — no zoom on iOS
gold numerals, condensed caption, never more than three per row
Every animation earns its place: feedback on press, orientation on scroll, nothing decorative that a visitor would see twice a minute. All of it stops under prefers-reduced-motion.