Framer Blog Design & Development | Figma to Framer

Golden Info is a blog website built to deliver a clean, fast reading experience with a scalable content system underneath. The goal was to create something that looks editorial but runs like a product: easy to update, SEO-friendly, and responsive across every breakpoint.

The project started in Figma, where I designed the full interface before touching Framer. The focus was on building a layout that fit the brand's tone while giving articles room to breathe. I worked through the visual hierarchy to make sure featured content stood out, categories were easy to scan, and the reading experience felt intentional rather than templated.

Moving from Figma to Framer wasn't a copy-paste job. I rebuilt the interface using Framer's native system: text styles, variables, reusable components, and a structured layout that mirrors the design file but takes full advantage of Framer's capabilities.

Key elements of the build:

CMS for articles — Each post is managed through Framer's CMS, making it simple to add, edit, or remove content without touching the layout

Tag system — Articles are organized by tags with dynamic filtering, so readers can browse by topic

Recommended articles — Each article in the CMS has a recommended toggle switch that controls whether it appears in the sidebar, giving full manual control over which posts get featured

Template pages — Built with Framer's template system for consistent article layouts across the site

Custom empty states — Designed fallback elements for edge cases like empty categories or no search results

Mobile responsive — The full site adapts across breakpoints with a layout that was designed for mobile from the start, not retrofitted

Animations — Subtle transitions and scroll-based animations to keep the experience feeling polished

The finished product is a fast, mobile-responsive blog that's SEO-friendly and easy to manage. It demonstrates the full Figma-to-Framer pipeline: from brand-aligned design through to a production-ready site with a real content system behind it.

Looking for a designer and developer who can take your site from concept to production in Framer? I'd love to hear about your project.