Charlota Blunárová

being a one-person studio used to cap how much i could take on. not anymore.

The new Framer Agent speeds up my workflows so i can focus on the fun parts of web design. 🙌

In my first test run, i had the Agent:

✅ adapt my desktop design to mobile and tablet breakpoints

✅ clean up my fonts into consistent text styles across the whole site (oh god i needed this)

✅ write alt text for every image

✅ build a nav bar from scratch off an image reference i pasted in

✅ brainstorm and create layout variations for a web section

✅ turn a few images into a sleek rotating card stack animation

and all of it happened in minutes, on the actual website, the place where i already design, edit and maintain. the Framer Agent moves faaaast, which means i can ship bolder, more creative ideas. 🤝

I've been building brand tools with AI lately and it's the most fun i've had with design in years. not generating finished assets, but building the generator that makes on-brand textures / patterns / key visuals on demand.

turns out, many designers are vibecoding tools like this!

so i'm starting a running thread to collect the good ones. LINK to X ->

i'd been quietly manifesting an office space for months. apparently the universe took notes, because one came up for rent on my own street! great light, lots of space, two minutes from my front door.moved in a table, a chair, a few objects; that's the whole setup so far.

my first real studio space, and it landed basically next door. i'll take it!

Screenshot this & don't forget to add it to your next brand design guidelines:

Color usage ratio!

Instead of only presenting a set of color swatches, show the palette in proportion. Because colors are not just a list of options. They form a system. This is why I sometimes include literal pie chart in brand guidelines. (this one was made with Framer!)

The chart makes visible how the brand is meant to behave over time.

-> The largest slice represents the default surface.

-> The medium slices support and structure the system.

-> The smallest slice is the accent, an intentional interrupt that only works when used sparingly.

When this logic isn’t made explicit, teams are forced to guess, accents slowly turn into backgrounds, and backgrounds lose their quiet role. And the brand drifts without anyone noticing.

Most brand guidelines tell you what colors exist.

Very few tell you how they should behave.

Cloud shader, like a sky on a perfect summer day, built in @Framer (remix link below!).

Some tips :

- start with the Wave Shader -> change the Seed to get different cloud types. Useful for variety if you use the shader across a few sections.

- shaders load a millisecond after the page does. So I added an Appear effect to the shader itself, plus a rectangular background in blue behind it, so the clouds fade in clean.

so excited to port over my design series: Working Notes!

It's all about the tiny heuristics, visual judgment calls, and lessons learned from my time at IDEO and running my design practice. With all the mistakes and re-do’s. The stuff that helps you escape junior mode.

I'll keep posting those mini lessons here; feedback, questions, all are appreciated!