Simple design guidelines for WordPress web creators & let’s build live

WordPress

@markjszymanski said he doesn’t know how to design as a WordPress web creator. So I whipped up something (https://x.com/techiesreviews/status/1824426635669488123). Let me share how I did it.

Concepts
https://www.figma.com/design/iqSCwRYU0Kgj2fkZ1SltcF/Mark?node-id=0-1&t=Tjxp5HbShF0bWiXp-1

UIChemy
https://tchs.li/uichemy

Then let’s work on a website project together!

Donations are never ever required but if you feel like supporting what I do, you can click the link below 😁. All donations will go towards upgrading stream equipment or WordPress plugins/themes.
↪ https://tchs.li/tipjar 💸

👇 Resources 👇
↪ Greenshift Plugin: https://wordpress.org/plugins/greenshift-animation-and-page-builder-blocks/
↪ Greenshift Theme: https://wordpress.org/themes/greenshift/
↪ Greenshift addons: https://tchs.li/greenshift
↪ Pre-build section: https://store.techies.review/l/FSVGS

👇 Timestamps 👇
00:00 Intro
03:20 Mark’s call for Design
05:46 Mark’s message
06:50 Easy Design Guidelines
07:23 12 Column grid
08:29 8-point grid
10:59 Border Radius
11:23 Buttons
11:53 Colors
12:35 Basic Design System
13:34 Inspiration
14:40 Break down hero
17:50 Closing
18:30 Live editing in Figma
19:00 UiChemy
24:12 Build website https://careermate.nl
25:38 Design phase 2
29:18 Greenshift Web Creation

👍 If you enjoyed this video, please give it a thumbs up; this way, I know I should create more videos like this.
🔔 Remember to subscribe to my channel so you don’t miss out on new web creation videos.

Thanks for watching, and keep designing!

Music by CreatorMix.com

コメント

タイトルとURLをコピーしました