Blog & News
Post lists, social sharing, paywalls, and more to bring your written content to the right audience.
These patterns cover the building blocks of editorial sites: headers and footers, article listings, post headers with author bylines, calls to action, newsletter sign-ups, and the kind of supporting UI that turns a home page or archive page into something readers actually want to move through. Use them together for a full blog layout, or mix and match to fill out an existing site.
Surface key messages like announcements, promotions, alerts, or calls to action.
Solicits a user to take action.
Organize your site and allow readers to find the information they want.
Provide visitors with a clear way to get in touch.
Highlight important, timely, or high-impact content.
Provide useful information at the bottom of a webpage.
Arrange groups of content such as features, articles, products, or case studies within a responsive, visually balanced grid.
Establish visual hierarchy and introduce the content that follows.
Convert site visitors into engaged subscribers or customers.
Monetize value and encourage commitment from readers, viewers, or users.
Helps reduce bounce rate and keep users in your content loop.
Post headers deliver visual impact and emotional engagement right at the start of the reader’s journey.
Organize and showcase content in a way that helps users discover, browse, and engage with articles.
Verify the identity of a user and ensures that only authorized individuals can access specific content, features, or account data.
Allow users to easily share content with social networks and platform.
Visually communicate key metrics, achievements, or impact indicators.
Highlights the people behind the product, service, or organization.
Showcase authentic feedback and endorsements from clients, collaborators, or users.