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
Just shipped Parti, my first Framer template, made for architecture studios. 🏛️
I wanted it to feel like a Swiss poster from the 1950s to the 80s. That meant a strict grid, one typeface (Host Grotesk), and colour used only with a purpose. Red marks inquiries and live status, and ultramarine is for actions like sending a form.
What's inside:
Projects, Journal and Materials collections
Project filters that pull their types straight from the CMS, plus Grid and List views
A fact sheet for every project, plus inquiry and contact forms
A phone-first layout, keyboard accessible, with WCAG AA contrast
A built-in setup guide with a launch checklist
Most of my time went into the details. Nothing shifts when you filter, tap targets work properly on iPhone, and the motion is quiet so it never gets in the way.
See it live:
parti.framer.website
Get the template: https://www.framer.com/marketplace/templates/parti/
If you run a studio and want a custom version, my inbox is open.
Sticking to one typeface and a strict grid is the hardest part of a Swiss look, and Host Grotesk is a nice pick for it. Congrats on shipping your first Framer template!
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
I experimented with a different illustration style for this section of my latest Framer template.
The goal was to make the UI feel more engaging without distracting from the content.
Which direction would you choose for a better user experience? Curious to hear your take. 👀
0 voted
0%
1 voted
100%
1 vote
Closed
This is a smart balance! Engaging but still content-focused. The Dither Pattern works really well here, not distracting at all.
Away from writing code: Diving deeper into Framer with another dark-mode landing page build ⚡
I just wrapped up another hands-on tutorial project—building a sleek, dark-mode landing page featuring the headline "Just publish it with Framer".
Here is what I focused on during this practice session:
Dark Theme Layouts: Working with high-contrast text, deep canvas backgrounds, and vibrant blue accents.
Structuring Layers: Organizing nested elements cleanly, from the Header and Body down to Updates and the Logo Strip.
Interactive Components: Setting up buttons like "Start for free" and "Remix this" right inside the builder.
It’s been a rewarding practice exercise for exploring different layout styles and tool mechanics.
Let me know what you think about the design
link: https://formal-stick-842668.framer.app
🚀 The Keel website is now live!
I designed Keel as a fintech website concept focused on presenting financial products through a clean layout, clear messaging, and a simple user experience.
I’ve also built the website in Framer. Check it out below!
🎨 Built with Framer: https://thekeel.site/
Always happy to hear your feedback!
Congrats on the launch Nilkanth! Keel looks super clean — love how you kept the fintech messaging simple and focused. The "Take Control of Your Financial Future" hero with the app preview balances trust and clarity perfectly. Great job building it in Framer too!