The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
A bookmarklet that draws a 1px red outline on every element on any page—spot layout and alignment issues instantly while you build.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
A high-end Kajabi landing page, built in just a few prompts with Pro Studio. 🌊
Meet TIDELINE: a fictional freediving school demo with immersive visuals, oversized typography, a custom header with dropdown navigation, and carefully crafted layouts. One page, with a whole lot of personality.
Explore the live page: https://mm-themes.mykajabi.com/tideline_2_
Built with https://tryprostudio.com
Graphics are AI promotional mockups.
The oversized "GO DEEPER. FEEL MORE." headline works really well against the underwater shot. Does Pro Studio output native Kajabi sections the client can still edit in the page builder, or custom code blocks? That's the first thing my course clients would ask.
Photographer Portfolio Website
"Capturing light, emotion, and the moments you never want to forget." That line set the tone, and the layout follows it.
The hero is one motion-blurred portrait washed in red. The photographer's name runs across the bottom in a condensed white face, so large the screen cuts it off. The photo keeps its soft focus, and the name still reads first.
Thin grid lines split the page into narrow columns, and the small copy sits justified inside them. The loose photo gets a strict structure to lean on.
A single round red button with an arrow sits right on the letters and marks where to go next.
Designed by the Hue & Machine team.
#WebDesign #Photography #PortfolioWebsite #EditorialDesign #Typography #UIDesign #ProductDesign #CreativeDirection #ResponsiveDesign #FigmaDesign
The heavy condensed white FLORENCE over the red portrait is bold, and keeping the same red across phone, laptop and type tile makes the case study read as one system. Did the red come from the photographer's own work, or was it your call?
I was working on the visual identity for the Ivy and wanted to experiment with stippling.
Thousands of tiny dots forming an image. Simple enough as an idea.
Figma had other plans.
I tried plugins, but the number of SVG elements was too much.
My laptop slowed down, and eventually the workflow became unusable.
I remember thinking, "Why am I trying so hard to make this work inside Figma?"
I didn't need another plugin. I needed a different tool.
So I built one.
It's called Stippling Studio.
Nothing revolutionary.
Just a tool that lets me experiment with the visual treatment I had in mind.
But the experience stuck with me.
For years, I learned to work around the limitations of my tools. Now I can sometimes build my way around them.
https://stippling.pash.website/
So cool!!