We heard you wanted an efficient way to collaborate and research within your product team.
Here are 12 essential upgrades that Cassini brings to your process:
#Thread
🧵⬇️
NEWLY CURATED: A Set of fantastic portfolios, handpicked and loved by our designers.
Each detail in these folios conveys a unique
personality—making a case that how you present
your work is as crucial as the work itself.
Bookmark:
Newly curated: A Set of footers from across the web, handpicked by our team.
Slick ones, useful ones and a few left of field. For when you want to know what exceptional footers really look like.
Check on web, bookmark. 🔖
➡️
NEW DROP: A set of slick and useful Interface patterns curated from various products.
Swipes, carousels, accordions, menus, scrolls and some new patterns uniquely crafted to solve everyday UI content challenges creatively. You’d want to keep these inspirations handy.
Bookmark:
Introducing our first curated Set on Cassini, snapped from around the web by our team.From beautiful packaging work to stunning visuals, this curated collection of work from some phenomenal creators that we discovered, might just inspire you✨
Bookmark:
A grid serves as the scaffolding to present content in your designs.
Grids can be for graphics or interfaces, print or digital. You seldom go wrong with well-structured, predictable layouts of information.
This is why we have a built-in Grid Tool in Cassini.
NEW: Curated with awe and occasional bias – a Set of album art we love.
Some culturally significant, like Nirvana’s Nevermind or Patti Smith’s Horses, some just visually outstanding.
Bookmark:
🔗URL along with your screenshot? Absolutely.
Not just images, Cassini also grabs essential meta like source URLs, color palettes & more when you take screenshots with the Chrome plugin.
Capture anything from the web & revisit anytime. Never lose the stuff you love. 📸
The Set explorer lets you easily navigate between images and references and browse your entire set within the workspace without switching views.
Try it here:
It was only a matter of time before our design team curated a Set of folios.
Though they are professional assets, the good ones are often deeply personal. Folios embody the unique identities of their creators through the smallest details and broadest strokes 🧵
Well designed footers can help you gain subscribers, capture leads, boost revenue and act as a fantastic brand asset for your product.
Here are a few things you should keep in mind while designing footers. 🧵
NEW DROP: A Set of handy resources for spatial design and computing!
Featuring articles on Google’s influence on AR, Active Theory’s experiments in the field, and profiles of industry experts like Ian Curtis and Estella Tse.
Consider it your library for all things Mixed
NEW DROP:
Design systems built by some of the best design teams out there for a variety of industries from consumer products (Google) to finance ( Goldman Sachs) , from analytics (Mixpanel) to martech (Mailchimp).
Know how the most complex products are built, brick by brick.
NEW: A Set with some of the most visually brilliant games out today. Featuring The Last of Us, God of War, Cyberpunk, Control and so much more. The idea is simple: games represent one of the highest forms of human craft.
If you are interested in the design of compelling virtual
NEW: A Set of all things Typography.
Whether it’s guides for crafting top-notch typefaces or pioneering examples from the past and present, this Set is packed with all you might need to take a deeper look into typography.
Bookmark:
Every designer has a stash of useful resources they save in their own ways.
Starting tomorrow, we’ll curate and share with you things we love, as Cassini sets. Stunning brands, nifty patterns & beautiful websites all in one place.
We’ll release the first set tomorrow at 6 PM ✨
The delayed screenshot on the chrome plugin allows you to capture interaction states on your screen. Think hover states for buttons, cards or even delayed pop-ups on a website.
Here’s how you do it ⬇️
Combine comments into contextual groups - tasks, teams, or anything that works for you.
Designed to bring clarity and sanity to the chaos that design reviews become.
Share code snippets - whether it’s CSS, JavaScript, JSON, or anything in between.
Make your reviews and discussions richer by reducing the back and forth about code between designers and developers.
As designers, we love screenshotting every shiny thing we find. What we hate is that we are sure to forget where we got them.
So we built our Chrome plugin such that you save more than just the Screenshot. ✨
Source URL, Specs, color palette, and so much more.
See your designs evolve—from wireframes to shiny, finished states—all within Cassini’s workspace.
Gain a bird’s-eye view to pinpoint critical flaws or strengths in your project.
Taking inspiration from the work of others in a meaningful way demands careful attention and insight.
So naturally, everybody is guilty of skimping on it at some point.
“The things that make work interesting, and create invention, are accidents. You want to be in a position where you’re capable of making accidents.” – Paula Scher
NEW: A Set of book covers we love!
From old Penguin classics like Lord Of The Rings to the contemporary lit fiction of Deborah Levy.
Curated in appreciation of all the book designers out there who make our shelves look just a little more interesting!
Bookmark:
#FeatureFocus
➡️
Comment threads often devolve into chaos. With Cassini, group similar comments to keep discussions clean and readable, and name your groups as you prefer.
#cassini
#product
#toolkit
As designers who game a decent bit, we find a lot of visual inspiration in the games we play and an absolute ton of product building cues from observing level design in games. But that’s for another thread.
Let’s dive into a simpler topic: why gaming is good for your brain. 🧵
Pushed all recent changes to your webpage?
Snap the page using our chrome plugin & upload it as V2 to an older view.
1. Start with naming the new screenshot as the original view.
2. See the view pop up in the suggestions.
3. Select to add the new Screenshot as new version. ✨
Missed deadlines aren't just an individual hiccup, they ripple through the entire team's efficiency.
Cassini lets you organize comments into actionables and set due dates, ensuring a smoother workflow.
NEW: Fascinating 404 pages from across the web - all in one Set.
Interactive games, balloons inflating and deflating on loop, a goldfish gliding by - 404 pages are the internet at its most disappointing, and clearly, at its most creative.
Bookmark:
🧵🔽 Cassini's curated Sets are a perfect addition to this thread of free visual research resources. Think creative UI elements, 404 pages, footers, and more—handpicked from across the web for whenever you're low on inspiration.
If you are a UI/UX Designer and looking for free design resources in 2024. In this post, I will introduce you to some awesome free design resources that can help your design career. Happy new week to you all!
Bookmark it for later 💜
Before you save your screenshots from web → Edit them. Annote them for better clarity. Crop/redact what is not relevant, all inside the browser.
Cassini lets you customize your references to look exactly how you want your team to see them.
Visually stunning games that inspire our team, all curated in one Set.
From genre defining AAA games to indie ones that you could have missed. Coming soon.
Capture interesting references from the web and modify them without an additional edit tool.
All the extra tools you need to edit are built into Cassini’s preview ⬇️
▪️Crop
▪️Add a filter
▪️Annotate
▪️Decorate
▪️Add frames
▪️ Redact
▪️Resize
Great product teams often blur the lines between design and development. With both designers and developers intricately involved in each other’s work, the chances of miscommunication become remote.
A few practical tips to strengthen design-dev collaboration ↓
Use keyboard shortcuts to activate Cassini’s plugin and grab screenshots from it in your browser.
You can do it using the default shortcut commands in place, or you can customize them to your preference.
Smoothly functioning products owe their success to a mature design engineering team consistently achieving a 95% effectiveness mark with new designs.
Here are some tried-and-tested tips to reach that target:
Billy Joel, The Stranger → Bleachers, Strange Desire
While the resemblance here is purely coincidental, Antonoff does not dismiss the notion of being subconsciously influenced by Billy Joel’s cover.
Grab a screenshot + snag its color palette and source URL alongside.
Cassini stores this meta-info for every reference you save, making your research rich with context.
Incredibly proud to share what we have been working on for the last 1+ yrs and running in a closed Beta with some of our clients at Canvs.
Introducing Cassini, a companion toolkit for product makers.
Give it a spin:
You only have to stand in front of a shelf full of books you know nothing about to realize how much a book’s cover will have an impact in what you reach for.
The Beatles, Let It Be → Gorillaz, Demon Days
The four-quadrant arrangement of the Gorillaz’ cover takes inspiration from the iconic layout of the Beatles’ seminal album.
It’s only fair to say then that good tools are what make an entire team’s effort mean something. It makes mature, professional teams out of unremarkable, average ones. What's more, often the outcome of entire industries is determined by the nature of tooling it is exposed to.
Spot visual differences, immediately.
Use
@cassinicomms
's overlay tool while reviewing websites with your engineering team. Compare developed interfaces side by side and overlaid with your designs.
Simplify the tedious stuff.
Flows from
@zeplin
(Mapping journeys) → lets you visualize how hundreds of screens and elements connect in a storyboard-like canvas. It’s prototyping but a LOT more nuanced and sophisticated.
A godsend for developers.
[Clip from Zeplin’s webpage]
Make a habit out of visual research, without the hassle. Use Cassini’s chrome plugin to snap, save and organize your research right from your browser. Tap to try :
99designs conducted a study to evaluate the impact of book cover redesigns on book popularity. Selected authors were offered redesigned covers as part of the experiment.
The results were striking, with the revamped covers significantly boosting online visibility as compared to
Last week, we wrote a little something on the importance of good tooling.
We thought it would only be fair to share a few more tools that have helped us internally to hit our high benchmarks specifically with Design Engineering. Here are 4 of them:
NEW ON CURATED CASSINI SETS: The most striking examples of data visualisation, featuring creative diagrams from NYT op-eds, whimsical data-vis of The Pudding, and more.
Consider this a token of appreciation for all those data-vis folks out there who make their work look so.
Good design discussions allow everyone in the orbit of design to discuss ideas with clarity without being experts in design. Great discussions converge those ideas towards clear outcomes.
NEW: A Set of standard-defining interfaces, crafted by teams in India. Think Zoho, Fold, PhonePe, etc.
Curated to give credit where it's long overdue - to teams that deliver liquid-smooth, intuitive user experiences for an audience as diverse and complex to pin down as the
Well designed footers can help you gain subscribers, capture leads, boost revenue and act as a fantastic brand asset for your product.
Here are a few things you should keep in mind while designing footers. 🧵
Well-crafted products are a result of intricate collaboration between design and engineering teams.
And debugging interfaces is an essential part of this.
Saving source URLs of your visual references in a list → Clunky. Inefficient. 👎
Saving screenshots of your visual references in Cassini → Efficient.
Saves the screenshot’s source URL with no extra steps. Easier to navigate. ✨
Most of us are just too organised for our own good. Cassini breaks down our god-tier org skills so humans can make sense of it. Jokes are good, but if we are being real, designers could really use a product to capture, organize and discuss both inspiration and work.
Here’s how:
Bruce Springsteen, The River → Mac Demarco, 2
Flannel shirts, blue text on B&W images, and similar font styles. Mac DeMarco himself pointed out the striking yet coincidental resemblance between the album covers.
We are curating a Set of well-designed album art and thought we'd share something interesting: album covers inspired by others.
Some that pay homage and some mere coincidences. ↓
🧵 Data visualisation, at its core, is about making complex information simple to understand and pleasant to look at. Doesn’t take a genius to appreciate how hard that can be.
It’s work that predates the digital age.
How many hours have you lost tracking design decisions made months ago? How much time do you generally spend verifying design iterations for expected changes? A good version control system solves that for you.🧵⬇️
Our focus of work happens to be making reviews and referencing in a product team - crucial as they are to our work - smoother for everyone involved.
And the tools mentioned inspire and enable us to do it as thoroughly as possible and beyond.
“User-first" has become something of a dogma of UX design.
And while this dogma benefits some products, it falls short for many others.
In these cases, a combination of user-centered + a systems design approach seems to be the way to go.
Here’s what we mean:
Folios also serve to inspire others who look not just for the work being presented but also how it’s presented. Show and tell, after all, is at the core of the work of designers.
Given this, here are 3 folios that have inspired our team, a glimpse into our upcoming curated
Tooling can make or break your product processes. Avoidable errors, delays in deliveries, slipping deadlines, and chaotic reviews could all be arrested by just having the right tools.
A few tools you’d love for your teams, a thread:
4. An added benefit of formalised commits is having commit notes, which are incredibly useful in documenting changes, improvements and critically, design decisions.
@zeplin
for example does this one simple thing pretty well.
The Black Keys, El Camino → Kendrick Lamar, good kid, m.A.A.d city
After Lamar's album dropped, fans promptly noticed the obvious resemblances between these album covers.
Intentional choice or mere coincidence? Either way, the similarities continue to fascinate fans, adding