Hop & Grain A hero-forward landing
Keshav Sharma
Hop & Grain
A hero-forward landing page for an East Austin craft brewery
Hop & Grain is a craft brewery in East Austin, and the brief was basically "make it feel like the taproom on a Friday night." I pulled the palette straight from their badge — forest green (#35623F) and brass gold (#C99A4E) — and set it in a warm, dark shell (#14170F) so the photography and the beer pours do the talking.
The whole thing lives on one screen since the client only needed the hero for their reel: I laid it out in Figma with Poppins for the big headlines and Roboto underneath.
The logo and imagery is refined in ChatGPT, and I built the final site in Framer — from Figma layout to a working build. I used Claude MCP in Framer to generate various components on the fly.
Tools: Figma (design & wireframing) · Framer (build) · Claude · ChatGPT (imagery)
Like this project
Posted Jul 17, 2026
Hop & Grain A hero-forward landing page for an East Austin craft brewery Hop & Grain is a craft brewery in East Austin, and the brief was basically "make it ...
Likes
0
Views
0
