Contoh 1: http://www.uii.ac.id
Pada website uii,kaidah desain yang baik sudah diterapkan. Pada bagian font sendiri sudah menggunakan jenis font inherit,yang berasal dari font-family humanist sans-serif yang memang seharusnya diterapkan pada tulisan akademik dan pemerintahan. Selain itu size font dan ketebalan yang digunakan sudah cocok pada bagian judul, subjudul, beserta isinya. Pada bagian color juga sudah dibilang bagus,dikarenakan UII memiliki filosofi warna Biru,Kuning,dan Putih. Bila dilihat pada bagian menu,kita juga dapat mengetahui bahwa layout yang diterapkan sudah simetris,beserta jarak antar menu,sehingga website UII terkesan rapi dan enak dipandang.
Contoh 2: http://www.detik.com
Bila kita melihat website detik.com,maka warna yang digunakan sesuai dengan filosofi yang digunakan yaitu biru dan orange. Dibagian atas juga terdapat jendela navigasi yang sudah sesuai layout,dikarenakan padding/jarak antar jendela navigasi sudah sama. Dan juga font pada bagian body menggunakan font Arial,yang berasal dari font-family Sans-Serif.
Contoh 3: http://www.traveloka.com
Di website traveloka,warna yang digunakan konsisten dan pemilihan warna yang sesuai dengan kontras. Karena website ini merupakan website tentang transportasi maka sudah sepatutnya menggunakan Sans-Serif,dan website ini juga sudah memakai font Sans-Serif yaitu MuseoSans. Penerapan gambarpun juga sesuai dengan tema transportasi,serta penempatan gambar pada halamannya juga sudah pas,sehingga orang sudah mengerti bila ini website tentang transportasi.
Contoh 4:https://www.apple.com/
Apple telah menerapkan kaidah desain yang baik,bisa dilihat di websitenya apple menaruh banyak gambar dan memperbesar ukuran fontnya sehingga website apple tidak terkesan membosankan. Font yang digunakanpun adalah Arial,yang termasuk dalam font Sans-Serif yang cocok untuk tema teknologi.
Contoh 5:http://www.rockstargames.com/
Website games terkenal yaitu rockstar juga sudah menerapkan kaidah desain yang memang sudah seharusnya diterapkan. Size font yang digunakan besar dan tulisan yang disajikan sedikit,dikarenakan audience dari web ini adalah gamer yang tidak suka banyak tulisan. Di website ini jarak antar navigasi sudah disesuaikan sehingga terkesan rapi dan juga responsive bila diperbesar.
Contoh 6:https://www.cgv.id/en/
CGV adalah salah satu bioskop yang sudah cukup terkenal di indonesia,akan tetapi website yang dibuat masih belum responsive. Bila anda buka website tersebut menggunakan smartphone anda, maka tampilannya sama saja dengan tampilan desktop.
Contoh 7:https://unisys.uii.ac.id/
UII memiliki sebuah unisys dimana para mahasiswa dapat memantau nilai,status,dll. Akan tetapi unisys tersebut juga belum responsive,yang berakibat user harus menzoom bila mereka membukanya melalui smartphone.
Contoh 8:https://www.instagram.com/
Instagram tidak hanya dapat dibuka melalui aplikasi yang berada di smartphone android atau ios. Instagram juga bisa dibuka melalui websitenya,akan tetapi websitenya tidak mengikuti kaidah desain yang baik. Fontnya mungkin menarik karena dekoratif. Akan tetapi warna yang digunakan terlalu classic bila dilihat oleh user,padahal instagram suka dibuka oleh remaja dan anak-anak muda yang gemar akan warna yang menarik.
Contoh 9:http://www.filehippo.com/
Website yang menyediakan berbagai macam software ini,memiliki "kecacatan" dalam kaidah desainnya,yaitu tidak responsive dan juga isi konten yang kurang sesuai dengan temanya. Selain itu di bagian jendela navigasi,padding/jarak antar navigasi tidak simetris.
Contoh 10:http://modthesims.info/browse.php?gs=2
Bagi kalian yang suka main the sims pasti tau tempat download modnya yang paling populer,yaitu modthesims.info akan tetapi website tersebut tidak menerapkan kaidah desain yang baik,kenapa? Karena menu-menu di website tersebut tidak diatur ukurannya dan penempatannya. Atau dengan kata lain gridnya tidak rapi. Selain itu website tersebut tidak responsive bila anda membukanya melalui smartphone anda.
