← Home Current vs Revision

Collaboration

01

The body text here is a light gray that sits too close to its background, which makes it hard to read on a phone or in bright light. The only change in the revision is darker, more readable text, so visitors can actually take in what the section says.

Current
Collaboration — current
Revision
Collaboration — revision

Duets Header

02

The heading lines sit very close together, which makes a stacked title like this hard to read quickly. The revision adds a bit of space between the lines so the words separate cleanly and the title is easier to take in.

Current
Duets header — current
Revision
Duets header — revision

Footer

03

The footer's social icons are so light they nearly disappear into the background, so visitors barely notice they are there. The revision darkens the icon color so the links are easy to see and worth a click.

Current
Footer — current
Revision
Footer — revision

Navigation Breakpoint

04

The navigation has a breakpoint problem. At mid-size screen widths, the desktop menu stays visible but runs out of room, so links overlap and sit on top of each other instead of reflowing or switching to the mobile menu. This recording shows that in-between width where the layout breaks down.

Screen recording

The fix is to set a proper breakpoint so the menu switches to the mobile version before the links run out of room.