Refcat
Login
Create a free accountCreate a free account
UI reference · email

How to develop semantically correct lists. in Paul Airy

2 screens · Paul Airy

Added to Refcat

Every screen in order

  1. Paul Airy How to develop semantically correct lists. screen 1 of 2 (email): Desktop
  2. Paul Airy How to develop semantically correct lists. screen 2 of 2 (email): Mobile

Patterns

B2BEducational ContentNewsletterOnboardingTutorial or Demoweb designemail typographyhtml codelist stylingclient renderingcss paddingdeveloper guide

Components

email inputlist

Explore real product flows

Type E: What not to do with colour in your campaigns. flow in Paul Airy
Type E: What not to do with colour in your campaigns.
Type E: What’s new in the new accessibility guidelines? flow in Paul Airy
Type E: What’s new in the new accessibility guidelines?
Type E: Using font stacks to style your emails text. flow in Paul Airy
Type E: Using font stacks to style your emails text.
Type E: What font-size should we use anyway? flow in Paul Airy
Type E: What font-size should we use anyway?
Type E: Test 20 flow in Paul Airy
Type E: Test 20
What’s in it? flow in Paul Airy
What’s in it?
More techniques for restyling lists. flow in Paul Airy
More techniques for restyling lists.
How to develop semantically correct lists. flow in Paul Airy
How to develop semantically correct lists.
How to make your emails that much more accessible flow in Paul Airy
How to make your emails that much more accessible
Why you should reconsider web fonts. A simple method of implementing them. flow in Paul Airy
Why you should reconsider web fonts. A simple method of implementing them.

More UI examples

onboarding UI examples
Explore the full catalog
Terms and conditionsPrivacyCookies