The Monograph landing page, with its phone and laptop illustration

Monograph

Monograph needed the top of its site to sell the dashboard in one screen: the pitch, one call to action, nothing else. The hard part was the device illustration, which bleeds off the page edge and costs no scrollbar.

  • Front-End Engineering / Design Implementation
  • Next.js / TypeScript / Tailwind CSS
Visit Website, Monograph

Project Background

Monograph is project planning and time tracking for agile teams, and this was the head of its marketing site: one screen that has to land the product before anyone scrolls. They came with a coral and navy palette, a nav that folds into a dropdown on phones, and a device illustration that bleeds off the right edge of the page by design. Two pairings in that palette sat under the accessible contrast threshold, so each was darkened by the smallest amount that clears it. Scope ran from 375 up, at 100 across all four Lighthouse categories.

Static Previews

Monograph static preview 1
Monograph static preview 2

Interested in doing a project together?

Contact Me