Skip to main content

Smiley Cat

  • Home
  • Elements of Design
  • About
  • Contact

Elements of Design

Elements of Design is a collection of UI components that highlight best practices for particular design patterns from leading websites around the world. Browse the archives and use it as a source of inspiration for your next web design project.

Code Sample Design Gallery

July 10, 2016September 22, 2020 Christian Watson

Technical websites often need to display code. Because code can be hard to read, ensuring the reader’s comfort is the primary goal when presenting it on a web page. A large font size also make the code easier to read.

Read More
Pages: 1 2

Email Signup Forms Design Gallery

July 10, 2016November 7, 2020 Christian Watson

Email newsletter forms are relatively simple to design from a functional perspective; after all, there is just one field, possibly two if name is included, to design for. However, achieving the objective of acquiring users for your email list is much more difficult as signing up for a newsletter requires a significant commitment from the user.

Read More
Pages: 1 2 3

Calendars & Date Pickers Design Gallery

July 10, 2016November 7, 2020 Christian Watson
JetBlue Airways calendar and date picker design example
JetBlue Airways
Read More
Pages: 1 2 3 4 5

Website Headers Design Gallery

July 10, 2016September 21, 2020 Christian Watson
Arie website header design example
Arie
Read More
Pages: 1 2 3

Ratings Design Gallery

July 9, 2016November 7, 2020 Christian Watson
T-Mobile rating design example
T-Mobile
Read More
Pages: 1 2 3

Typography for Headlines Design Gallery

July 9, 2016December 6, 2020 Christian Watson

They say that content is king. However, how you present it is pretty important too — no more so than when it’s the main heading on your page. This collection of headline typography should provide some ideas for a more creative approach to designing this most important of page elements.

Read More
Pages: 1 2 3 4 5 6 7

Tabbed Boxes Design Gallery

July 9, 2016November 8, 2020 Christian Watson

Tabbed boxes are a useful way to present several types of similar content within a small or fixed area. Often found in the sidebars of blogs or news sites, they enable designers to group related content together and to prevent it from descending too far down the page.

Read More
Pages: 1 2
Welcome email design gallery banner

Welcome Email Design Gallery

July 9, 2016October 3, 2020 Christian Watson 1 Comment
RadioShack welcome email design example
RadioShack
Read More
Pages: 1 2 3 4 5 6 7 8
Comment forms design gallery banner

Comment Forms Design Gallery

July 9, 2016November 8, 2020 Christian Watson
KISSmetrics comment form design example
KISSmetrics
Read More
Pages: 1 2 3
Email header design gallery banner

Email Headers Design Gallery

July 9, 2016November 8, 2020 Christian Watson
Home Sense email header design example
Home Sense
Read More
Pages: 1 2 3 4

Posts navigation

Newer posts 1 2 3 4 5 Older posts

Recent Posts

  • 7 Types of Article Headlines: Craft the Perfect Title Every Time
  • 5 Product Management Myths You Need to Stop Believing
  • The Key Strengths of the Best Product Managers
  • Effective Prioritization Strategies for Product Managers
  • The HEART Framework: A Practical Approach to Measuring User Experience

Categories

  • Web Design 126
  • UX Design 115
  • Tools & Resources 80
  • Writing for the Web 55
  • Real Life 51
  • Web General 50
  • Elements of Design 46
  • Showcases 40
  • Top Ten Lists 38
  • Ecommerce 36
  • Blogging 33
  • SEO 33
  • Email Marketing 29
  • CSS 20
  • Mobile Design 16
  • Web Analytics 16
  • Reviews 16
  • Product Management 10
  • Infographics 2

Popular Categories

  • Web Design 126
  • UX Design 115
  • Tools & Resources 80
  • Writing for the Web 55
  • Real Life 51
  • Web General 50
  • Elements of Design 46
  • Showcases 40

You Should Follow Me

  • LinkedIn
  • Twitter
  • RSS
  • Instagram
© 2021 Christian Watson • Theme by Colorlib Powered by WordPress