The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
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)
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
🚀 The new Edge Hound website is live. Not Framer this time, but the dev team did a stellar job with the implementation.
Most AI fintech sites explain the tech. This one had to explain the category.
Decision intelligence for capital markets - agentic AI that replaces the analyst function for brokers, neo banks, and investing platforms.
I think you did the right call by explaining the category here. This whole space is so new and different, and taking advantage of it is definitely the right call from your end.
Most event apps help you find something to do. Evara was designed to help you find somewhere to belong.
The brief was a social gathering platform built around intention - not just events, but curated experiences where the host chooses who joins, what kind of gathering it is, and who it's for. The Night Bright. Friday Night Bright. A cozy night with good music, fun people, and zero pressure.
The design reflects that warmth completely. Deep amber gradients, organic photo collages, rich brown surfaces, and an event detail page that feels like a personal invitation rather than a ticket listing. 150+ people joined. Gathering. Social. Night Out. "I'm In" in amber gold is a button that actually feels like a decision worth making.
And then the layer that makes Evara different - hosts earn between $45 and $90 for completing a gathering. The platform rewards the people who create the experience, not just the ones who attend it.
This is what social app design looks like when the product actually cares about connection.
Does this feel like an app worth showing up for? 👇
Tools: Figma
#AppDesign #SocialApp #MobileDesign #UIDesign #DarkUI #ContraFreelance #EventApp #ProductDesign
Clean layout and super intuitive design!
Light or dark. Which theme works better here?
8 voted
21%
31 voted
79%
39 votes
Closed
The colours of dark mode is something that will keep me working on the site…..
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?