Title: A website’s look and feel: Design element best practices and brainstorm
Published: 2 December 2022
Last modified: 30 July 2024

---

[Home](https://learn.wordpress.org)[Courses](https://learn.wordpress.org/courses/)
[Develop Your First Low-Code Block Theme](https://learn.wordpress.org/course/develop-your-first-low-code-block-theme/)
A website’s look and feel: Design element best practices and brainstorm

 [ Exit Course ](https://learn.wordpress.org/course/develop-your-first-low-code-block-theme/)

 1.   a.  [   Different types of themes: Overview  ](https://learn.wordpress.org/lesson/different-types-of-themes-overview/)
      b.  [   How themes are designed?  ](https://learn.wordpress.org/lesson/how-themes-are-designed/)
      c.  [   How classic and block themes are developed from designs  ](https://learn.wordpress.org/lesson/how-classic-and-block-themes-are-developed/)
      d.  [   What a new theme developer needs to know: Anatomy of a block theme  ](https://learn.wordpress.org/lesson/what-a-new-theme-developer-needs-to-know-anatomy-of-a-block-theme/)
 2.   4 lessons, 1 quiz
 3.   a.  [   Setting up your block theme's development environment  ](https://learn.wordpress.org/lesson/setting-up-your-block-themes-development-environment/)
      b.  [   Creating your block theme's style.css  ](https://learn.wordpress.org/lesson/creating-your-block-themes-style-css/)
      c.  [   Creating your block theme’s index.php  ](https://learn.wordpress.org/lesson/creating-your-block-themes-index-php/)
      d.  [   Creating your templates folder and index.html  ](https://learn.wordpress.org/lesson/creating-your-templates-folder-and-index-html/)
      e.  [   Creating your block theme’s theme.json file  ](https://learn.wordpress.org/lesson/creating-your-block-themes-theme-json-file/)
 4.   5 lessons
 5.   a.  [   Low-code: the basics of theme.json for new developers  ](https://learn.wordpress.org/lesson/low-code-the-basics-of-theme-json-for-new-developers/)
      b.  [   Your first codes in theme.json  ](https://learn.wordpress.org/lesson/your-first-codes-in-theme-json/)
      c.  [   Check your work: Is your theme working?  ](https://learn.wordpress.org/lesson/check-your-work-is-your-theme-working/)
      d.  [   Low-code: Preparing to set fonts for your block theme  ](https://learn.wordpress.org/lesson/low-code-preparing-to-set-fonts-for-your-block-theme/)
      e.  [   A website’s look and feel: Design element best practices and brainstorm  ](https://learn.wordpress.org/lesson/a-websites-look-and-feel-design-element-best-practices-and-brainstorm/)
 6.   5 lessons
 7.   a.  [   Your first template: Create a style guide using the site editor  ](https://learn.wordpress.org/lesson/your-first-template-create-a-style-guide-using-the-site-editor/)
      b.  [   Saving your work: Create Block Theme  ](https://learn.wordpress.org/lesson/saving-your-work-create-block-theme/)
      c.  [   Selecting your theme’s default fonts  ](https://learn.wordpress.org/lesson/selecting-your-themes-default-fonts/)
      d.  [   Using patterns to design your header & footer template parts  ](https://learn.wordpress.org/lesson/using-patterns-to-design-your-header-footer-template-parts/)
      e.  [   Block theme design challenge: Templates in the Site Editor  ](https://learn.wordpress.org/lesson/block-theme-design-challenge-templates-in-the-site-editor/)
 8.   5 lessons
 9.   a.  [   Completing your custom theme: Taking a screenshot  ](https://learn.wordpress.org/lesson/completing-your-custom-theme-taking-a-screenshot/)
      b.  [   Completing your custom theme: Adding information in style.css  ](https://learn.wordpress.org/lesson/completing-your-custom-theme-adding-information-in-style-css/)
      c.  [   Theme enhancements – offering reusable blocks, unique templates, unique patterns, style variations  ](https://learn.wordpress.org/lesson/theme-enhancements-offering-reusable-blocks-unique-templates-unique-patterns-style-variations/)
      d.  [   You're almost finished! What's next?  ](https://learn.wordpress.org/lesson/youre-almost-finished-whats-next/)
 10.  4 lessons

### Low-Code Challenge: Turn On Important Design Features

# A website’s look and feel: Design element best practices and brainstorm

A look at design element best practices and brainstorms.

 You don’t have access to this lesson

Please register or sign in to access the course content.

 [ Take course ](https://learn.wordpress.org/course/develop-your-first-low-code-block-theme/)

 [ Sign in ](https://login.wordpress.org/?redirect_to=https%3A%2F%2Flearn.wordpress.org%2Flesson%2Fa-websites-look-and-feel-design-element-best-practices-and-brainstorm%2F&locale=en_US)

##  Suggestions

 Found a typo, grammar error or outdated screenshot? [Contact us](https://learn.wordpress.org/report-content-feedback/).