Lead spaces.
Vertical delimitators with
elastic transparency.

Image for post
Image for post
IBM Co-Marketing Advisor badge — a stand-alone e-Learning course + LMS hybrid application — with DMS (draft management features) and user management
Image for post
Image for post

The status quo for lead spaces in general

  1. Badly proportionate images can be a real problem, needing a lot of editing and adding;
  2. Dark gradients over most images are an unhealthy solution. They always seem different;
  3. Headings do not look like they belong in the lead space;
  4. You can’t make a visual connection between multiple elements in the lead space (H1, H3, and CTA — or other details) and what comes after it.

Another method

An organic set of 8 stripes, with flexible transparent Gray100s, with opacity varying from 100 to 50 for the first 4, and from 50 to 5 for the last 4 added above images.

Image for post
Image for post
Image for post
Image for post

Further research

Light stripes systems for variable images
Stripes varying according to grid types

Written by

Dragos is an experienced designer with a passion for brand stories. Born and educated in Romania, he is currently based in Bucharest, working for IBM since 2017

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store