51:I[267044,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/0_p7_rfyih3ce.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3x7cofmdt-u_a.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0feduxwyr82nv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/0h18ahbw9nndq.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/0yqk60ay0h76r.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/046rld3pdrzo7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/0lmmb08iwroji.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T639,

E-commerce website for Lampy Akustyczne, presenting acoustic pendant lamps as design objects and guiding visitors from inspiration to a smooth, Shopify-powered checkout.

Challenge

Lampy Akustyczne creates pendant lamps that do two jobs at once: they light a space and absorb sound, improving acoustic comfort in offices, restaurants and homes. That dual nature is the product’s biggest strength, and its biggest communication challenge.

Buyers of design lighting expect a refined, gallery-like presentation, while acoustic performance calls for clear, credible information that builds trust. The brand needed an online store where customers could browse the collection, compare models, choose colour variants and buy directly, without the experience feeling like a generic e-commerce template that would undersell the craftsmanship and design value of each lamp.

Solution

The website was designed and built in Framer and connected to Shopify, which handles products, pricing, cart and checkout. This combination keeps full creative control over the design while giving the client a reliable, scalable sales backend.

Beyond the shop, dedicated sections present bespoke projects, the brand story, an inspiration gallery of real installations and an FAQ that answers the most common acoustic and installation questions. The fully responsive layout keeps browsing and buying just as comfortable on mobile as on desktop, resulting in a store that sells acoustic lamps the way they deserve to be seen: as design objects with measurable performance.

53:T54c,

StepProgress is a flexible animated progress indicator for presenting processes, timelines, onboarding flows, delivery stages, tutorials, and other step-by-step experiences in Framer.

Create up to 12 steps and customize each one with its own title, description, number, and uploaded icon. Control the complete visual system—including progress and base lines, icon backgrounds, active and idle states, strokes, shadows, colors, sizing, corner radius, typography, and spacing.

Choose between padded numbers, standard numbers, letters, or Roman numerals. Step numbers, titles, descriptions, and icons can all be shown or hidden independently.

Fine-tune the animation with Loop or Once playback, adjustable timing, pauses, and start delay. Choose Linear, Ease, or Spring motion to match the character of your design. Completed steps transition smoothly into a customizable check icon, while Canvas State lets you preview and style any stage directly in Framer.

StepProgress automatically switches from a horizontal desktop layout to a vertical mobile layout. Dedicated mobile spacing and text-offset controls provide precise alignment across different typefaces and content lengths.

Ideal for product journeys, order tracking, service processes, onboarding, roadmaps, and instructional sequences—without writing code.

54:T41c,

Create immersive, interactive world globes without leaving the canvas. VectorGlobe gives you four distinct visual styles—Particles, Dots, Outline, and Fill—each designed to adapt smoothly to any layout.

Fine-tune the globe’s color, scale, rotation speed, direction, and starting position. Enable drag-to-rotate interaction, add custom city pins, and control label colors, backgrounds, typography, and city coordinates.

VectorGlobe includes its world map directly within the component. It works without external data requests, providing a reliable and privacy-friendly experience across published websites.

Built for real-world projects, the component is responsive, resolution-independent, optimized to pause unnecessary rendering, and respects reduced-motion preferences. It also supports keyboard navigation and editable accessibility text.

Perfect for global companies, logistics platforms, international networks, landing pages, portfolios, and any project that deserves a more expressive way to show the world.

55:T814,

A grid that breathes.

CommitGrid drops a soft, animated grid of tinted cells behind any section — an ambient background inspired by the GitHub commit graph, built for atmosphere rather than data. Set a single color and it generates the whole tonal scale for you; pick a motion pattern and it quietly comes alive.

Eight motion patterns Every pattern is a different way for the cells to light up — choose the mood that fits your page:

Flat — a still, evenly tinted grid (great as a quiet texture)
Twinkle — cells fade in and out at their own random rhythm
Ripple — concentric rings pulse out from a point you choose
Wave — a band of brightness sweeps across the grid
Scan — a single line sweeps through like a radar
Rain — streaks fall column by column
Spiral — a slow rotating pinwheel
Noise — an organic, drifting cloud of activity

Tune it to your brand Simple controls, no code: base color (with opacity), cell size, gap, corner radius, animation speed, intensity, and max opacity. Set the speed to 0 to freeze any pattern into a static background, and choose an origin or direction for the directional patterns.

Fast and considerate Rendered to a single canvas — not hundreds of DOM nodes — so it stays smooth even full-screen, on Safari included. It caps its own frame rate, pauses when scrolled off-screen, and respects prefers-reduced-motion by rendering a static grid for visitors who opt out of motion. Drop it in as a full-bleed background and put your content on top.

Perfect for Hero sections, headers, footers, CTAs, login screens, and empty states — anywhere a page needs a little life without stealing focus.

56:T513,

Soflow is a modern SaaS landing page template designed for digital products, platforms, and online services that need a polished and conversion-oriented online presence. The project focuses on combining strong visual hierarchy, clean UI structure, and product-driven storytelling into a refined Framer experience inspired by contemporary software brands.

The design embraces a calm, modern aesthetic built around large typography, structured dashboard previews, balanced spacing, and subtle visual accents. Rather than relying on excessive visual effects, the template prioritizes clarity, usability, and presentation quality — allowing product features, workflows, and analytics to remain the central focus of the experience.

A modular section architecture allows the template to adapt to different types of products and business models without losing visual consistency. Dashboard previews, content blocks, pricing sections, testimonials, and feature layouts were designed to be easily reusable and customizable, helping teams launch polished marketing websites quickly and efficiently.

By combining clarity, universality, and ease of customization, Soflow provides a strong foundation for companies looking to build a modern and professional digital presence in Framer.

57:T963,

Built for any product or service worth presenting well

A premium Framer template designed around one idea: some brands need room to breathe. Whether you sell perfume, software, financial advice, ceramics, hotel stays, coaching programs or skincare, the structure holds — because it was designed for considered product presentation, not for any single industry.

The default content tells the story of a fragrance atelier. Swap the copy and imagery and the same template carries a SaaS launch, a boutique hotel, a wellness studio, a consultancy, a fashion drop, a DTC food brand, or a service business that needs to feel quietly expensive.

What's inside

Cinematic hero with scroll-triggered video and animated logo reveal
Three-step process flow — perfect for onboarding, "how it works", service stages or product journey
Library grid — works for catalogues, menus, case studies, features, plans, ingredients or any visual collection
Benefits & statistics sections with flowing animated counters
Two testimonial layouts — short pull-quote and long-form member story
Three-tier pricing ready for subscriptions, packages or service tiers
Full FAQ with reusable question component
Custom 404 page, privacy policy template

Design system

Editorial typography pairing and a complete typography scale
Deep-blue palette with glass overlays — refined out of the box, effortless to retheme to any brand

Built right

Fully responsive across desktop, tablet and phone breakpoints
Smooth scroll with custom reveal overrides
Reusable components for fast page-building

Who it's for

Subscription brands — beauty, food, wine, coffee, books, flowers
DTC product brands that want to feel atelier, not e-com
Boutique services — hotels, spas, studios, agencies, coaches
SaaS & digital products that lead with craft over hype
Consultants and creative practices building a single, considered site

Designed to be customised, not just recoloured. The structure is the template — the copy and category come from you.

58:T76d,

Overview

CMS Gallery Carousel is a wrapper that turns your Framer CMS gallery into a polished, draggable horizontal carousel. Built for the most common Framer use case: showing a row of project or product images from a CMS where the images come in different aspect ratios and you don't want to crop, mask, or hand-size every one.

What it does

Auto-fits every image in the slotted row to a single shared height — portraits and landscapes line up side by side without manual cropping.
Draggable with momentum and an elastic bounce at the edges (configurable).
Optional left/right arrow buttons that fade in only when there's content to scroll to in that direction.
Optional thin scrollbar indicator that tracks drag progress.
Built-in click-vs-drag detection: a horizontal swipe never triggers a click on a child link, so dragging through a gallery never accidentally opens a project page.

Perfect for:

Showcasing large imagery in creative portfolio presentations
Image-rich case studies and project pages
Editorial layouts with mixed-aspect visuals
Any CMS-driven gallery where photos vary in size and shape

Customization

Scrollbar on/off
Elasticity (0 = hard stop, 1 = full bounce)
Arrows on/off, with per-click scroll distance, size, color, background, and border radius
Works with any height you set on the container

How to use it

Build your CMS gallery row as you normally would.
Drop in the CMS Gallery Carousel, set the width and a fixed height.
Slot your CMS row into the Content slot.
Tune arrows, scrollbar, and elasticity in the property panel.

59:T89b,

A Minimal Portfolio That Lets Your Work Shine

The design feels calm and understated at first glance — but behind that simplicity is a powerful layout system designed specifically for visual storytelling. Large full-width grids, immersive project pages, and flexible gallery layouts allow images to take center stage.

Perfect for photographers, interior designers, architects, and visual studios, Mood Design turns your portfolio into an elegant visual experience.

Designed for Image-Driven Work

Mood Design focuses on showcasing projects in the most effective way possible.

Projects use large full-width masonry galleries that create a natural visual flow, making it easy for visitors to explore your work. Images scale beautifully across screen sizes and maintain strong visual rhythm throughout the site.

Powerful Custom Components

Mood Design includes custom-built components designed specifically for visual portfolios.

Span Grid

A full-width image grid that arranges photography across a 12-column system with configurable column spans and row heights. This allows you to create dynamic editorial-style layouts where images can expand, combine, and adapt to each project.

Draggable CMS Gallery

A horizontally scrolling gallery powered by Framer CMS. Visitors can drag to explore images, creating a smooth and intuitive browsing experience while allowing you to easily manage content directly from the CMS.

Built for Creative Flexibility

Although originally designed for interior design and architecture studios, Mood Design easily adapts to many creative disciplines:

Photographers
Interior designers
Architects
Creative studios
Visual artists
Designers and portfolios

The Idea Behind Mood Design

Mood Design was created to feel quiet and restrained, allowing the work itself to define the personality of the website.

Instead of overwhelming visitors with heavy design, the template provides a clean architectural framework that elevates images, projects, and visual storytelling.

5a:T54f,

Build expressive, asymmetric grids in Framer—without manually rebuilding every layout for every breakpoint.

SpanGrid turns CMS items, components, or images into a flexible 12-column bento grid. Choose how many columns each item should span, and the component automatically wraps content onto new rows and fills available gaps to keep the composition compact.

What you can do:

• Create portfolio grids, project case studies, image galleries, feature sections, logo walls, and editorial layouts

• Set an individual column span from 1–12 for every item

• Use Canvas Items for CMS content and Framer components, or switch to Images for quick responsive galleries

• Keep layouts dynamic as CMS content changes

• Automatically switch component variants at your chosen mobile breakpoint with the included variantFromGrid override

• Set variants individually when a specific item needs different behavior

• Enable container-aware scaling to preserve row proportions inside full-width sections or narrower columns

• Adjust row height, horizontal and vertical gaps, padding, corner radius, and mobile breakpoint with native Framer controls

One component, two workflows, and far more visual freedom than a uniform grid.

5b:T88a,

This component applies a dynamic backdrop blur that increases as users scroll, mimicking the frosted glass effect found throughout iOS interfaces.

Key Features:

Smooth, performance-optimized blur tied to scroll position
iOS-style backdrop blur for a premium native app feel
Viewport-relative positioning — works under sections of any height, including 100vh heroes, with no manual pixel offset
"Extend Above" mode to blur the section above instead of its own section
Threshold in px or vh, so the effect feels consistent across screen sizes
Responsive on all screen sizes and breakpoints

Customizable Properties:

Background Color: overlay tint color
Opacity: overlay transparency (0–1)
Max Blur: maximum blur intensity (0–50px)
Start Line: viewport point (0–100vh) where blur begins
Threshold: scroll distance to reach max blur, in px or vh
Extend Above: shifts the overlay up by its own height to blur the section above it

How It Works: Place the component inside a section — it automatically tracks its own position relative to the viewport, no offset math needed. Blur starts at your Start Line and increases until your Threshold, creating a smooth transition. Enable Extend Above for sticky-stacked layouts or full-height heroes.

Perfect For: Designers adding sophisticated iOS-inspired scroll interactions without code, for full-screen heroes and sticky-stacked layouts.

Refund Policy: Due to the digital nature of this product, all sales are final and non-refundable. Refunds are only provided if there is a documented technical issue where the component does not work as intended or as described. Refunds will not be issued if the component works correctly but does not meet your expectations or does not work the way you would prefer.

5c:T741,

A modern website redesign for a specialized translation services provider, transforming an outdated platform into a visually refined and engaging digital experience.

Challenge

The goal of the project was to replace the company’s outdated website with a modern, visually engaging platform that better reflects the professionalism and scale of their services. The new site introduces contemporary design, subtle motion, and carefully crafted visual elements while maintaining clarity across a large amount of structured information.

The previous website no longer reflected the quality and expertise of the Kontekst brand. Its design felt dated, the structure had grown complex over time, and the visual presentation did little to communicate the company’s technological competence and international reach.

The challenge was to modernize the entire digital presence while improving content clarity and maintaining accessibility across numerous service pages and industry sectors. At the same time, the redesign had to be completed within a relatively tight schedule.

Solution

Using Framer as the development platform allowed the project to move quickly while maintaining flexibility in design and implementation. The new website introduces a refined layout system and contemporary visual language that elevates the brand’s digital presence.

Subtle animations, animated iconography, and a lightweight particle system add depth and movement across the interface, giving the site a modern and technologically sophisticated feel. Carefully selected imagery and improved typography help structure the content and guide users through the platform more intuitively.

The new website successfully transforms Kontekst’s digital presence into a modern platform aligned with today’s design standards.

5d:T717,

A visually rich, carefully art-directed website for Healing Minds, combining subtle animations, immersive imagery, and tailored layouts to create a distinctive and emotionally resonant digital presence.

Challenge

Healing Minds offers a wide range of psychology and psychotherapeutic services, addressing sensitive and deeply personal topics. The goal was to move beyond the typical clinical, minimal, “white-and-blue” therapy website and instead create something visually expressive, warm, and distinctive, while maintaining clarity, trust, and accessibility.

Websites in the psychology space often rely on safe, neutral layouts with stock imagery and minimal personality. While such solutions feel familiar, they rarely capture the individuality or emotional depth behind the practice itself. Healing Minds needed a platform that would build trust while also expressing character and sensitivity.

The core challenge was to deliver something visually rich without overwhelming users. In a space centered around comfort and emotional safety, the interface had to remain calm, intuitive, and accessible, even while embracing a more expressive aesthetic direction.

Solution

Using an advanced, sophisticated Framer template as the technical starting point allowed for rapid development while maintaining structural integrity. However, the default sections were heavily reworked to better present the wide array of services and to establish a more distinctive visual language.

Large, art-directed imagery plays a central role in shaping the mood of the site, creating atmosphere and emotional resonance from the very first scroll. Subtle animations and gentle transitions introduce rhythm and flow, enhancing the experience without distracting from the content.

5e:T7bb,

A cohesive branding and website project for Nyquista, pairing a refined visual identity with a smooth digital experience featuring modern layouts and elegant animations.

Challenge

Nyquista is an innovative company specializing in premium acoustic panels designed to improve office comfort and elevate home audio-visual experiences. The project involved not only building a modern, interactive website, but also developing a complete, contemporary visual identity that could match the brand’s craftsmanship, engineering precision, and design-driven mindset.

Acoustic products are often presented in a highly technical or visually outdated way, making it difficult for brands like Nyquista to communicate both performance and aesthetic value. Without a cohesive brand identity or a strong digital presence, the company risked blending into a crowded market where design, credibility, and clarity heavily influence purchasing decisions. Nyquista needed a unified visual system and a website that could showcase its panels as both functional and beautifully crafted design objects.

Solution

The project began with developing a clean, modern brand identity built around precision, clarity, and modularity, echoing the qualities of Nyquista’s acoustic products.

The website was designed using a contemporary layout structure, including bento-style grids, generous spacing, and high-quality product visuals. Custom interactions, scroll-triggered animations, and subtle motion elements were introduced to highlight material quality and acoustic performance without overwhelming users. Product categories, use-cases, and technical data were organized into an intuitive, responsive system that adapts seamlessly across devices.

The result is a cohesive, design-forward brand and website that positions Nyquista as a modern, trustworthy leader in the acoustic solutions market, balancing technical depth with visual sophistication.

5f:T678,

A multilingual website for Goodspeed, combining video, animations, and interactive storytelling to showcase their full spectrum of IT, catering, and logistics solutions

Challenge

Goodspeed is a major logistics and technology provider, offering solutions that span from advanced IT systems for dietary catering businesses to large-scale food and pharmaceutical logistics. With such a diverse portfolio of services, ranging from digital platforms for caterers to highly specialized logistics operations, Goodspeed faced the challenge of presenting its brand in a way that felt cohesive, clear, and trustworthy. Their previous online presence lacked the ability to communicate both the innovative side of their IT products and the reliability of their logistics services. In addition, they needed a multilingual platform capable of addressing multiple markets with consistency and professionalism.

Solution

The new website was designed and developed in Framer to deliver a polished, future-proof digital experience. A video header and dynamic animations highlight Goodspeed’s innovative processes, while modular layouts structure the complex service offering into an accessible narrative. Custom interactive sections present their IT solutions, dietary marketplace, and logistics services in a way that is both engaging and easy to navigate. The multilingual architecture allows seamless switching between Polish, Czech, and English, ensuring relevance for different audiences. Together, the design and development establish Goodspeed as a market leader, combining innovation, scale, and clarity in one digital platform.

60:T54b,

Website for MycoVibes, combining dynamic data visualization, scroll-triggered storytelling, and bespoke design sections to showcase shiitake mycoprotein as the next-generation protein source.

Challenge

As a biotech brand entering a competitive and highly innovative market, MycoVibes needed a website that could do more than just present basic information. The challenge was to communicate a complex scientific product in a way that felt accessible and engaging for a wide audience, ranging from potential partners to conscious consumers. Standard template structures lacked the flexibility to showcase scientific depth, product benefits, and the startup’s bold vision simultaneously.

Solution

The site was built in Framer with significant customizations to extend the base template far beyond its defaults. Bespoke sections were designed to present the product visually through scroll-triggered animations, guiding users step by step through the shiitake mycoprotein story. Dynamic charts and data visualizations were integrated to display nutritional and environmental benefits clearly, reinforcing trust and credibility. The result is a polished, responsive, and scalable platform that balances scientific depth with storytelling impact, positioning Mycovibes as a forward-looking player in sustainable nutrition.

61:T66f,

Full branding and a responsive website for Stolarnia Sulejówek, combining a custom logo and elegant digital experience to showcase premium carpentry services with clarity and visual impact.

Challenge

For a bespoke carpentry workshop like Stolarnia Sulejówek, presenting craftsmanship, precision, and the full scope of services in a way that resonates online is essential, but often missed. Without a strong brand identity or a clear digital experience, even the highest-quality woodwork can go unnoticed or undervalued. The challenge was to create not only a refined website, but also a distinctive visual brand that communicates trust, quality, and attention to detail, helping the studio stand out in a competitive, often visually outdated market.

Solution

The project began with creating a tailored brand identity, including a clean, modern logo that reflects the workshop’s precision and craftsmanship while remaining timeless and versatile. This visual foundation informed the website’s entire design language. Built in Framer, the site combines polished UI with intuitive UX: large-format project photography highlights detail and materiality, while a modular layout guides visitors smoothly through services, process, and past realizations. Scroll-triggered interactions add subtle energy without distraction, and thoughtful typography reinforces professionalism. On mobile, the layout adjusts seamlessly, preserving both aesthetic and function. Together, the branding and website deliver a complete, cohesive experience that mirrors the care and skill of Stolarnia Sulejówek’s real-world work.

62:T7aa,

A bold, high-conversion website for Golf Masters, showcasing premium golf green installations and simulators through a clean, responsive, and user-focused digital experience.

Challenge

Golf simulator and outdoor green installation services are often complex, high-value offerings that rely heavily on trust, visual impact, and clear communication to convert interest into action. For a premium brand like Golf Masters, which specializes in transforming private spaces into custom golfing environments, a standard or text-heavy website simply won’t convey the aspirational lifestyle, technical expertise, and precision involved. Visitors need to understand the product quickly, feel inspired by the possibilities, and be guided seamlessly toward inquiry or consultation.

Solution

Golfmasters is a bold, high-impact Framer website designed to meet those needs with clarity and confidence. The visual design leads with full-width imagery and clean, assertive typography. The layout is intentionally paced: hero sections grab attention, followed by modular content blocks that highlight indoor and outdoor offerings, showcase installations, and reinforce the brand’s premium positioning through testimonials, process steps, and clear calls to action.

The UX design prioritizes simplicity and flow. Navigation is kept minimal and anchored, allowing users to explore without distraction. On mobile, the experience remains seamless, with layout adjustments and performance optimization ensuring that every key interaction, from scrolling galleries to contacting the team, feels intuitive and responsive.

The final product is more than just a website: it’s a tailored digital experience that positions Golf Masters as a market leader. By combining sharp design with smart usability, the site transforms interest into inquiry and turns high-end golf installations into a compelling, accessible lifestyle proposition.

63:T73a,

Developed a responsive, API-integrated landing page in Framer for Foodango, translating a client-provided design into a dynamic and easily editable user experience.

Challenge

Foodango’s “Okazje dla nowych” landing page needed to convert new users with special offers, but the challenge was to turn a visually rich, client-provided design into a performant, maintainable, and easily updatable web experience. The site required seamless integration with external APIs to dynamically display offers, while still being lightweight, responsive, and editable by non-technical team members. A rigid or code-heavy solution would risk limiting flexibility and slowing down future content changes or marketing updates.

Solution

The final site was developed in Framer, faithfully translating the client’s design into a fast, responsive, and conversion-optimized landing page. Custom components were structured for clarity and modularity, allowing content to be updated easily without breaking layout integrity. Advanced external API integration was implemented to enable dynamic content delivery, such as real-time offer data, while maintaining performance and visual consistency. Special attention was given to editable zones within Framer, empowering the client team to adjust texts, images, and CTAs independently, without developer intervention. The result is a maintainable, user-friendly landing page that remains visually strong and technically scalable.

Client feedback

"Working with Filip was smooth and highly rewarding. Our visual design was translated into a live site with exceptional precision. Just as importantly, Filip brought a fresh perspective to the project, offering subtle yet thoughtful interaction ideas that elevated the final experience."

Foodango Design Team

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-cfffe369-519f-4e6e-9689-0abca60f34cb-all:/unified/creator/cfffe369-519f-4e6e-9689-0abca60f34cb/activity/":[{"data":[{"id":"01a10d72-6f94-7608-9975-2501d6114484","type":"site.created","target":{"type":"site","id":"18054","preview":"Lampy Akustyczne","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a11302-8baa-759f-bd8e-9ec1e81a2386.webp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-05T19:02:45.908Z","latestAt":"2026-10-05T19:02:45.908Z"},{"id":"01a0ae46-a244-73e9-93cb-f8ce0751ad13","type":"creator.followed","target":{"type":"creator","id":"938b42d5-4518-4924-be18-128f9df69bc3","preview":"Kreativnik","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T07:30:59.160Z","latestAt":"2026-09-17T07:30:59.160Z"},{"id":"01a07317-d8c5-751c-9823-b8f9294e83a4","type":"creator.followed","target":{"type":"creator","id":"dd30e1c2-8f38-4c44-9c97-cd59f008aaf9","preview":"Danny Sapio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29157/avatar-TUxeVBpoCafaXLtAp2ippbgmWYLvW3.jpg","slug":"dannysapio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-05T19:42:17.793Z","latestAt":"2026-09-05T19:42:17.793Z"},{"id":"019fd595-e02e-7509-9120-0a037580b6eb","type":"comment.liked","target":{"type":"comment","id":"019fba73-ad5c-7398-b60f-e1dca3988599","preview":"If you designed this website - it's absolutely exception work. Kudos!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"If you designed this website - it's absolutely exception work. Kudos!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"0199fcc1-da20-76b0-ba35-c2d5a86d2dca","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fba73-ad5c-7398-b60f-e1dca3988599"},"repost":null}},"context":{"type":"post","id":"0199fcc1-da20-76b0-ba35-c2d5a86d2dca","preview":"Goodspeed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a112ff-a76b-77f9-8145-143eb67ca52d.webp","targetDeleted":false,"owned":true,"actions":{"postId":"0199fcc1-da20-76b0-ba35-c2d5a86d2dca","like":{"count":1,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T05:39:57.096Z","latestAt":"2026-08-06T05:39:57.096Z"},{"id":"019fc39c-a808-76b0-91e4-c877d2f6188e","type":"component.created","target":{"type":"component","id":"C06awHzR7xUenTBHbSsU","preview":"StepProgress","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a1131c-8e7f-73fa-8bfe-ea1c48253c4f.webp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-02T17:54:11.592Z","latestAt":"2026-08-02T17:54:11.592Z"},{"id":"019fbec0-9bac-7589-8ccd-6cbf2de5b617","type":"comment.liked","target":{"type":"comment","id":"019fbead-a8e7-7211-990d-bcc9596a4c4b","preview":"Thanks Filip! Made my day","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks Filip! Made my day"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fae91-a233-769e-a018-4f4f3c9b38fb","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fbe5f-cc5d-724d-a51f-5c30f8ddf39e"},"repost":null}},"context":{"type":"post","id":"019fae91-a233-769e-a018-4f4f3c9b38fb","preview":"TD_Noise","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/433f7274-9cd4-4196-92b1-30ec7f66bbf6/01a11a15-6c96-72aa-af9a-9dacf7f06218.png","targetDeleted":false,"owned":false,"actions":{"postId":"019fae91-a233-769e-a018-4f4f3c9b38fb","like":{"count":46,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-01T19:15:21.640Z","latestAt":"2026-08-01T19:15:21.640Z"},{"id":"019fbe5f-cc86-750f-bdd4-b00c43075ec4","type":"comment.created","target":{"type":"post","id":"019fae91-a233-769e-a018-4f4f3c9b38fb","preview":"TD_Noise","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/433f7274-9cd4-4196-92b1-30ec7f66bbf6/01a11a15-6c96-72aa-af9a-9dacf7f06218.png","targetDeleted":false,"owned":false,"actions":{"postId":"019fae91-a233-769e-a018-4f4f3c9b38fb","like":{"count":46,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fbe5f-cc5d-724d-a51f-5c30f8ddf39e","preview":"That's remarkably well done. My jaw dropped. Congrats!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"That's remarkably well done. My jaw dropped. Congrats!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fae91-a233-769e-a018-4f4f3c9b38fb","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fbe5f-cc5d-724d-a51f-5c30f8ddf39e"},"repost":null}},"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-01T17:29:37.158Z","latestAt":"2026-08-01T17:29:37.158Z"},{"id":"019fbe59-50c3-772d-9642-0e9bdd8b2a43","type":"creator.followed","target":{"type":"creator","id":"433f7274-9cd4-4196-92b1-30ec7f66bbf6","preview":"Tom D","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29089/avatar-bg7PNBgYFZF8iFMvSGSxiqu7vDXhw2.jpg","slug":"tom-d","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-01T17:22:32.215Z","latestAt":"2026-08-01T17:22:32.215Z"},{"id":"019fbe59-0fd3-760d-8ba0-7bb7da5b41d6","type":"template.liked","target":{"type":"template","id":"70373","preview":"TD_Noise","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/433f7274-9cd4-4196-92b1-30ec7f66bbf6/01a11a15-6c96-72aa-af9a-9dacf7f06218.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-01T17:22:15.630Z","latestAt":"2026-08-01T17:22:15.630Z"},{"id":"019fb314-6e67-7247-bb6f-29ab3178fb2d","type":"comment.liked","target":{"type":"comment","id":"019fb14b-8fae-72ff-9798-7c46a5a00ed3","preview":"Super nice !","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Super nice !"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019eb639-65ac-70f1-bf34-711c7c3e4993","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fb14b-8fae-72ff-9798-7c46a5a00ed3"},"repost":null}},"context":{"type":"post","id":"019eb639-65ac-70f1-bf34-711c7c3e4993","preview":"Recueil","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a117ff-a342-77ba-8734-1cd0c6373436.webp","targetDeleted":false,"owned":true,"actions":{"postId":"019eb639-65ac-70f1-bf34-711c7c3e4993","like":{"count":57,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T12:51:28.483Z","latestAt":"2026-07-30T12:51:28.483Z"},{"id":"019f853b-2e92-7719-9dde-6bc25f593e53","type":"creator.followed","target":{"type":"creator","id":"9387f0cc-b47f-4364-9402-a74231861534","preview":"Trueform","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9387f0cc-b47f-4364-9402-a74231861534/kbhjgzt9","slug":"trueform","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-21T15:11:16.109Z","latestAt":"2026-07-21T15:11:16.109Z"},{"id":"019f853a-af80-72df-9410-8b7308d2be21","type":"creator.followed","target":{"type":"creator","id":"9fe0915a-1d2c-44d4-ae44-5251ad7dce8f","preview":"Cédric","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28870/avatar.jpg","slug":"cedric","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-21T15:10:43.580Z","latestAt":"2026-07-21T15:10:43.580Z"},{"id":"019f6a76-61df-70a3-80f9-719886971af0","type":"creator.followed","target":{"type":"creator","id":"4fd602dd-21dc-47b5-9483-316c27f1b7d5","preview":"Mohd Mehraj","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/970888/avatar-frbPv0G2rCV8RjV9TdwpYmh7dYwKm2.jpg","slug":"mehraj","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-16T10:26:11.036Z","latestAt":"2026-07-16T10:26:11.036Z"},{"id":"019f6a55-7859-7228-8442-924306f66890","type":"component.created","target":{"type":"component","id":"wtBND8T6bCtTF2Gw5uUh","preview":"Vector Globe","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a11542-49b5-70ea-900d-3eb844724352.webp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-16T09:50:14.105Z","latestAt":"2026-07-16T09:50:14.105Z"},{"id":"019f673b-c5bf-75f9-8b39-2ef4b9956529","type":"creator.followed","target":{"type":"creator","id":"689d125f-1a30-4a92-93ce-939f0e5b594a","preview":"Emon","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29518/avatar-18Nud9LcBMCiQJoYVQVyStaYMD03Dq.jpg","slug":"tawfiqulemon","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-15T19:23:18.329Z","latestAt":"2026-07-15T19:23:18.329Z"},{"id":"019f5f76-f013-7494-a40d-7b1c5afceb09","type":"creator.followed","target":{"type":"creator","id":"2a2c2a43-045d-4da6-bf1a-ca4b52f39be1","preview":"Lunis Design","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/480039/avatar-2unktHJIJ7qmZ6R3TmaJLIiOnmNlyk.jpg","slug":"lunis-design","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-14T07:10:58.054Z","latestAt":"2026-07-14T07:10:58.054Z"},{"id":"019f5f76-973d-769b-b51f-68d51e2a1cf8","type":"creator.followed","target":{"type":"creator","id":"a0d236b2-97bf-42fd-ad0e-db4402ef113b","preview":"Cristian Mielu","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28883/avatar-K5ojCTv2bAJrkxuByVEiWGqgqe7d73.jpg","slug":"cristian","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-14T07:10:35.316Z","latestAt":"2026-07-14T07:10:35.316Z"},{"id":"019f5f76-654e-726e-95db-bbf4f89b4d86","type":"creator.followed","target":{"type":"creator","id":"44250b1c-8783-417c-8cb7-f8a796483397","preview":"Velox Themes","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/405749/avatar-LA1Qu50L5mDcpp7AzMYutAql3PBREx.jpg","slug":"velox-themes","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-14T07:10:22.537Z","latestAt":"2026-07-14T07:10:22.537Z"},{"id":"019f5f59-3982-7732-8378-3337f212a55b","type":"comment.reply","target":{"type":"post","id":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","preview":"Scroll Blur Overlay","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a11811-ea1a-73c1-85e4-36a9db94798a.webp","targetDeleted":false,"owned":true,"actions":{"postId":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","like":{"count":32,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f5f59-396c-773f-98d2-4a38005f352c","preview":"@Willi Peschel Happy to hear it works for you!\nGreat tip on the Overflow: Visible note — I've caught myself on that one more than once while building with my own component, so I know exactly what you mean 😅\nI've just added it as an extra step in the instructions.\nThanks again for the feedback, it really helped shape this update. Best regards to Germany! 🙂","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"883d5cc4-3481-441e-8775-477444b37715","slug":"willipeschel","label":"Willi Peschel","mentionSuggestionChar":"@"}},{"type":"text","text":" Happy to hear it works for you!"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Great tip on the Overflow: Visible note — I've caught myself on that one more than once while building with my own component, so I know exactly what you mean "},{"type":"emoji","attrs":{"name":"sweat_smile","emoji":"😅"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I've just added it as an extra step in the instructions."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Thanks again for the feedback, it really helped shape this update. Best regards to Germany! "},{"type":"emoji","attrs":{"name":"slightly_smiling_face","emoji":"🙂"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f5bb7-be8c-72db-b54b-42532c08f14f"},"repost":null}},"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-14T06:38:30.786Z","latestAt":"2026-07-14T06:38:30.786Z"},{"id":"019f5cf7-a958-77ef-85e7-410468b6b00e","type":"comment.reply","target":{"type":"post","id":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","preview":"Scroll Blur Overlay","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a11811-ea1a-73c1-85e4-36a9db94798a.webp","targetDeleted":false,"owned":true,"actions":{"postId":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","like":{"count":32,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f5cf7-a93a-714d-9967-223a26c477c1","preview":"@Willi Peschel Hey, good news — the new version is live! \nYou can grab it from the same remix link as before. The updated example project includes the reworked component along with revised instructions.\nTo be honest, I'd been thinking about reworking this for a while, and your message gave me the extra push to finally make it happen 🙂\nLet me know if it works better for your setup — happy to hear your feedback!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"883d5cc4-3481-441e-8775-477444b37715","slug":"willipeschel","label":"Willi Peschel","mentionSuggestionChar":"@"}},{"type":"text","text":" Hey, good news — the new version is live! "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"You can grab it from the same remix link as before. The updated example project includes the reworked component along with revised instructions."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"To be honest, I'd been thinking about reworking this for a while, and your message gave me the extra push to finally make it happen "},{"type":"emoji","attrs":{"name":"slightly_smiling_face","emoji":"🙂"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Let me know if it works better for your setup — happy to hear your feedback!"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f5bb7-be8c-72db-b54b-42532c08f14f"},"repost":null}},"actors":[{"id":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","slug":"filip-banasiak","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T19:32:42.456Z","latestAt":"2026-07-13T19:32:42.456Z"}],"pagination":{"next":"MjAyNi0wNy0xM1QxOTozMjo0Mi40NTZafDAxOWY1Y2Y3LWE5NTgtNzdlZi04NWU3LTQxMDQ2OGI2YjAwZQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:cfffe369-519f-4e6e-9689-0abca60f34cb:/unified/posts/?creator=cfffe369-519f-4e6e-9689-0abca60f34cb&with=reposts":[{"data":[{"id":"01a10d72-6ce8-72ae-a838-04026dd62efd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"18054","resolved":true,"title":"Lampy Akustyczne","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"E-commerce website for Lampy Akustyczne, presenting acoustic pendant lamps as design objects and guiding visitors from inspiration to a smooth, Shopify-powered checkout."}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Challenge"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Lampy Akustyczne creates pendant lamps that do two jobs at once: they light a space and absorb sound, improving acoustic comfort in offices, restaurants and homes. That dual nature is the product’s biggest strength, and its biggest communication challenge."}]},{"type":"paragraph","content":[{"type":"text","text":"Buyers of design lighting expect a refined, gallery-like presentation, while acoustic performance calls for clear, credible information that builds trust. The brand needed an online store where customers could browse the collection, compare models, choose colour variants and buy directly, without the experience feeling like a generic e-commerce template that would undersell the craftsmanship and design value of each lamp."}]},{"type":"customHeading","content":[{"type":"text","text":"Solution"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The website was designed and built in Framer and connected to Shopify, which handles products, pricing, cart and checkout. This combination keeps full creative control over the design while giving the client a reliable, scalable sales backend."}]},{"type":"paragraph","content":[{"type":"text","text":"Beyond the shop, dedicated sections present bespoke projects, the brand story, an inspiration gallery of real installations and an FAQ that answers the most common acoustic and installation questions. The fully responsive layout keeps browsing and buying just as comfortable on mobile as on desktop, resulting in a store that sells acoustic lamps the way they deserve to be seen: as design objects with measurable performance."}]}]},"introduction":"E-commerce website for Lampy Akustyczne, presenting acoustic pendant lamps as design objects and guiding visitors from inspiration to a smooth, Shopify-powered checkout.","slug":"lampy-akustyczne","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a11302-8baa-759f-bd8e-9ec1e81a2386.webp","metadata":{"tint":{"h":0,"s":0,"l":20},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10d71-14bc-7272-a729-260af6516ab7.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10d71-2071-767d-8805-3a4c9fdbcb5a.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10d71-2c56-72bf-af49-b0e948c7c384.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10d83-b796-775c-a08f-6c6c0b3454eb.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T19:02:44.502Z","updatedAt":"2026-10-06T20:58:23.305Z","publishedAt":"2026-10-05T19:02:44.499Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.lampyakustyczne.pl/","categories":[{"id":"3b2881c5-bbfb-430d-83f6-b1b0ac597b8d","name":"Ecommerce","slug":"ecommerce"}],"mainCategory":{"id":"3b2881c5-bbfb-430d-83f6-b1b0ac597b8d","name":"Ecommerce","slug":"ecommerce"},"styles":[{"id":"23e9e9fa-64d2-4b36-a3ab-47977dec9040","name":"Minimal","slug":"minimal"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T19:02:45.224Z","updatedAt":"2026-10-05T19:02:45.224Z","type":"post"},{"id":"019fc39c-a666-73b6-ac85-f7c9b504ce5f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"C06awHzR7xUenTBHbSsU","resolved":true,"title":"StepProgress","body":"$53","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"StepProgress is a flexible animated progress indicator for presenting processes, timelines, onboarding flows, delivery stages, tutorials, and other step-by-step experiences in Framer."}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Create up to 12 steps and customize each one with its own title, description, number, and uploaded icon. Control the complete visual system—including progress and base lines, icon backgrounds, active and idle states, strokes, shadows, colors, sizing, corner radius, typography, and spacing."}]},{"type":"paragraph","content":[{"type":"text","text":"Choose between padded numbers, standard numbers, letters, or Roman numerals. Step numbers, titles, descriptions, and icons can all be shown or hidden independently."}]},{"type":"paragraph","content":[{"type":"text","text":"Fine-tune the animation with Loop or Once playback, adjustable timing, pauses, and start delay. Choose Linear, Ease, or Spring motion to match the character of your design. Completed steps transition smoothly into a customizable check icon, while Canvas State lets you preview and style any stage directly in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"StepProgress automatically switches from a horizontal desktop layout to a vertical mobile layout. Dedicated mobile spacing and text-offset controls provide precise alignment across different typefaces and content lengths."}]},{"type":"paragraph","content":[{"type":"text","text":"Ideal for product journeys, order tracking, service processes, onboarding, roadmaps, and instructional sequences—without writing code."}]}]},"introduction":"Custom animated step progress.","slug":"stepprogress","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a1131c-8e7f-73fa-8bfe-ea1c48253c4f.webp","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-02T17:54:10.701Z","updatedAt":"2026-10-06T21:26:53.271Z","publishedAt":"2026-08-02T17:54:10.698Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/StepProgress-WExQkn.js@VpIZCUrsoBfC5OS57j4Y","previewUrl":"https://stepprogress.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"VpIZCUrsoBfC5OS57j4Y","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-02T17:54:11.174Z","updatedAt":"2026-08-02T17:54:11.174Z","type":"post"},{"id":"019f6a55-76f7-7196-90a8-8350efdb3fa9","title":null,"body":"

Interactive globes, made simple

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive globes, made simple","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"wtBND8T6bCtTF2Gw5uUh","resolved":true,"title":"Vector Globe","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Create immersive, interactive world globes without leaving the canvas. VectorGlobe gives you four distinct visual styles—Particles, Dots, Outline, and Fill—each designed to adapt smoothly to any layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Fine-tune the globe’s color, scale, rotation speed, direction, and starting position. Enable drag-to-rotate interaction, add custom city pins, and control label colors, backgrounds, typography, and city coordinates."}]},{"type":"paragraph","content":[{"type":"text","text":"VectorGlobe includes its world map directly within the component. It works without external data requests, providing a reliable and privacy-friendly experience across published websites."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for real-world projects, the component is responsive, resolution-independent, optimized to pause unnecessary rendering, and respects reduced-motion preferences. It also supports keyboard navigation and editable accessibility text."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for global companies, logistics platforms, international networks, landing pages, portfolios, and any project that deserves a more expressive way to show the world."}]}]},"introduction":"Interactive globes, made simple","slug":"vector-globe","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a11542-49b5-70ea-900d-3eb844724352.webp","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-16T09:50:13.349Z","updatedAt":"2026-10-07T07:27:14.615Z","publishedAt":"2026-07-16T09:50:13.342Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://vectorglobe.framer.website","price":"4","paymentUrl":"https://filipbanasiak.lemonsqueezy.com/checkout/buy/3cf4c4f4-54d4-45f5-8982-162de0759d69","workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"0EbxAmkxm4bdNWn81YhE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-16T09:50:13.751Z","updatedAt":"2026-07-16T09:50:13.751Z","type":"post"},{"id":"019ed533-1827-7639-aa77-976d81950bbc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"67003","resolved":true,"title":"Orelle","body":"

Orelle is an elegant, spa-inspired website built using a customizable Framer template, designed to showcase wellness, beauty, and high-end self-care services. From a UX/UI standpoint, the site offers a refined digital experience that balances sophistication with clarity—making it a perfect fit for spas, beauty clinics, wellness retreats, or boutique skincare brands.

The template was carefully structured to solve a common challenge in the wellness space: presenting premium, experience-based services online in a way that feels personal, inviting, and easy to navigate. The design employs a soft visual language—neutral tones, generous spacing, and graceful typography—to immediately convey a sense of calm and professionalism. These elements help visitors feel at ease, encouraging them to explore the brand and its offerings without friction or distraction.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Orelle","marks":[{"type":"bold"}]},{"type":"text","text":" is an elegant, spa-inspired website built using a customizable Framer template, designed to showcase wellness, beauty, and high-end self-care services. From a UX/UI standpoint, the site offers a refined digital experience that balances sophistication with clarity—making it a perfect fit for spas, beauty clinics, wellness retreats, or boutique skincare brands."}]},{"type":"paragraph","content":[{"type":"text","text":"The template was carefully structured to solve a common challenge in the wellness space: presenting premium, experience-based services online in a way that feels personal, inviting, and easy to navigate. The design employs a soft visual language—neutral tones, generous spacing, and graceful typography—to immediately convey a sense of calm and professionalism. These elements help visitors feel at ease, encouraging them to explore the brand and its offerings without friction or distraction."}]}]},"introduction":"Editorial Template for Clinics","slug":"orelle","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a11ab1-f461-768e-9917-838e84325267.webp","metadata":{"tint":{"h":30,"s":31,"l":20},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/OsyeDzY01K7fGy58Htlfw7Jgm01t800mi15Rgj2ZFXGC6c.m3u8","metadata":{"posterUrl":"https://image.mux.com/OsyeDzY01K7fGy58Htlfw7Jgm01t800mi15Rgj2ZFXGC6c/thumbnail.webp?time=8.75","aspectRatio":"4:3","duration":16.316667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/uigqwrlq","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/ymf0g9if","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/ok9zauky","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-06-17T10:49:16.014Z","updatedAt":"2026-10-08T08:47:19.383Z","publishedAt":"2026-06-17T10:49:16.010Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/BxxHhYF","remixUrl":"https://framer.link/BxxHhYF","previewUrl":"https://orelle.framer.website/","categories":[{"id":13,"name":"Health","slug":"health"},{"id":224,"name":"Hair & Beauty","slug":"hair-and-beauty"},{"id":218,"name":"Free","slug":"free-website-templates"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":261,"name":"Typographic","slug":"typographic"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":13,"name":"Health","slug":"health"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T10:49:16.071Z","updatedAt":"2026-06-17T10:49:16.071Z","type":"post"},{"id":"019ed4af-1afd-764a-bdde-0162aa5b3557","title":null,"body":"

Free animated background component

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Free animated background component"}]}]},"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"3njtMRTKlChgENjtAgDZ","resolved":true,"title":"Commit Grid","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A grid that breathes.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"CommitGrid drops a soft, animated grid of tinted cells behind any section — an ambient background inspired by the GitHub commit graph, built for atmosphere rather than data. Set a single color and it generates the whole tonal scale for you; pick a motion pattern and it quietly comes alive."}]},{"type":"paragraph","content":[{"type":"text","text":"Eight motion patterns","marks":[{"type":"bold"}]},{"type":"text","text":" Every pattern is a different way for the cells to light up — choose the mood that fits your page:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flat","marks":[{"type":"bold"}]},{"type":"text","text":" — a still, evenly tinted grid (great as a quiet texture)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Twinkle","marks":[{"type":"bold"}]},{"type":"text","text":" — cells fade in and out at their own random rhythm"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ripple","marks":[{"type":"bold"}]},{"type":"text","text":" — concentric rings pulse out from a point you choose"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wave","marks":[{"type":"bold"}]},{"type":"text","text":" — a band of brightness sweeps across the grid"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scan","marks":[{"type":"bold"}]},{"type":"text","text":" — a single line sweeps through like a radar"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rain","marks":[{"type":"bold"}]},{"type":"text","text":" — streaks fall column by column"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spiral","marks":[{"type":"bold"}]},{"type":"text","text":" — a slow rotating pinwheel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Noise","marks":[{"type":"bold"}]},{"type":"text","text":" — an organic, drifting cloud of activity"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Tune it to your brand","marks":[{"type":"bold"}]},{"type":"text","text":" Simple controls, no code: base color (with opacity), cell size, gap, corner radius, animation speed, intensity, and max opacity. Set the speed to "},{"type":"text","text":"0","marks":[{"type":"bold"}]},{"type":"text","text":" to freeze any pattern into a static background, and choose an origin or direction for the directional patterns."}]},{"type":"paragraph","content":[{"type":"text","text":"Fast and considerate","marks":[{"type":"bold"}]},{"type":"text","text":" Rendered to a single canvas — not hundreds of DOM nodes — so it stays smooth even full-screen, on Safari included. It caps its own frame rate, pauses when scrolled off-screen, and respects "},{"type":"text","text":"prefers-reduced-motion","marks":[{"type":"bold"}]},{"type":"text","text":" by rendering a static grid for visitors who opt out of motion. Drop it in as a full-bleed background and put your content on top."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for","marks":[{"type":"bold"}]},{"type":"text","text":" Hero sections, headers, footers, CTAs, login screens, and empty states — anywhere a page needs a little life without stealing focus."}]}]},"introduction":"Set the background in motion.","slug":"commit-grid","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a1156c-7750-7253-a139-a20d8a214f39.webp","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-17T08:25:06.020Z","updatedAt":"2026-10-07T08:13:18.659Z","publishedAt":"2026-06-17T08:25:06.018Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/CommitGrid-rcY7xP.js@R4vTLQzV9Ev0EaTosl3o","previewUrl":"https://commitgrid.framer.website","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"R4vTLQzV9Ev0EaTosl3o","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":32,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T08:25:06.046Z","updatedAt":"2026-06-17T08:25:06.046Z","type":"post"},{"id":"019ed1d8-33b2-74d9-9b07-fbf179a0bf37","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"66554","resolved":true,"title":"Soflow","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Soflow is a modern SaaS landing page template designed for digital products, platforms, and online services that need a polished and conversion-oriented online presence. The project focuses on combining strong visual hierarchy, clean UI structure, and product-driven storytelling into a refined Framer experience inspired by contemporary software brands."}]},{"type":"paragraph","content":[{"type":"text","text":"The design embraces a calm, modern aesthetic built around large typography, structured dashboard previews, balanced spacing, and subtle visual accents. Rather than relying on excessive visual effects, the template prioritizes clarity, usability, and presentation quality — allowing product features, workflows, and analytics to remain the central focus of the experience."}]},{"type":"paragraph","content":[{"type":"text","text":"A modular section architecture allows the template to adapt to different types of products and business models without losing visual consistency. Dashboard previews, content blocks, pricing sections, testimonials, and feature layouts were designed to be easily reusable and customizable, helping teams launch polished marketing websites quickly and efficiently."}]},{"type":"paragraph","content":[{"type":"text","text":"By combining clarity, universality, and ease of customization, Soflow provides a strong foundation for companies looking to build a modern and professional digital presence in Framer."}]}]},"introduction":"Product/SaaS template","slug":"soflow","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a11807-62d4-7669-bdc0-5045dce6d699.webp","metadata":{"tint":{"h":240,"s":17,"l":19},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/gtjxbgdf","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/ue23hle6","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-16T19:11:07.642Z","updatedAt":"2026-10-07T20:21:45.815Z","publishedAt":"2026-06-16T19:11:07.632Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/K4vHsaH","remixUrl":"https://framer.link/K4vHsaH","previewUrl":"https://soflow.framer.website/","categories":[{"id":26,"name":"AI","slug":"ai"},{"id":2,"name":"SaaS","slug":"saas"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":112,"name":"Technology","slug":"technology"},{"id":210,"name":"Digital Products","slug":"digital-products"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":109,"name":"Modern","slug":"modern"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T19:11:07.700Z","updatedAt":"2026-06-16T19:11:07.700Z","type":"post"},{"id":"019eb639-65ac-70f1-bf34-711c7c3e4993","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"64619","resolved":true,"title":"Recueil","body":"$57","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Built for any product or service worth presenting well"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A premium Framer template designed around one idea: some brands need room to breathe. Whether you sell perfume, software, financial advice, ceramics, hotel stays, coaching programs or skincare, the structure holds — because it was designed for "},{"type":"text","text":"considered","marks":[{"type":"italic"}]},{"type":"text","text":" product presentation, not for any single industry."}]},{"type":"paragraph","content":[{"type":"text","text":"The default content tells the story of a fragrance atelier. Swap the copy and imagery and the same template carries a SaaS launch, a boutique hotel, a wellness studio, a consultancy, a fashion drop, a DTC food brand, or a service business that needs to feel quietly expensive."}]},{"type":"customHeading","content":[{"type":"text","text":"What's inside"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic hero with scroll-triggered video and animated logo reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three-step process flow — perfect for onboarding, \"how it works\", service stages or product journey"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Library grid — works for catalogues, menus, case studies, features, plans, ingredients or any visual collection"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Benefits & statistics sections with flowing animated counters"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two testimonial layouts — short pull-quote and long-form member story"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three-tier pricing ready for subscriptions, packages or service tiers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full FAQ with reusable question component"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom 404 page, privacy policy template"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Design system"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial typography pairing and a complete typography scale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Deep-blue palette with glass overlays — refined out of the box, effortless to retheme to any brand"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Built right"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive across desktop, tablet and phone breakpoints"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth scroll with custom reveal overrides"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reusable components for fast page-building"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Who it's for"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Subscription brands — beauty, food, wine, coffee, books, flowers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"DTC product brands that want to feel atelier, not e-com"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Boutique services — hotels, spas, studios, agencies, coaches"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS & digital products that lead with craft over hype"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Consultants and creative practices building a single, considered site"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Designed to be customised, not just recoloured. The structure is the template — the copy and category come from you."}]}]},"introduction":"Premium product & service template","slug":"recueil","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a117ff-a342-77ba-8734-1cd0c6373436.webp","metadata":{"tint":{"h":220,"s":50,"l":19},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/M0001xJ8ZUwm9oMAUGboeNKSZJBWcaghZLNisXPTF02dL00.m3u8","metadata":{"posterUrl":"https://image.mux.com/M0001xJ8ZUwm9oMAUGboeNKSZJBWcaghZLNisXPTF02dL00/thumbnail.webp?time=5.405","aspectRatio":"4:3","duration":10.1101}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/64619/recueil-7OeLUAes4sDDI6BUSNLp0mYdjbEECF","metadata":{"tint":{"h":240,"s":40,"l":16},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/64619/recueil-4k9RmlUc6XBxiS9AqUMXa9SrY8ZA7Y","metadata":{"tint":{"h":225,"s":44,"l":14},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/64619/recueil-emdrBYenY8PFVpEywUULH6pSOUWeRz","metadata":{"tint":{"h":210,"s":40,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-14T21:56:18.090Z","updatedAt":"2026-10-07T20:13:16.834Z","publishedAt":"2026-06-11T10:27:55.436Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/Q9XSMxm","remixUrl":"https://framer.link/Q9XSMxm","previewUrl":"https://recueil.framer.website/","categories":[{"id":224,"name":"Hair & Beauty","slug":"hair-and-beauty"},{"id":218,"name":"Free","slug":"free-website-templates"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":261,"name":"Typographic","slug":"typographic"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":275,"name":"Beauty","slug":"beauty"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":57,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-11T10:27:55.436Z","updatedAt":"2026-06-11T10:27:55.436Z","type":"post"},{"id":"019e6556-29f0-7497-9a26-af5692916076","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"A0mQ7AReUudYhUlPb9E8","resolved":true,"title":"CMS Gallery Carousel","body":"$58","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Overview"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"CMS Gallery Carousel is a wrapper that turns your Framer CMS gallery into a polished, draggable horizontal carousel. Built for the most common Framer use case: showing a row of project or product images from a CMS where the images come in different aspect ratios and you don't want to crop, mask, or hand-size every one."}]},{"type":"customHeading","content":[{"type":"text","text":"What it does"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-fits every image in the slotted row to a single shared height — portraits and landscapes line up side by side without manual cropping."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Draggable with momentum and an elastic bounce at the edges (configurable)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional left/right arrow buttons that fade in only when there's content to scroll to in that direction."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional thin scrollbar indicator that tracks drag progress."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in click-vs-drag detection: a horizontal swipe never triggers a click on a child link, so dragging through a gallery never accidentally opens a project page."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for:"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcasing large imagery in creative portfolio presentations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image-rich case studies and project pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial layouts with mixed-aspect visuals"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any CMS-driven gallery where photos vary in size and shape"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customization"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scrollbar on/off"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Elasticity (0 = hard stop, 1 = full bounce)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Arrows on/off, with per-click scroll distance, size, color, background, and border radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works with any height you set on the container"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to use it"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Build your CMS gallery row as you normally would."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop in the CMS Gallery Carousel, set the width and a fixed height."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Slot your CMS row into the Content slot."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tune arrows, scrollbar, and elasticity in the property panel."}]}]}]}]},"introduction":"Turn CMS galleries into carousels","slug":"cms-gallery-carousel","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a11594-95db-77ca-9698-ab7b07164333.webp","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-04T21:16:33.778Z","updatedAt":"2026-10-07T08:57:08.899Z","publishedAt":"2026-05-26T17:30:06.192Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://gallerycarousel.framer.website","price":"9","paymentUrl":"https://filipbanasiak.lemonsqueezy.com/checkout/buy/3b0dce6f-01a1-407f-8ecc-e6a24d798059","workshop":true,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"HDOGFRCmPVqPgnqVjvI7","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-26T17:30:06.192Z","updatedAt":"2026-05-26T17:30:06.192Z","type":"post"},{"id":"019e2663-95c6-7197-964b-9f723affb9dc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"62842","resolved":true,"title":"Mood Design","body":"$59","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"A Minimal Portfolio That Lets Your Work Shine"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The design feels calm and understated at first glance — but behind that simplicity is a powerful layout system designed specifically for visual storytelling. Large full-width grids, immersive project pages, and flexible gallery layouts allow images to take center stage."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for photographers, interior designers, architects, and visual studios, Mood Design turns your portfolio into an elegant visual experience."}]},{"type":"customHeading","content":[{"type":"text","text":"Designed for Image-Driven Work"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Mood Design focuses on showcasing projects in the most effective way possible."}]},{"type":"paragraph","content":[{"type":"text","text":"Projects use large full-width masonry galleries that create a natural visual flow, making it easy for visitors to explore your work. Images scale beautifully across screen sizes and maintain strong visual rhythm throughout the site."}]},{"type":"customHeading","content":[{"type":"text","text":"Powerful Custom Components"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Mood Design includes custom-built components designed specifically for visual portfolios."}]},{"type":"customHeading","content":[{"type":"text","text":"Span Grid"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A full-width image grid that arranges photography across a 12-column system with configurable column spans and row heights. This allows you to create dynamic editorial-style layouts where images can expand, combine, and adapt to each project."}]},{"type":"customHeading","content":[{"type":"text","text":"Draggable CMS Gallery"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A horizontally scrolling gallery powered by Framer CMS. Visitors can drag to explore images, creating a smooth and intuitive browsing experience while allowing you to easily manage content directly from the CMS."}]},{"type":"customHeading","content":[{"type":"text","text":"Built for Creative Flexibility"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Although originally designed for interior design and architecture studios, Mood Design easily adapts to many creative disciplines:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photographers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interior designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Architects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visual artists"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designers and portfolios"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"The Idea Behind Mood Design"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Mood Design was created to feel quiet and restrained, allowing the work itself to define the personality of the website."}]},{"type":"paragraph","content":[{"type":"text","text":"Instead of overwhelming visitors with heavy design, the template provides a clean architectural framework that elevates images, projects, and visual storytelling."}]}]},"introduction":"Minimal portfolio for visual work","slug":"mood-design","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a11800-38f5-732d-a34a-b6e31511bde0.webp","metadata":{"tint":{"h":0,"s":0,"l":17},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62842/mood-design-IFrMqJwpfJHRCudztq8YmyB8Z7i3hb","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62842/mood-design-AxHYnBVFNo2z7EtR43LKoFnOWXfBG7","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62842/mood-design-mOvHA6EywKcm8KWmpXkIJMn2T3MSEm","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-21T20:54:18.193Z","updatedAt":"2026-10-07T20:13:56.807Z","publishedAt":"2026-05-14T12:08:41.158Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":"39","paymentUrl":"https://filipbanasiak.lemonsqueezy.com/checkout/buy/d82dc93b-7ad4-4504-b312-d857940d5b28","remixUrl":null,"previewUrl":"https://mooddesign.framer.website/","categories":[{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":187,"name":"Architecture","slug":"architecture"},{"id":230,"name":"Interior Design","slug":"interior-design"}],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":247,"name":"Professional","slug":"professional"},{"id":261,"name":"Typographic","slug":"typographic"},{"id":239,"name":"Monochromatic","slug":"monochromatic"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":187,"name":"Architecture","slug":"architecture"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-14T12:08:41.158Z","updatedAt":"2026-05-14T12:08:41.158Z","type":"post"},{"id":"019dd0b7-5d39-7cd8-95f9-8bbc0ee0fdc3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"sDkfIxwLoXp2EsThcZOI","resolved":true,"title":"SpanGrid","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Build expressive, asymmetric grids in Framer—without manually rebuilding every layout for every breakpoint."}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"SpanGrid turns CMS items, components, or images into a flexible 12-column bento grid.","marks":[{"type":"bold"}]},{"type":"text","text":" Choose how many columns each item should span, and the component automatically wraps content onto new rows and fills available gaps to keep the composition compact."}]},{"type":"paragraph","content":[{"type":"text","text":"What you can do:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Create portfolio grids, project case studies, image galleries, feature sections, logo walls, and editorial layouts "}]},{"type":"paragraph","content":[{"type":"text","text":"• Set an individual column span from 1–12 for every item "}]},{"type":"paragraph","content":[{"type":"text","text":"• Use Canvas Items for CMS content and Framer components, or switch to Images for quick responsive galleries"}]},{"type":"paragraph","content":[{"type":"text","text":"• Keep layouts dynamic as CMS content changes"}]},{"type":"paragraph","content":[{"type":"text","text":"• Automatically switch component variants at your chosen mobile breakpoint with the included variantFromGrid override"}]},{"type":"paragraph","content":[{"type":"text","text":" • Set variants individually when a specific item needs different behavior "}]},{"type":"paragraph","content":[{"type":"text","text":"• Enable container-aware scaling to preserve row proportions inside full-width sections or narrower columns "}]},{"type":"paragraph","content":[{"type":"text","text":"• Adjust row height, horizontal and vertical gaps, padding, corner radius, and mobile breakpoint with native Framer controls"}]},{"type":"paragraph","content":[{"type":"text","text":"One component, two workflows, and far more visual freedom than a uniform grid.","marks":[{"type":"bold"}]}]}]},"introduction":"Asymmetric bento grid","slug":"spangrid","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/sDkfIxwLoXp2EsThcZOI/spangrid-t4htpGT5nChG4hHpi3gKaYhIxX7kLQ","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-25T21:38:21.211Z","updatedAt":"2026-08-04T10:54:53.251Z","publishedAt":"2026-04-27T20:52:51.129Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://spangrid.framer.website/","price":"9","paymentUrl":"https://filipbanasiak.lemonsqueezy.com/checkout/buy/726ab076-7a5a-4e2a-83a7-b8277e83ca39","workshop":true,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"p3PrdvVlXr8pbyxAYSKJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-27T20:52:51.129Z","updatedAt":"2026-04-27T20:52:51.129Z","type":"post"},{"id":"019d8fd3-b1b2-7e63-81ab-73d5f8b5bf28","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"sMv0t8Za2H1AbLT1vXpg","resolved":true,"title":"Scroll Blur Overlay","body":"$5b","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"This component applies a dynamic backdrop blur that increases as users scroll, mimicking the frosted glass effect found throughout iOS interfaces."}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Key Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth, performance-optimized blur tied to scroll position"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"iOS-style backdrop blur for a premium native app feel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Viewport-relative positioning — works under sections of any height, including 100vh heroes, with no manual pixel offset"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"\"Extend Above\" mode to blur the section above instead of its own section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Threshold in px or vh, so the effect feels consistent across screen sizes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive on all screen sizes and breakpoints"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customizable Properties:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background Color:","marks":[{"type":"bold"}]},{"type":"text","text":" overlay tint color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Opacity:","marks":[{"type":"bold"}]},{"type":"text","text":" overlay transparency (0–1)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Max Blur:","marks":[{"type":"bold"}]},{"type":"text","text":" maximum blur intensity (0–50px)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Start Line:","marks":[{"type":"bold"}]},{"type":"text","text":" viewport point (0–100vh) where blur begins"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Threshold:","marks":[{"type":"bold"}]},{"type":"text","text":" scroll distance to reach max blur, in px or vh"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Extend Above:","marks":[{"type":"bold"}]},{"type":"text","text":" shifts the overlay up by its own height to blur the section above it"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How It Works:","marks":[{"type":"bold"}]},{"type":"text","text":" Place the component inside a section — it automatically tracks its own position relative to the viewport, no offset math needed. Blur starts at your Start Line and increases until your Threshold, creating a smooth transition. Enable Extend Above for sticky-stacked layouts or full-height heroes."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect For:","marks":[{"type":"bold"}]},{"type":"text","text":" Designers adding sophisticated iOS-inspired scroll interactions without code, for full-screen heroes and sticky-stacked layouts."}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]},{"type":"text","text":" Due to the digital nature of this product, all sales are final and non-refundable. Refunds are only provided if there is a documented technical issue where the component does not work as intended or as described. Refunds will not be issued if the component works correctly but does not meet your expectations or does not work the way you would prefer."}]}]},"introduction":"Stunning scroll based blur effect","slug":"scroll-blur-overlay","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a11811-ea1a-73c1-85e4-36a9db94798a.webp","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-11T20:14:08.530Z","updatedAt":"2026-10-07T20:33:15.782Z","publishedAt":"2026-04-15T06:28:28.722Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scrollbluroverlay.framer.website","price":"7","paymentUrl":"https://filipbanasiak.lemonsqueezy.com/checkout/buy/1839ee21-d117-4374-ba36-47d1a333dd6c","workshop":true,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"uLEPmIXuheouvKWV96tU","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":32,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-15T06:28:28.722Z","updatedAt":"2026-04-15T06:28:28.722Z","type":"post"},{"id":"019d2f95-c2e8-7afc-94b4-4178e75d452b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"14259","resolved":true,"title":"Kontekst","body":"$5c","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"A modern website redesign for a specialized translation services provider, transforming an outdated platform into a visually refined and engaging digital experience."}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Challenge"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The goal of the project was to replace the company’s outdated website with a modern, visually engaging platform that better reflects the professionalism and scale of their services. The new site introduces contemporary design, subtle motion, and carefully crafted visual elements while maintaining clarity across a large amount of structured information."}]},{"type":"paragraph","content":[{"type":"text","text":"The previous website no longer reflected the quality and expertise of the Kontekst brand. Its design felt dated, the structure had grown complex over time, and the visual presentation did little to communicate the company’s technological competence and international reach."}]},{"type":"paragraph","content":[{"type":"text","text":"The challenge was to modernize the entire digital presence while improving content clarity and maintaining accessibility across numerous service pages and industry sectors. At the same time, the redesign had to be completed within a relatively tight schedule."}]},{"type":"customHeading","content":[{"type":"text","text":"Solution"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Using Framer as the development platform allowed the project to move quickly while maintaining flexibility in design and implementation. The new website introduces a refined layout system and contemporary visual language that elevates the brand’s digital presence."}]},{"type":"paragraph","content":[{"type":"text","text":"Subtle animations, animated iconography, and a lightweight particle system add depth and movement across the interface, giving the site a modern and technologically sophisticated feel. Carefully selected imagery and improved typography help structure the content and guide users through the platform more intuitively."}]},{"type":"paragraph","content":[{"type":"text","text":"The new website successfully transforms Kontekst’s digital presence into a modern platform aligned with today’s design standards."}]}]},"introduction":"A modern website redesign for a specialized translation services provider, transforming an outdated platform into a visually refined and engaging digital experience.","slug":"kontekst","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10da1-d65b-71aa-a36d-87c6f802657d.webp","metadata":{"tint":{"h":20,"s":30,"l":16},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a0fe02-a4d0-77ba-a080-19382a5ef17a.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a0fe02-a47c-7016-9221-634e527b5dfb.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a0fe07-a0b6-731b-88d7-b5613fe123dd.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-27T13:57:17.159Z","updatedAt":"2026-10-05T19:54:39.392Z","publishedAt":"2026-03-27T13:57:17.160Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.kontekst.com","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},"styles":[{"id":"303f0ab5-6ac2-43e9-8257-f08773521d38","name":"Corporate","slug":"corporate"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-27T13:57:17.160Z","updatedAt":"2026-03-27T13:57:17.160Z","type":"post"},{"id":"019cb862-ab86-7d24-a0ac-9d3263601f7e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"13607","resolved":true,"title":"Healing Minds","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"A visually rich, carefully art-directed website for Healing Minds, combining subtle animations, immersive imagery, and tailored layouts to create a distinctive and emotionally resonant digital presence."}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Challenge"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Healing Minds offers a wide range of psychology and psychotherapeutic services, addressing sensitive and deeply personal topics. The goal was to move beyond the typical clinical, minimal, “white-and-blue” therapy website and instead create something visually expressive, warm, and distinctive, while maintaining clarity, trust, and accessibility."}]},{"type":"paragraph","content":[{"type":"text","text":"Websites in the psychology space often rely on safe, neutral layouts with stock imagery and minimal personality. While such solutions feel familiar, they rarely capture the individuality or emotional depth behind the practice itself. Healing Minds needed a platform that would build trust while also expressing character and sensitivity."}]},{"type":"paragraph","content":[{"type":"text","text":"The core challenge was to deliver something visually rich without overwhelming users. In a space centered around comfort and emotional safety, the interface had to remain calm, intuitive, and accessible, even while embracing a more expressive aesthetic direction."}]},{"type":"customHeading","content":[{"type":"text","text":"Solution"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Using an advanced, sophisticated Framer template as the technical starting point allowed for rapid development while maintaining structural integrity. However, the default sections were heavily reworked to better present the wide array of services and to establish a more distinctive visual language."}]},{"type":"paragraph","content":[{"type":"text","text":"Large, art-directed imagery plays a central role in shaping the mood of the site, creating atmosphere and emotional resonance from the very first scroll. Subtle animations and gentle transitions introduce rhythm and flow, enhancing the experience without distracting from the content."}]}]},"introduction":"A visually rich, carefully art-directed website for Healing Minds, combining subtle animations, immersive imagery, and tailored design to create a distinctive and emotionally resonant digital presence.","slug":"healing-minds","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a112ff-104f-71f0-9cc2-3a7b064915ec.webp","metadata":{"tint":{"h":210,"s":15,"l":20},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10854-01ca-737a-aa15-912d1af5596a.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10854-0203-7187-81e4-d73aab91416c.jpg","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a107eb-2625-762a-aca1-64c414e3a5af.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10854-01dd-7257-bba5-72ec54a4b11e.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-04T10:26:40.133Z","updatedAt":"2026-10-06T20:54:35.235Z","publishedAt":"2026-03-04T10:26:40.134Z","featuredAt":"2026-10-15T11:39:18.493Z","approvedAt":null,"type":"site","attributes":{"url":"https://www.healingminds.pl/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":{"id":"a79836f3-3253-429e-a9c7-12ecf6e292c6","name":"Medical","slug":"medical"},"styles":[{"id":"f6b38aae-3e34-4a17-be62-36096901f638","name":"Calm","slug":"calm"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-04T10:26:40.134Z","updatedAt":"2026-03-04T10:26:40.134Z","type":"post"},{"id":"019ab1a5-62cd-72da-b838-65ab5fda6af7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"10083","resolved":true,"title":"Nyquista","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"A cohesive branding and website project for Nyquista, pairing a refined visual identity with a smooth digital experience featuring modern layouts and elegant animations."}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Challenge"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Nyquista is an innovative company specializing in premium acoustic panels designed to improve office comfort and elevate home audio-visual experiences. The project involved not only building a modern, interactive website, but also developing a complete, contemporary visual identity that could match the brand’s craftsmanship, engineering precision, and design-driven mindset."}]},{"type":"paragraph","content":[{"type":"text","text":"Acoustic products are often presented in a highly technical or visually outdated way, making it difficult for brands like Nyquista to communicate both performance and aesthetic value. Without a cohesive brand identity or a strong digital presence, the company risked blending into a crowded market where design, credibility, and clarity heavily influence purchasing decisions. Nyquista needed a unified visual system and a website that could showcase its panels as both functional and beautifully crafted design objects."}]},{"type":"customHeading","content":[{"type":"text","text":"Solution"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The project began with developing a clean, modern brand identity built around precision, clarity, and modularity, echoing the qualities of Nyquista’s acoustic products."}]},{"type":"paragraph","content":[{"type":"text","text":"The website was designed using a contemporary layout structure, including bento-style grids, generous spacing, and high-quality product visuals. Custom interactions, scroll-triggered animations, and subtle motion elements were introduced to highlight material quality and acoustic performance without overwhelming users. Product categories, use-cases, and technical data were organized into an intuitive, responsive system that adapts seamlessly across devices."}]},{"type":"paragraph","content":[{"type":"text","text":"The result is a cohesive, design-forward brand and website that positions Nyquista as a modern, trustworthy leader in the acoustic solutions market, balancing technical depth with visual sophistication."}]}]},"introduction":"A cohesive branding and website project for Nyquista, pairing a refined visual identity with a smooth, responsive digital experience featuring modern layouts and elegant animations to elevate their acoustic product line","slug":"nyquista","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10da1-3429-7758-88c7-5c89dbb0e450.webp","metadata":{"tint":{"h":180,"s":17,"l":19},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10891-4f84-76fd-a267-84d0d58c8033.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10890-4da5-7525-9bda-4db08f623a9c.png","metadata":{"tint":{"h":0,"s":0,"l":16},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10891-4f8e-704a-a067-c953dd973047.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10890-4512-766f-ba16-023f52d54145.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":3200,"height":2400}}],"post":null,"createdAt":"2025-11-23T16:56:37.324Z","updatedAt":"2026-10-05T19:53:55.759Z","publishedAt":"2025-11-23T16:56:37.325Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.nyquista.pl/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},"styles":[{"id":"303f0ab5-6ac2-43e9-8257-f08773521d38","name":"Corporate","slug":"corporate"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-23T16:56:37.325Z","updatedAt":"2025-11-23T16:56:37.325Z","type":"post"},{"id":"0199fcc1-da20-76b0-ba35-c2d5a86d2dca","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"9046","resolved":true,"title":"Goodspeed","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"A multilingual website for Goodspeed, combining video, animations, and interactive storytelling to showcase their full spectrum of IT, catering, and logistics solutions"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Challenge"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Goodspeed is a major logistics and technology provider, offering solutions that span from advanced IT systems for dietary catering businesses to large-scale food and pharmaceutical logistics. With such a diverse portfolio of services, ranging from digital platforms for caterers to highly specialized logistics operations, Goodspeed faced the challenge of presenting its brand in a way that felt cohesive, clear, and trustworthy. Their previous online presence lacked the ability to communicate both the innovative side of their IT products and the reliability of their logistics services. In addition, they needed a multilingual platform capable of addressing multiple markets with consistency and professionalism."}]},{"type":"customHeading","content":[{"type":"text","text":"Solution"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The new website was designed and developed in Framer to deliver a polished, future-proof digital experience. A video header and dynamic animations highlight Goodspeed’s innovative processes, while modular layouts structure the complex service offering into an accessible narrative. Custom interactive sections present their IT solutions, dietary marketplace, and logistics services in a way that is both engaging and easy to navigate. The multilingual architecture allows seamless switching between Polish, Czech, and English, ensuring relevance for different audiences. Together, the design and development establish Goodspeed as a market leader, combining innovation, scale, and clarity in one digital platform."}]}]},"introduction":"A multilingual website for Goodspeed, combining video, animations, and interactive storytelling to showcase their full spectrum of IT, catering, and logistics solutions","slug":"goodspeed","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a112ff-a76b-77f9-8145-143eb67ca52d.webp","metadata":{"tint":{"h":240,"s":19,"l":25},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10898-97dd-73e4-9418-4dc7d932a606.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10803-1f58-764a-8093-bb75280e67a6.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10803-1f06-7397-99fc-e1ef12063700.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a1089d-4e3c-773f-b247-b620907dc7ba.png","metadata":{"tint":{"h":240,"s":53,"l":70},"width":3200,"height":2400}}],"post":null,"createdAt":"2025-10-19T13:56:26.781Z","updatedAt":"2026-10-06T20:55:12.326Z","publishedAt":"2025-10-19T13:56:26.784Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.goodspeed.pl/","categories":[],"mainCategory":{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},"styles":[{"id":"303f0ab5-6ac2-43e9-8257-f08773521d38","name":"Corporate","slug":"corporate"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-19T13:56:26.784Z","updatedAt":"2025-10-19T13:56:26.784Z","type":"post"},{"id":"0199fc98-c009-7282-bb8f-acb50a4f3a8b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"9045","resolved":true,"title":"Mycovibes","body":"$60","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Website for MycoVibes, combining dynamic data visualization, scroll-triggered storytelling, and bespoke design sections to showcase shiitake mycoprotein as the next-generation protein source."}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Challenge"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"As a biotech brand entering a competitive and highly innovative market, MycoVibes needed a website that could do more than just present basic information. The challenge was to communicate a complex scientific product in a way that felt accessible and engaging for a wide audience, ranging from potential partners to conscious consumers. Standard template structures lacked the flexibility to showcase scientific depth, product benefits, and the startup’s bold vision simultaneously."}]},{"type":"customHeading","content":[{"type":"text","text":"Solution"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The site was built in Framer with significant customizations to extend the base template far beyond its defaults. Bespoke sections were designed to present the product visually through scroll-triggered animations, guiding users step by step through the shiitake mycoprotein story. Dynamic charts and data visualizations were integrated to display nutritional and environmental benefits clearly, reinforcing trust and credibility. The result is a polished, responsive, and scalable platform that balances scientific depth with storytelling impact, positioning Mycovibes as a forward-looking player in sustainable nutrition."}]}]},"introduction":"Website for MycoVibes, combining dynamic data visualization, scroll-triggered storytelling, and bespoke design sections to showcase shiitake mycoprotein as the next-generation protein source.\n","slug":"mycovibes","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a112fe-5cd2-753d-a602-f8519dd0b6d8.webp","metadata":{"tint":{"h":120,"s":15,"l":20},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10805-3298-72a9-8f96-9ad340b5f05d.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10805-3234-711f-a183-3d42d5225ca5.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10805-327c-765d-a70b-aa8be6147675.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10805-3288-762b-aab2-c9dd9e08490b.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-19T13:11:33.128Z","updatedAt":"2026-10-06T20:53:51.161Z","publishedAt":"2025-10-19T13:11:33.129Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.mycovibes.eu/","categories":[{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"},{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},"styles":[{"id":"303f0ab5-6ac2-43e9-8257-f08773521d38","name":"Corporate","slug":"corporate"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-19T13:11:33.129Z","updatedAt":"2025-10-19T13:11:33.129Z","type":"post"},{"id":"01991e2e-8968-7a44-9ee4-ca67726bd0a9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"7935","resolved":true,"title":"Stolarnia Sulejówek","body":"$61","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Full branding and a responsive website for Stolarnia Sulejówek, combining a custom logo and elegant digital experience to showcase premium carpentry services with clarity and visual impact."}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Challenge"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"For a bespoke carpentry workshop like Stolarnia Sulejówek, presenting craftsmanship, precision, and the full scope of services in a way that resonates online is essential, but often missed. Without a strong brand identity or a clear digital experience, even the highest-quality woodwork can go unnoticed or undervalued. The challenge was to create not only a refined website, but also a distinctive visual brand that communicates trust, quality, and attention to detail, helping the studio stand out in a competitive, often visually outdated market."}]},{"type":"customHeading","content":[{"type":"text","text":"Solution"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The project began with creating a tailored brand identity, including a clean, modern logo that reflects the workshop’s precision and craftsmanship while remaining timeless and versatile. This visual foundation informed the website’s entire design language. Built in Framer, the site combines polished UI with intuitive UX: large-format project photography highlights detail and materiality, while a modular layout guides visitors smoothly through services, process, and past realizations. Scroll-triggered interactions add subtle energy without distraction, and thoughtful typography reinforces professionalism. On mobile, the layout adjusts seamlessly, preserving both aesthetic and function. Together, the branding and website deliver a complete, cohesive experience that mirrors the care and skill of Stolarnia Sulejówek’s real-world work."}]}]},"introduction":"Full branding and a responsive website for Stolarnia Sulejówek, combining a custom logo and elegant digital experience to showcase premium carpentry services with clarity and visual impact.","slug":"stolarnia-sulej-wek","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10d6a-0d97-7609-ba19-7fa4674b542a.jpg","metadata":{"tint":{"h":0,"s":7,"l":28},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/8KLeI9DB3YGS9SjWCXCvnuREVPuFvC1VBf2eLsw02BdM.m3u8","metadata":{"posterUrl":"https://image.mux.com/8KLeI9DB3YGS9SjWCXCvnuREVPuFvC1VBf2eLsw02BdM/thumbnail.webp?time=8.733","aspectRatio":"4:3","duration":12.9}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10805-cb26-76c9-bc9e-01d11dfa82ea.jpg","metadata":{"tint":{"h":0,"s":0,"l":36},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10805-ca7f-77ad-9137-f2ddea01a280.jpg","metadata":{"tint":{"h":0,"s":0,"l":36},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10805-caac-7189-86c0-fcf4b95722b8.jpg","metadata":{"tint":{"h":0,"s":0,"l":36},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-06T08:39:50.374Z","updatedAt":"2026-10-05T18:53:41.303Z","publishedAt":"2025-09-06T08:39:50.376Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://stolarniasulejowek.pl/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":{"id":"3b2881c5-bbfb-430d-83f6-b1b0ac597b8d","name":"Ecommerce","slug":"ecommerce"},"styles":[{"id":"303f0ab5-6ac2-43e9-8257-f08773521d38","name":"Corporate","slug":"corporate"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-06T08:39:50.376Z","updatedAt":"2025-09-06T08:39:50.376Z","type":"post"},{"id":"01991e2b-a654-7826-9229-37064fd57be7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"7934","resolved":true,"title":"Golfmasters","body":"$62","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"A bold, high-conversion website for Golf Masters, showcasing premium golf green installations and simulators through a clean, responsive, and user-focused digital experience."}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Challenge"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Golf simulator and outdoor green installation services are often complex, high-value offerings that rely heavily on trust, visual impact, and clear communication to convert interest into action. For a premium brand like Golf Masters, which specializes in transforming private spaces into custom golfing environments, a standard or text-heavy website simply won’t convey the aspirational lifestyle, technical expertise, and precision involved. Visitors need to understand the product quickly, feel inspired by the possibilities, and be guided seamlessly toward inquiry or consultation."}]},{"type":"customHeading","content":[{"type":"text","text":"Solution"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Golfmasters is a bold, high-impact Framer website designed to meet those needs with clarity and confidence. The visual design leads with full-width imagery and clean, assertive typography. The layout is intentionally paced: hero sections grab attention, followed by modular content blocks that highlight indoor and outdoor offerings, showcase installations, and reinforce the brand’s premium positioning through testimonials, process steps, and clear calls to action."}]},{"type":"paragraph","content":[{"type":"text","text":"The UX design prioritizes simplicity and flow. Navigation is kept minimal and anchored, allowing users to explore without distraction. On mobile, the experience remains seamless, with layout adjustments and performance optimization ensuring that every key interaction, from scrolling galleries to contacting the team, feels intuitive and responsive."}]},{"type":"paragraph","content":[{"type":"text","text":"The final product is more than just a website: it’s a tailored digital experience that positions Golf Masters as a market leader. By combining sharp design with smart usability, the site transforms interest into inquiry and turns high-end golf installations into a compelling, accessible lifestyle proposition."}]}]},"introduction":"A bold, high-conversion Framer website for Golf Masters, showcasing premium golf green installations and simulators through a clean, responsive, and user-focused digital experience.","slug":"golfmasters","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/zyi01ehmWb74WikIVlO7S01dakGH6Rpwdc1EE8ZR5UDGQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/zyi01ehmWb74WikIVlO7S01dakGH6Rpwdc1EE8ZR5UDGQ/thumbnail.webp?time=2.267","aspectRatio":"4:3","duration":8.066667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10806-6ed9-7640-a5fc-dfa09c15e8f5.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10806-6e79-740a-ad30-0e8c561c0b53.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10806-6eff-703f-9b18-826d755fbb21.jpg","metadata":{"tint":{"h":160,"s":75,"l":13},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10806-6e8d-759c-a1e3-227afbba7372.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-06T08:36:41.172Z","updatedAt":"2026-10-05T18:05:37.448Z","publishedAt":"2025-09-06T08:36:41.172Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.golfmasters.pl/","categories":[{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"},{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"styles":[{"id":"303f0ab5-6ac2-43e9-8257-f08773521d38","name":"Corporate","slug":"corporate"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-06T08:36:41.172Z","updatedAt":"2025-09-06T08:36:41.172Z","type":"post"},{"id":"01991bdb-d3ea-7e80-85bb-e5a4be9237d2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"7927","resolved":true,"title":"Foodango Landing","body":"$63","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Developed a responsive, API-integrated landing page in Framer for Foodango, translating a client-provided design into a dynamic and easily editable user experience."}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Challenge"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Foodango’s “Okazje dla nowych” landing page needed to convert new users with special offers, but the challenge was to turn a visually rich, client-provided design into a performant, maintainable, and easily updatable web experience. The site required seamless integration with external APIs to dynamically display offers, while still being lightweight, responsive, and editable by non-technical team members. A rigid or code-heavy solution would risk limiting flexibility and slowing down future content changes or marketing updates."}]},{"type":"customHeading","content":[{"type":"text","text":"Solution"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The final site was developed in Framer, faithfully translating the client’s design into a fast, responsive, and conversion-optimized landing page. Custom components were structured for clarity and modularity, allowing content to be updated easily without breaking layout integrity. Advanced external API integration was implemented to enable dynamic content delivery, such as real-time offer data, while maintaining performance and visual consistency. Special attention was given to editable zones within Framer, empowering the client team to adjust texts, images, and CTAs independently, without developer intervention. The result is a maintainable, user-friendly landing page that remains visually strong and technically scalable."}]},{"type":"customHeading","content":[{"type":"text","text":"Client feedback"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"\"Working with Filip was smooth and highly rewarding. Our visual design was translated into a live site with exceptional precision. Just as importantly, Filip brought a fresh perspective to the project, offering subtle yet thoughtful interaction ideas that elevated the final experience.\""}]},{"type":"paragraph","content":[{"type":"text","text":"Foodango Design Team"}]}]},"introduction":"Developed a responsive, API-integrated landing page in Framer for Foodango. The page goal is to convert new users with special offers. The site required seamless integration with external APIs to dynamically display content. ","slug":"foodango-landing","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/PdWdkXigk01tGLi8PiCMYVgbz4uE4QinheAOkdw8wDwA.m3u8","metadata":{"posterUrl":"https://image.mux.com/PdWdkXigk01tGLi8PiCMYVgbz4uE4QinheAOkdw8wDwA/thumbnail.webp?time=1.167","aspectRatio":"4:3","duration":6.3}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10807-1e78-766f-81d1-c1d557f4418e.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10807-1e32-729d-90fd-f47371be425d.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10807-1e38-71b3-b81e-b8fd4d5c4ce4.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a10807-1e49-740a-9a4d-c4e8c4264df0.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-05T21:50:15.529Z","updatedAt":"2026-10-05T08:40:55.144Z","publishedAt":"2025-09-05T21:50:15.530Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://foodango.pl/okazje-dla-nowych/","categories":[{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"}],"mainCategory":{"id":"554ce744-69c0-4bf8-b943-d467c50677fb","name":"Hospitality","slug":"hospitality"},"styles":[{"id":"303f0ab5-6ac2-43e9-8257-f08773521d38","name":"Corporate","slug":"corporate"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-05T21:50:15.530Z","updatedAt":"2025-09-05T21:50:15.530Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L64"}]