SOURDOUGH

Designing landing pages has never been easier

Sourdough is the Figma starter file which makes it easier to rapidly design beautiful, responsive website landing pages.

Download for free

 Buy me a coffee
Figma autolayout

Autolayout baked-in throughout

Every component and layout is thoughtfully created with Autolayout, allowing you to design quicker.

responsive components and layouts

Responsive mobile variants

Every layout has a specific desktop and mobile variant which can be toggled at the flip of a switch.

Figma styles

Built with customisable styles

Easily apply your own brand by updating the colour and text styles to suit your needs.

Disclaimer: Please do not replicate Sourdough for resale or redistribution; it is intended to be shared for free.

UX tutorials in your pocket

Join the 100,000 people learning UX on the go by downloading our app. Become familiar with a design laws and principles, and learn how to implement them in your designs.

uxtoast app content page uxtoast app homepage

A guide to colour theory and gradients

Here are some tips and tricks I use to help me nail colour palettes and achieve beautiful gradients.

Watch now

Colour theory and gradiants

Gestalt principles in UI Design

Gestalt principles help us design intentionally in order to build relationships between elements on a page.

Read more

Gestalt laws

Creating an accessible UI

Accessibility in design allows your product to be usable, nagivatable and understandable by as many people as possible.

Read more

accessible UI

5 tips for perfect typography

Here are our top 5 tips for perfect typography which is beautiful, scannable, and accessible.

Read more

Text hierarchy in UI

Beautiful drop shadows

Learn how to get the perfect drop shadows and get them looking beautiful in your UI designs.

Read more

UI shadows