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
VisualKit is my Chrome extension that turns any website into a live design lab. We can inspect elements, tweak styles, and capture clean UI screenshots without opening DevTools.
For its first release, I designed a simple but complete brand system for the Chrome Web Store: logo, main banner, and extension thumbnail. I focused on keeping everything clean, readable at small sizes, and visually consistent, so the icon, banner, and screenshots all feel like one product family.
This case study walks through how I approached the logo, banner, and thumbnail to make VisualKit look modern, trustworthy, and easy to understand in just a few seconds.
Learn more about VisualKit here: https://sidiqprihatno.com/apps/visualkit
sidiqprihatno.com
VisualKit — Live Website Editor & UI Capture | Sidiq Prihatno
VisualKit is a Chrome Extension for live webpage editing, style inspection, and pixel-perfect screenshots. Edit elements visually, export clean HTML/CSS, and capture full-page shots — all without leaving your browser.
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
A quick look at the Bright Logistics identity in motion.
The goal was to build more than a logo. We created a visual system that could move comfortably across social, apparel, digital touchpoints, photography, and everything the brand might need as it grows.
Simple enough to stay recognizable. Flexible enough to keep things interesting.
One of my favorite parts of branding is seeing all the individual pieces start to feel like one world.
Just smooth Animation..🔥
MADE OF is a luxury material-typography campaign exploring what shapes a brand: its materials, craftsmanship, ideas and defining qualities. Five original visual references move from separated natural elements into MADE OF, FASHION, MAKEUP and finally GOALS—constructed from AMBITION, WORK, CREATIVITY, PASSION and TIME. I designed the concept as a flexible storytelling template that could be adapted to different industries and generated it as one continuous 30-second film using Seedance 2.5 in CapCut Video Studio.
The Hermes breakdown into leather, stitching, and gold hardware is such a satisfying way to reverse engineer a brand. Of the five you deconstructed, was there one that resisted the process, where the core materials weren't obvious right away?
Contra just told me I'm in the top 1% of creatives on the platform.
Cool badge. Doesn't build anything on its own.
What actually moved the needle wasn't chasing the score — it was going back through old proposals and noticing I was writing to sound impressive instead of answering the actual technical problem in the brief. Once I started solving the thing nobody explicitly asked but clearly needed, everything got sharper. The ranking followed, not the other way around.
Currently building in Framer — SaaS, real estate, and brand sites with real interaction design. If your brief has a hard technical problem buried in it, that's usually where I do my best work.
