Design Workflow Blog

Landing pages design and dev

#web #landing-pages #email #forms

Dark mode made easy

Dark mode made easy

Two key techniques to simplify your website’s dark mode setup

Multi-step form without the overhead

Multi-step form without the overhead

Using built-in form GET method to pass data from one page to another without complicated code.

Essential metadata for sharing a page

Essential metadata for sharing a page

The metadata options you need for social media and other apps.

Starter page components theme

Starter page components theme

30+ standard web content design patterns, based on hundreds of real-world websites, landing pages, and forms.

Listing essentials

Listing essentials

A list of related items — blog posts, products, events, etc.

Feature content essentials

Feature content essentials

Sections of skimmable content for visitors to get an overview of what you have to offer.

Modern form validation

Modern form validation

3 modern CSS techniques for advanced form validation customization.

Modern form design

Modern form design

Utilizing modern browser features to simplify the design process for forms.

Form essentials

Form essentials

Collecting different kinds of information from your visitors.

The design of a design system

The design of a design system

Maintaining your design system and keeping it creative.

Rolling out your design system

Rolling out your design system

Auditing current patterns and workflows and having your team join in the process.

A primer on design systems

A primer on design systems

Why you should have one and the main aspects that should be included.

The landing page approach

The landing page approach

Even if you don't advertise, the landing page format is useful for more focused messaging and goals for your website's pages.

5 core landing page techniques

5 core landing page techniques

How to ensure your landing page seamlessly ties in with email marketing.

Emails with landing pages

Emails with landing pages

The most effective way to gain audience interest, and conversions.

Starter page boilerplate

Starter page boilerplate

Our open source skeleton template that uses modern HTML and CSS code techniques as a starting point for developing custom landing pages.