13 contoh template ringan untuk digunakan di situs web Anda

Diterbitkan: 2022-09-27

Warna penting untuk membantu orang mengenali Anda , tetapi mereka juga memainkan peran penting dalam pengalaman mereka dengan situs Anda. Misalnya, pengunjung sering meninggalkan situs web karena merasa kontennya sulit dibaca. Template ringan biasanya merupakan pilihan yang baik untuk menghindari hal ini, karena memungkinkan pembuatan kontras tinggi dengan teks . Mari kita pelajari bersama mengapa Anda harus mempertimbangkan untuk membuat template ringan untuk situs Anda.

Arti dan psikologi putih

Warna putih memiliki arti yang berbeda dalam budaya Barat dan Timur. Dalam budaya Barat itu dikaitkan dengan kepolosan, kebaikan, kebersihan . Namun, di banyak budaya Timur, putih dikaitkan dengan kematian dan kesedihan. Mereka sering menggunakan warna ini dalam pemakaman sebagai lawan dari barat menggunakannya pada pernikahan.

Putih menyerupai keadaan kosong , yang melambangkan awal yang baru , seperti awal yang baru. Desainer interior suka menggunakannya untuk membuat ruangan terlihat lebih luas. Sementara ruangan yang benar-benar putih bisa tampak luas, mereka juga bisa terlihat kosong dan tidak ramah. Tentu saja, ini bukan alasan mengapa warna putih menjadi warna ruangan yang umum digunakan di rumah sakit. Bahkan, rumah sakit sering menggunakan warna putih karena menimbulkan rasa kemandulan .

Mengapa saya harus menggunakan warna terang di web?

Desainer web menggunakan warna-warna terang secara kolektif dari warna putih dan warna terang dari warna lain, seperti abu-abu atau biru . Ini membantu menciptakan perasaan kemurnian, kesegaran, kebersihan dan menciptakan kontras. Selain itu, desainer sering menggunakannya untuk membuat latar belakang netral dan membiarkan warna lain menjadi sorotan .

Template ringan adalah pilihan populer untuk membuat desain minimalis . Singkatnya, desain minimalis adalah teknik melucuti segala sesuatu hingga ke bentuk dasarnya. Dan tidak ada yang lebih mendasar dari warna putih dan warna terang lainnya.

Warna terang juga memiliki kontras yang tinggi dengan teks hitam pada template website. Faktanya, latar belakang putih dan teks gelap adalah kombinasi warna terbaik untuk keterbacaan.

13 contoh template ringan

Template ringan membantu menciptakan desain minimalis (dengan kata lain: tampak modern ) . Jadi, ada baiknya mempertimbangkan warna terang untuk situs web Anda. Di bawah ini saya telah mengumpulkan 13 contoh template ringan untuk inspirasi. Jika Anda menyukai salah satunya, Anda dapat mengimpornya ke Smart Slider dengan mengklik tombol.

1. Blok Obrolan Berikutnya

blok obrolan berikutnya

Pratinjau Langsung

Blok NextChat adalah contoh klasik menggunakan template ringan untuk membantu warna lain bersinar. Dalam hal ini, latar belakang putih dan teks abu-abu yang lebih gelap membantu menyorot tombol hijau.

2. Penggeser Produk Kotak


Pratinjau Langsung

Dalam template ringan ini Anda dapat melihat teks abu-abu dengan latar belakang putih. Pilihan warna ini membantu menonjolkan tombol CTA biru.

3. Kesehatan


Pratinjau Langsung

Rumah sakit sering memiliki kamar berwarna putih dan dokter memakai pakaian putih untuk rasa sterilitas. Biru mempromosikan kepercayaan dan ketergantungan. Akibatnya, kombinasi warna biru dan putih sangat bagus untuk situs web perawatan kesehatan.

4. Posting Korsel


Pratinjau Langsung

Apa yang membuat template ini menonjol adalah ia menggunakan latar belakang abu-abu terang untuk kontennya dan latar belakang putih untuk teksnya. Praktik ini meningkatkan keterbacaan dan putih juga menyoroti area konten.

