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
Related posts
Two directions. One NFT marketplace.
Which visual direction would you choose?
🖤 A — Dark & Futuristic
🤍 B — Bright & Minimal
Both explore the future of Web3, but with completely different visual identities.
Drop your vote in the comments: A or B?
#UIUXDesign #WebDesign #NFT #Web3 #ProductDesign
10 voted
29%
25 voted
71%
35 votes
Closed
Strong design, well done
Exploring two different hero directions for a new project.
Same message, two completely different visual approaches.
Which one makes a stronger first impression?
A or B? Curious to hear your thoughts!
36 voted
90%
4 voted
10%
40 votes
Closed
Both are strong. I lean towards the dark version, because the orange accent on the italic "guess." pops and the profile portrait gives it a more editorial, confident feel. The navy one reads a bit more corporate, which could suit a more conservative audience. Nice exploration!
What if sending money felt a little more like giving a gift?
For Nova, I explored a banking app that brings payments, cards, and a bit of personality together. You can check your balance, browse recent transactions, send or request money, top up, and pay bills.
My favorite part is the digital postcard feature. Before sending a transfer, you can add a little illustrated card—a heart, a birthday greeting, or a playful character. A simple way to make birthday money or a thank-you feel more personal.
I carried that same 3D character into onboarding, pairing it with bold red gradients and large, clear payment details. There’s room for play, while the recipient and amount stay easy to check.
Would you add a postcard to a transfer? I’d love to know what occasion you’d use it for.
