Before and After Logo Comparison
Compare three fictional logo redraws with a draggable, keyboard accessible slider. See what changed in shape, type and color.
Before / After · demo work
Redraws you can scrub through
Drag the handle, tap anywhere on the picture or use the arrow keys. Every pair is a fictional demo brand drawn in code for this site, not a client project.
Demo Fernhill Bakery is a fictional brand. Before: clip-art, four fonts, outlines everywhere. After: one geometric mark, one serif and a calm palette.
How to use this tool
Drag the handle, tap the artwork or use arrow keys to compare each fictional design. Select a demo brand above the slider to switch examples.
A before and after comparison makes changes in a mark easier to notice at a glance. Look at the number of shapes, the spacing of the lettering and how the palette behaves when the slider moves. The three pairs here are fictional demonstrations, so use them as visual examples rather than case studies of commissioned work.
Limits and privacy
These examples are drawn in code for this site. They are not client projects or an automatic redraw service.
Logo Lab runs on your device. Files you select are not uploaded or stored by this site. Reloading the page clears the current work.
Common questions
Can I compare my own files here?
No. This slider contains three fixed demo pairs. For your own logo, use Mockup Preview to place a PNG or SVG in a scene.
Can I use a keyboard?
Yes. Focus the slider handle and press the left or right arrow key to move the divider.
Explore the Redesign journal for related design topics.
Continue with the guide: Logo redesign checklist.