The widget library for WordPress is here! Download plugin

Tilted Card Process

Free

The Tilted Card Process widget brings a dynamic, playful energy to standard process sections. By slightly rotating the cards, it creates a sense of motion and casual approachability that is often missing from corporate designs. Each card is a self-contained unit featuring a number in a circle, a directional arrow, a bold headline, and a bulleted list of details. This layout is perfect for explaining creative workflows, design sprints, or any process that feels iterative and organic.

The cards are styled with distinct background colors (e.g., lavender, off-white, black) to differentiate stages or categories visually. The typography is clean and modern, with ample spacing between elements. The arrow icon in the top right serves as a subtle directional cue, encouraging the eye to move to the next card in the sequence. Despite the 'tilted' aesthetic suggested by the layout, the content within remains perfectly legible and aligned. This widget works exceptionally well for agencies, startups, or educational platforms looking to present information in a way that feels fresh and un-stuffy. The inclusion of bullet points allows for a good amount of detail without cluttering the visual hierarchy.

How to use this widget

  • Change your content and adjust the styles to match your design
  • Click export and copy the code
  • Paste it on your web page by adding a code/html block in your website builder (e.g., Squarespace, WordPress, Webflow, Wix) and paste the code.

👋 P.S. Have questions? Leave a comment.

Published:

Feb 12, 2026 05:26 AM

Category: