1. Contrast

Primjer primjene kontrasta može se pokazati na stranici proizvoda. Budući da želimo da korisnik kupi proizvod, glavno što treba učiniti je kliknuti na gumb koji to predstavlja (Buy Now). Taj gumb je crne boje i ističe se u odnosu na ostatak elemenata na tom dijelu stranice. Gumb koji ostavlja korisnika na stranici, a ubacuje mu proizvod u košaricu je bijele boje. Vidljiva je i očita razlika između te dvije radnje.

• Product page

  

2. Repetition

Primjer ponavljanja vizualnih elemenata jest prikaz blog objava koje su sve iste veličine, imaju isti font i dizajn općenito. Jedino različito su tekst i slika.

3. Alignment

Poželjno je da je svaki element pozicioniran u skladu s ostalim elementima.

Ovaj princip je omogućen korištenjem grida na mjesto gdje su prikazane kategorije.

• Category sekcija

  

4. Proximity

Blizina određuje jesu li neki elementi povezani ili ne.

Primjer ovoga može biti viđen na stranici s blog objavama. Sidebar je odvojen na dva dijela: search dio i na dio s ostalim objavama. Lako je za uočiti koji dio pripada search-u, a koji dio pripada novim objavama.

• Sidebar