Uploaded November 2020 | Updated September 2026, 2 hours ago

---

Adobe XD UI Style Tile Template: mark-anthony.ca/product/ui-style-tile-template

In this video we will use Adobe XD to design a style tile. Once you’ve collected inspirational elements such as fonts, colours, imagery, and graphical elements to create a mood board, the next step in the design process is to design a semi-fleshed out Style Tile.

///
TIME STAMPS

Create New Document: 00:01:52
Grid Setup: 00:02:01
Section Headings: 00:03:03
Logo Placeholder: 00:05:35
Adjectives: 00:06:09
Typography: 00:06:42
Buttons & Links: 00:12:56
Iconography: 00:15:59
Colour: 00:17:53
Images: 00:21:17
Copy Artboard: 00:23:19
Save & Export As JPG + PDF: 00:23:39
Conclusion: 00:24:57