5. Karir

Template cahaya karir

Pratinjau Langsung

Dasar dari template ringan ini adalah warna biru muda. Ia menggunakan warna putih untuk beberapa tujuan berbeda. Pertama, untuk membuat kontras tinggi antara teks dan latar belakangnya. Kedua, ini adalah warna highlight untuk tombol dan peluru. Selain itu, Pembagi Bentuk animasi juga berwarna putih.

6. Segera Hadir

Segera hadir template

Pratinjau Langsung

Template ini memiliki kontras yang sangat baik antara latar belakang dan konten tekstualnya. Latar belakangnya putih, dan teksnya berwarna abu-abu gelap. Hasilnya, ada cukup kontras dan kontennya mudah dibaca, menjadikannya contoh template ringan yang bagus. Warna biru juga sangat cocok untuk menyorot konten.

7. Bandingkan Produk

Produk Bandingkan template ringan

Pratinjau Langsung

Template ini menggunakan warna terang kabur di latar belakangnya dan warna gelap kontras tinggi untuk teksnya. Ini juga memiliki Pembagi Bentuk putih agar terlihat lebih ringan.

8. Posting Slider Showcase

etalase geser pos

Pratinjau Langsung

Template ringan ini adalah template hitam putih yang tampak hebat. Warna hanya berasal dari gambar. Bahkan, gambar di sampingnya semi transparan, sehingga terlihat lebih terang. Latar belakangnya putih, teksnya abu-abu sehingga kontrasnya bagus.

9. 404 Ilustrasi

Template cahaya ilustrasi

Pratinjau Langsung

Dasar dari template cahaya yang bagus ini memiliki latar belakang abu-abu terang dengan objek abu-abu kebiruan di atasnya. Teksnya berwarna biru tua sehingga memiliki kontras yang tinggi dengan latar belakang.

10. Tukang cukur


Pratinjau Langsung

Apa yang membuat contoh ini menjadi template terang yang bagus adalah ia menggunakan teks berwarna gelap pada latar belakang terang. Selain itu, ia menggunakan warna highlight emas untuk membuat beberapa elemen menonjol.

11. Interior


Pratinjau Langsung

Template ini menggunakan warna latar belakang biru muda. Teksnya berwarna abu-abu kebiruan yang lebih gelap yang bagus untuk kontras. Ini juga menggunakan warna putih untuk menciptakan lebih banyak kontras antara latar belakang dan teks.

12. Etalase Kesaksian

etalase testimoni

Pratinjau Langsung

Abu-abu dan putih adalah kombinasi warna yang populer untuk membuat template yang ringan. Dalam contoh ini warna abu-abu adalah latar belakang utama. Namun, konten tekstual berada di latar belakang putih yang membantu meningkatkan keterbacaan. Lalu ada warna hijau untuk menyorot tombol CTA dan navigasi. Jadi warna abu-abu netral dan putih kosong biarkan hijau menjadi sorotan.

13. Korsel Produk Lebar Penuh

templat lampu carousel produk lebar penuh

Pratinjau Langsung

Putih dan hitam (atau abu-abu gelap) menciptakan kontras yang luar biasa. Akibatnya, teks gelap mudah dibaca pada template yang terang. Untuk membuat produk terlihat lebih menarik, kami menonjolkan setiap gambar produk dengan warna pastel. Nuansa warna terang ini membuat template terlihat lebih menarik. Selain itu, mereka menjaga tampilan minimalis.

Kesimpulan

Latar belakang putih dan teks hitam membuat teks mudah dibaca. Ini adalah kombinasi warna sederhana dan mudah yang membantu meningkatkan keterbacaan teks situs Anda. Template ht ringan sering kali terlihat minimalis, dan yang lebih penting, modern . Pengunjung selalu suka melihat halaman web yang tampak modern, jadi ada baiknya mempertimbangkan template ringan untuk situs Anda.