Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Create Lead space pattern page for website

See original GitHub issue

User Story

As a [user role below]: Library adopter

I need to: Understand what Lead space patterns are and where they are used on

so that I can: ensure my designs adhere to best practices

Additional information

  • This is one of the most popular patterns seen on (and other web/digital platforms)
  • There is MVP WIP content available here that was created for future state prototype.

Acceptance criteria

  • Lara creates the In-page navigation pattern MVP page
  • Jenny reviews the content
  • Wonil reviews and approves the content before publishing

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

wonilsuhibmcommented, Oct 26, 2020

Updated Sketch file with the latest thinking and the dimensions that define lead spaces here:

The dimensions

  • Where the page is on the journey, rough segments (early, mid, checkout, post-purchase, etc)
  • Which page type within each segment (product listing, solution, home page, etc)
  • Expressive VS productive lead spaces
  • Centered VS left-aligned

Potential MVP content suggestion

Section 1: The dimensions of a lead space
  • What to consider when designing or selecting a lead space
  • How we are approaching lead space standardization
  • “Work with us to add details to lead space standards”
Section 2: Lead space size standards
  • What sizes are available regardless of the dimensions
  • “Please start with these so that we establish some basic consistency”
Section 3: Content alignment standards (left, centered)
  • The two alignment options available in the system
JennySanchezcommented, Nov 5, 2020
Read more comments on GitHub >

github_iconTop Results From Across the Web

White Space Design: Your Secret Weapon for Great Landing ...
Use these tips on white space design for a landing page upgrade. ... Lead capture forms can make or break your landing page...
Read more >
How To Create Your Own Lead Generation Landing Page, In ...
Learn how to create your very own Lead Generation Landing Page today, with our step-by-step guide, template and examples.
Read more >
How to Design an Effective Landing Page - Toptal
Using call-to-action buttons and lead generation forms, a landing page is a powerful tool used to convert visitors into leads and buyers.
Read more >
The Ultimate Guide to Landing Pages - HubSpot Blog
A landing page is a website page with a specific purpose — the ... Ask for as little info as you need in...
Read more >
11 Steps to Build a Lead-Generation Website With Examples
What is social proof marketing? It's a way to increase website sales by marketing your social proof, third-party "proof" of your reputation. Flattering...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found