{"id":3367,"date":"2023-09-13T16:37:33","date_gmt":"2023-09-13T09:37:33","guid":{"rendered":"https:\/\/bikin.website\/blog\/?p=3367"},"modified":"2023-11-22T11:39:11","modified_gmt":"2023-11-22T04:39:11","slug":"pengaruh-warna-dan-tipografi-pada-website","status":"publish","type":"post","link":"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/","title":{"rendered":"Wajib Tahu, Ternyata Ini Pengaruh Warna dan Tipografi pada Website!"},"content":{"rendered":"<p><b><i>Pernah nggak sih <\/i><\/b><span style=\"font-weight: 400;\">Anda masuk ke blog yang menggunakan <\/span><i><span style=\"font-weight: 400;\">font handwriting<\/span><\/i><span style=\"font-weight: 400;\"> di sepanjang judul dan teks? Atau mungkin website dengan warna latarnya yang <\/span><b><i>super<\/i><\/b><span style=\"font-weight: 400;\"> kontras?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, ketika Anda ditemukan tampilan website yang seperti ini, apa pendapat Anda? Bisa ditebak, kebanyakan pasti tidak sanggup untuk menjelajahi website tersebut lebih jauh karena <\/span><b><i>mata terlanjur sakit<\/i><\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ketika mendesain suatu website, terkadang orang memilih warna dan <\/span><i><span style=\"font-weight: 400;\">font<\/span><\/i><span style=\"font-weight: 400;\"> teks sesuai selera mereka. Akhirnya, terjadilah seperti ini, desain website yang <\/span><b><i>bikin sakit mata<\/i><\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Padahal, memilih warna dan tipografi pada desain website itu tidak boleh asal-asalan, lho. Ini karena ada pengaruh dari warna dan tipografi pada desain website Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika dipilih asal-asalan hanya karena senang dengan warna atau <\/span><i><span style=\"font-weight: 400;\">font<\/span><\/i><span style=\"font-weight: 400;\"> tersebut, ini bisa cukup berdampak ke konversi website Anda, lho.\u00a0<\/span><\/p>\n<p><i><span style=\"font-weight: 400;\">Yup<\/span><\/i><span style=\"font-weight: 400;\">, memang bisa seperti itu pengaruh dari warna dan tipografi pada desain website Anda. Supaya Anda bisa memilih warna dan tipografi yang tepat, Anda harus pelajari lebih dulu nih apa saja sih pengaruh dari kedua elemen ini?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, semua ini akan kita bahas secara tuntas dalam artikel kali ini. Kalau begitu, simak pembahasan selengkapnya di bawah ini hingga akhir, ya!<\/span><\/p>\n<h2><b>Bagaimana Pengaruh Warna dan Tipografi pada Desain Website?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Supaya pengunjung tertarik, tentu diperlukan tampilan desain website yang bisa menarik perhatian, bukan?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, untuk mewujudkan desain website yang menarik, ada 2 komponen penting nih yang harus Anda perhatikan yaitu warna dan tipografi.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kenapa kedua komponen ini sangat penting? Hal ini karena warna dan tipografi lah yang akan dilihat pertama kali oleh pengunjung.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sehingga, warna dan topografi cukup berpengaruh nih terhadap pandangan pengunjung pada website Anda. <\/span><b><i>Lantas, apa sih pengaruh keduanya?<\/i><\/b><\/p>\n<h3><b>Pengaruh Warna pada Desain Website<\/b><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-3368\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/pengaruh-warna-dan-tipografi-pada-website-scaled.jpg\" alt=\"pengaruh warna dan tipografi pada website\" width=\"355\" height=\"355\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/pengaruh-warna-dan-tipografi-pada-website-scaled.jpg 2560w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/pengaruh-warna-dan-tipografi-pada-website-300x300.jpg 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/pengaruh-warna-dan-tipografi-pada-website-1024x1024.jpg 1024w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/pengaruh-warna-dan-tipografi-pada-website-150x150.jpg 150w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/pengaruh-warna-dan-tipografi-pada-website-768x768.jpg 768w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/pengaruh-warna-dan-tipografi-pada-website-1536x1536.jpg 1536w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/pengaruh-warna-dan-tipografi-pada-website-2048x2048.jpg 2048w\" sizes=\"(max-width: 355px) 100vw, 355px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Ketika Anda melihat warna merah, apa yang muncul di pikiran Anda? Mungkin ada sebagian dari Anda yang berpikir merah itu <\/span><b>cerah<\/b><span style=\"font-weight: 400;\">, <\/span><b>berani<\/b><span style=\"font-weight: 400;\">, <\/span><b><i>strong<\/i><\/b><span style=\"font-weight: 400;\"> dan sebagainya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Beda lagi kalau Anda melihat seseorang berpakaian warna merah. Mungkin Anda akan berpikir orang tersebut menarik dengan warna merah atau malah tidak sama sekali.<\/span><\/p>\n<p><b><i>Kenapa sih kami bertanya seperti ini? <\/i><\/b><span style=\"font-weight: 400;\">Ini menjadi bukti kalau ternyata warna mampu memberikan pengaruh yang cukup besar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Warna memberikan pengaruh yang cukup signifikan terhadap bagaimana cara kita memandang sesuatu dan setiap orang tentu akan memiliki pandangan yang berbeda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hal ini pun juga berlaku pada desain website Anda. Saat Anda memilih warna, ada 2 kemungkinan yang bisa terjadi.<\/span><\/p>\n<p><b>Pertama<\/b><span style=\"font-weight: 400;\">, jika pemilihannya tepat, warna ini bisa membantu pengunjung untuk bisa memahami dan menjelajahi website Anda dengan baik.\u00a0<\/span><\/p>\n<p><b>Kedua<\/b><span style=\"font-weight: 400;\">, kalau pemilihannya tidak tepat, warna ini bisa sangat mengganggu pengunjung hingga mereka tidak bisa menjelajahi website Anda dan menemukan yang mereka cari.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Supaya Anda bisa lebih paham seberapa besar pengaruh warna pada desain website, coba Anda lihat contoh di bawah ini. <img decoding=\"async\" class=\"aligncenter wp-image-3392\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/contoh-pengaruh-warna-pada-desain-website.png\" alt=\"contoh pengaruh warna pada desain website\" width=\"392\" height=\"294\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/contoh-pengaruh-warna-pada-desain-website.png 480w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/contoh-pengaruh-warna-pada-desain-website-300x225.png 300w\" sizes=\"(max-width: 392px) 100vw, 392px\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, dari contoh di atas, mana yang lebih mudah Anda baca? Bukankah lebih mudah membaca teks yang pertama?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pemilihan dan perpaduan warna yang tepat dapat memberikan pengaruh yang luar biasa pada desain website Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pengunjung tidak hanya pengelaman yang baik saat menjelajahi website Anda, tapi mereka juga bisa langsung mengenali <\/span><i><span style=\"font-weight: 400;\">brand<\/span><\/i><span style=\"font-weight: 400;\"> Anda hanya dari warna.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Namun, ketika Anda memilih warna yang salah, bukan hanya membuat pengunjung sulit menjelajahi website Anda. Tapi, ini juga bisa menurunkan kepercayaan pengunjung pada website Anda.<\/span><\/p>\n<blockquote><p><strong>Baca juga:\u00a0<a href=\"https:\/\/bikin.website\/blog\/pentingnya-user-experience\/\">Ini Pentingnya User Experience dalam Web Design, Jangan Skip!<\/a><\/strong><\/p><\/blockquote>\n<h3><b>Pengaruh Tipografi pada Desain Website<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Sama seperti warna, tipografi pun juga memiliki pengaruh yang cukup besar lho pada desain website Anda.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, tipografi sendiri merupakan keseluruhan teks dalam desain. Mulai dari <\/span><i><span style=\"font-weight: 400;\">font<\/span><\/i><span style=\"font-weight: 400;\">, ukuran, warna, <\/span><i><span style=\"font-weight: 400;\">alignment<\/span><\/i><span style=\"font-weight: 400;\">, dekorasi, <\/span><i><span style=\"font-weight: 400;\">line spacing<\/span><\/i><span style=\"font-weight: 400;\"> dan sebagainya. <\/span><\/p>\n<p><b><i>Lantas, gimana sih pengaruh tipografi pada desain website?\u00a0<\/i><\/b><\/p>\n<p><span style=\"font-weight: 400;\">Ketika Anda membuat website, teks di dalamnya tentu berfungsi untuk menyampaikan apa yang ingin Anda sampaikan. Entah itu berupa <\/span><i><span style=\"font-weight: 400;\">about us<\/span><\/i><span style=\"font-weight: 400;\">, konten blog, <\/span><i><span style=\"font-weight: 400;\">headline<\/span><\/i><span style=\"font-weight: 400;\">, navigasi dan sebagainya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Supaya pesan ini mudah tersampaikan, tentulah harus mudah terbaca. Namun, apakah Anda bisa menangkap pesan yang diberikan kalau <\/span><i><span style=\"font-weight: 400;\">font<\/span><\/i><span style=\"font-weight: 400;\">-nya saja sulit untuk dibaca?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Misalnya seperti ini. <img decoding=\"async\" class=\"aligncenter size-full wp-image-3393\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/contoh-pengaruh-tipografi-pada-desain-website.png\" alt=\"contoh pengaruh tipografi pada desain website\" width=\"480\" height=\"212\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/contoh-pengaruh-tipografi-pada-desain-website.png 480w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/contoh-pengaruh-tipografi-pada-desain-website-300x133.png 300w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Apalagi kalau letaknya sulit untuk ditemukan, makin tidak tersampaikan pesan yang Anda berikan. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mungkin Anda merasa tidak masalah karena pengunjung pasti lah akan membacanya dengan seksama.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Namun, faktanya kan tidak begitu. Alih-alih membaca dengan seksama, pengunjung lebih senang men-<\/span><i><span style=\"font-weight: 400;\">scanning<\/span><\/i><span style=\"font-weight: 400;\"> informasi yang ada secara cepat.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, kalau teksnya saja sulit dibaca seperti di atas, <\/span><b><i>gimana lah caranya mereka bisa menemukan apa yang mereka cari?<\/i><\/b><\/p>\n<p><span style=\"font-weight: 400;\">Jika sudah terjadi seperti ini, bukan tidak mungkin mereka akan meninggalkan website Anda dan beralih ke website lainnya yang lebih jelas. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Yang mana, ini berarti Anda sudah kehilangan kepercayaan pengunjung.<\/span><\/p>\n<blockquote><p><strong>Baca juga:\u00a0<a href=\"https:\/\/bikin.website\/blog\/layout-website-yang-baik\/\">7+ Layout Website yang Baik, Dijamin User-Friendly!<\/a><\/strong><\/p><\/blockquote>\n<h2><b>Tips Memilih Warna dan Tipografi yang Tepat dalam Desain Website<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Setelah menyimak penjelasan di atas, kini Anda sudah tahu betapa pentingnya warna dan tipografi dalam desain website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Anda tidak bisa asal-asalan memilih kalau tidak ingin kehilangan pengunjung dan kepercayaannya akibat website yang tidak nyaman digunakan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Siapa yang akan percaya dengan informasi yang Anda sampaikan kalau desain website-nya saja tidak menarik dan meyakinkan?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, supaya Anda tidak kehilangan pengunjung dan kepercayaan mereka, berikut ini beberapa tips yang bisa Anda lakukan.<\/span><\/p>\n<h3><b>Cara Memilih Warna yang Tepat dalam Desain Website<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Untuk memilih warna yang tepat, ada <\/span><a href=\"https:\/\/elementor.com\/blog\/color-theory-web-design\/#:~:text=On%20Your%20Website-,Why%20Color%20Matters%20In%20Web%20Design,Call%20to%20Action%20(CTA).\"><span style=\"font-weight: 400;\">beberapa hal yang harus Anda lakukan<\/span><\/a><span style=\"font-weight: 400;\"> nih, yaitu:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Pilihlah warna yang betul-betul <\/span><b>menggambarkan <\/b><b><i>brand<\/i><\/b><b> atau website Anda<\/b><span style=\"font-weight: 400;\">. Untuk memilihnya, Anda bisa melihat produk yang Anda tawarkan dan definisi dari setiap warna.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Gunakanlah <\/span><b>palet warna netral<\/b><span style=\"font-weight: 400;\"> lebih dulu saat memilih <a href=\"https:\/\/bikin.website\/blog\/kombinasi-warna-website\/\">kombinasi warna<\/a> untuk teks dan latar website. Ini akan membuat prosesnya lebih mudah karena warna netral memang lebih mudah untuk dikombinasikan.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Jika ingin menyorot suatu teks atau bagian tertentu, Anda bisa menggunakan <\/span><b>1 warna untuk meng-<\/b><b><i>highlight<\/i><\/b><b>-nya<\/b><span style=\"font-weight: 400;\">. Misalnya untuk bagian <\/span><i><span style=\"font-weight: 400;\">link<\/span><\/i><span style=\"font-weight: 400;\"> atau tombol CTA bisa menggunakan warna yang kontras, tapi tetap padu.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Untuk meng-<\/span><i><span style=\"font-weight: 400;\">highlight <\/span><\/i><span style=\"font-weight: 400;\">berbagai bagian dengan baik, Anda bisa <\/span><b>memilih variasi warna<\/b><span style=\"font-weight: 400;\">. Misalnya warna merah untuk tombol CTA dan orange untuk <\/span><i><span style=\"font-weight: 400;\">link<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<p><b>Cara Memilih Tipografi yang Tepat dalam Desain Website<\/b><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, untuk memilih dan menerapkan tipografi yang tepat dalam desain website, Anda bisa mengikuti beberapa tips berikut ini:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Pastikan <\/span><b>hirarki visual dari desain website Anda tetap baik<\/b><span style=\"font-weight: 400;\">, terutama untuk setiap konten. Ini akan memudahkan pengunjung menemukan informasi yang mereka butuhkan.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Pilih <\/span><b><i>font <\/i><\/b><b>yang jelas dan mudah dibaca<\/b><span style=\"font-weight: 400;\">. Untuk memilihnya, Anda bisa sesuaikan dengan <\/span><i><span style=\"font-weight: 400;\">branding<\/span><\/i><span style=\"font-weight: 400;\"> dari website Anda.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Pilihlah <\/span><b>warna yang menonjol dari warna latar website<\/b><span style=\"font-weight: 400;\">. Ini akan membuat informasi dan teks yang ada tampak lebih terlihat.<\/span><\/li>\n<\/ul>\n<h3><b>Sudah Paham Pengaruh Warna dan Tipografi pada Desain Website?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Dalam desain UI website, warna dan tipografi menjadi komponen yang sangat penting nih. Karena kedua komponen ini ternyata memiliki pengaruh yang cukup besar pada desain website Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika salah atau memilih secara asal-asalan, bisa-bisa website Anda malah kehilangan pengunjung dan kepercayaannya. Siapa yang bisa percaya kalau tampilan website-nya saja tidak meyakinkan?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selain itu, pengunjung akan kesulitan untuk mendapatkan informasi kalau warna dan tipografi yang Anda gunakan malah mengganggu pandangan mereka.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Untuk itu, Anda perlu memahami dengan baik pengaruh apa yang bisa diberikan oleh warna dan tipografi pada desain website Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Anda juga bisa mengikuti cara terbaik untuk memilih warna dan tipografi yang tepat supaya desain website Anda bisa membantu pengunjung menemukan apa yang mereka cari.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, untuk urusan ini, Anda tidak perlu bingung karena ada tim Bikin.Website yang siap membantu Anda. Tinggal konsultasikan bagaimana website impian Anda dan tim kami siap mewujudkannya.<\/span><\/p>\n<p style=\"text-align: center;\"><a class=\"wp-block-button__link has-white-color has-text-color has-background\" style=\"background-color: #181585;\" href=\"https:\/\/bikin.website\/?utm_source=website&amp;utm_medium=blog&amp;utm_campaign=website-blog-bikinwebsite-pengaruh+warna+dan+tipografi+pada+website\" target=\"_blank\" rel=\"nofollow noopener\">Konsultasikan Dulu Aja Di Sini, Gratis!<\/a><\/p>\n<p><span style=\"font-weight: 400;\">Sampai di sini dulu pembahasan kami kali ini. Semoga Anda bisa lebih memahami seberapa pengaruh yang diberikan dan bagaimana cara memilih warna serta tipografi yang tepat.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika ada pertanyaan atau ingin berdiskusi tentang topik ini, jangan ragu buat <\/span><i><span style=\"font-weight: 400;\">drop<\/span><\/i><span style=\"font-weight: 400;\"> pendapat Anda lewat kolom komentar, ya!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pernah nggak sih Anda masuk ke blog yang menggunakan font handwriting di sepanjang judul dan teks? Atau mungkin website dengan warna latarnya yang super kontras? Nah, ketika Anda ditemukan tampilan website yang seperti ini, apa pendapat Anda? Bisa ditebak, kebanyakan pasti tidak sanggup untuk menjelajahi website tersebut lebih jauh karena mata terlanjur sakit. Ketika mendesain [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":3370,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[3,835],"tags":[1091],"class_list":["post-3367","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips","category-website","tag-pengaruh-warna-dan-tipografi-pada-website"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Wajib Tahu, Ternyata Ini Pengaruh Warna dan Tipografi pada Website!<\/title>\n<meta name=\"description\" content=\"Jangan asal memilih warna dan tipografi kalau tidak ingin kehilangan pengunjung. Ketahui pengaruh warna dan tipografi pada website di sini!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wajib Tahu, Ternyata Ini Pengaruh Warna dan Tipografi pada Website!\" \/>\n<meta property=\"og:description\" content=\"Jangan asal memilih warna dan tipografi kalau tidak ingin kehilangan pengunjung. Ketahui pengaruh warna dan tipografi pada website di sini!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Bikin.Website\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-13T09:37:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-22T04:39:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/pengaruh-warna-dan-tipografi-pada-website-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1333\" \/>\n\t<meta property=\"og:image:height\" content=\"992\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Severina Ratih\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Severina Ratih\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pengaruh-warna-dan-tipografi-pada-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pengaruh-warna-dan-tipografi-pada-website\\\/\"},\"author\":{\"name\":\"Severina Ratih\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/aa838f6f33fc51efa6b5c41f140ef040\"},\"headline\":\"Wajib Tahu, Ternyata Ini Pengaruh Warna dan Tipografi pada Website!\",\"datePublished\":\"2023-09-13T09:37:33+00:00\",\"dateModified\":\"2023-11-22T04:39:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pengaruh-warna-dan-tipografi-pada-website\\\/\"},\"wordCount\":1229,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pengaruh-warna-dan-tipografi-pada-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/pengaruh-warna-dan-tipografi-pada-website-1.jpg\",\"keywords\":[\"pengaruh warna dan tipografi pada website\"],\"articleSection\":[\"Tips\",\"website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/pengaruh-warna-dan-tipografi-pada-website\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pengaruh-warna-dan-tipografi-pada-website\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pengaruh-warna-dan-tipografi-pada-website\\\/\",\"name\":\"Wajib Tahu, Ternyata Ini Pengaruh Warna dan Tipografi pada Website!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pengaruh-warna-dan-tipografi-pada-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pengaruh-warna-dan-tipografi-pada-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/pengaruh-warna-dan-tipografi-pada-website-1.jpg\",\"datePublished\":\"2023-09-13T09:37:33+00:00\",\"dateModified\":\"2023-11-22T04:39:11+00:00\",\"description\":\"Jangan asal memilih warna dan tipografi kalau tidak ingin kehilangan pengunjung. Ketahui pengaruh warna dan tipografi pada website di sini!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pengaruh-warna-dan-tipografi-pada-website\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/pengaruh-warna-dan-tipografi-pada-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pengaruh-warna-dan-tipografi-pada-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/pengaruh-warna-dan-tipografi-pada-website-1.jpg\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/pengaruh-warna-dan-tipografi-pada-website-1.jpg\",\"width\":1333,\"height\":992,\"caption\":\"pengaruh warna dan tipografi pada website\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pengaruh-warna-dan-tipografi-pada-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wajib Tahu, Ternyata Ini Pengaruh Warna dan Tipografi pada Website!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\",\"name\":\"Bikin.Website\",\"description\":\"Tips Bikin Website dan Bisnis Online\",\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bikin.website\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\",\"name\":\"Bikin.Website\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo-blue.png\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo-blue.png\",\"width\":3342,\"height\":409,\"caption\":\"Bikin.Website\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/aa838f6f33fc51efa6b5c41f140ef040\",\"name\":\"Severina Ratih\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"caption\":\"Severina Ratih\"},\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/author\\\/severina\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wajib Tahu, Ternyata Ini Pengaruh Warna dan Tipografi pada Website!","description":"Jangan asal memilih warna dan tipografi kalau tidak ingin kehilangan pengunjung. Ketahui pengaruh warna dan tipografi pada website di sini!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/","og_locale":"en_US","og_type":"article","og_title":"Wajib Tahu, Ternyata Ini Pengaruh Warna dan Tipografi pada Website!","og_description":"Jangan asal memilih warna dan tipografi kalau tidak ingin kehilangan pengunjung. Ketahui pengaruh warna dan tipografi pada website di sini!","og_url":"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/","og_site_name":"Bikin.Website","article_published_time":"2023-09-13T09:37:33+00:00","article_modified_time":"2023-11-22T04:39:11+00:00","og_image":[{"width":1333,"height":992,"url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/pengaruh-warna-dan-tipografi-pada-website-1.jpg","type":"image\/jpeg"}],"author":"Severina Ratih","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Severina Ratih","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/#article","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/"},"author":{"name":"Severina Ratih","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/aa838f6f33fc51efa6b5c41f140ef040"},"headline":"Wajib Tahu, Ternyata Ini Pengaruh Warna dan Tipografi pada Website!","datePublished":"2023-09-13T09:37:33+00:00","dateModified":"2023-11-22T04:39:11+00:00","mainEntityOfPage":{"@id":"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/"},"wordCount":1229,"commentCount":0,"publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"image":{"@id":"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/pengaruh-warna-dan-tipografi-pada-website-1.jpg","keywords":["pengaruh warna dan tipografi pada website"],"articleSection":["Tips","website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/","url":"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/","name":"Wajib Tahu, Ternyata Ini Pengaruh Warna dan Tipografi pada Website!","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/#primaryimage"},"image":{"@id":"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/pengaruh-warna-dan-tipografi-pada-website-1.jpg","datePublished":"2023-09-13T09:37:33+00:00","dateModified":"2023-11-22T04:39:11+00:00","description":"Jangan asal memilih warna dan tipografi kalau tidak ingin kehilangan pengunjung. Ketahui pengaruh warna dan tipografi pada website di sini!","breadcrumb":{"@id":"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/#primaryimage","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/pengaruh-warna-dan-tipografi-pada-website-1.jpg","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/pengaruh-warna-dan-tipografi-pada-website-1.jpg","width":1333,"height":992,"caption":"pengaruh warna dan tipografi pada website"},{"@type":"BreadcrumbList","@id":"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bikin.website\/blog\/"},{"@type":"ListItem","position":2,"name":"Wajib Tahu, Ternyata Ini Pengaruh Warna dan Tipografi pada Website!"}]},{"@type":"WebSite","@id":"https:\/\/bikin.website\/blog\/#website","url":"https:\/\/bikin.website\/blog\/","name":"Bikin.Website","description":"Tips Bikin Website dan Bisnis Online","publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bikin.website\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bikin.website\/blog\/#organization","name":"Bikin.Website","url":"https:\/\/bikin.website\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2019\/10\/logo-blue.png","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2019\/10\/logo-blue.png","width":3342,"height":409,"caption":"Bikin.Website"},"image":{"@id":"https:\/\/bikin.website\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/aa838f6f33fc51efa6b5c41f140ef040","name":"Severina Ratih","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","caption":"Severina Ratih"},"url":"https:\/\/bikin.website\/blog\/author\/severina\/"}]}},"_links":{"self":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/3367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/comments?post=3367"}],"version-history":[{"count":3,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/3367\/revisions"}],"predecessor-version":[{"id":3552,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/3367\/revisions\/3552"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media\/3370"}],"wp:attachment":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media?parent=3367"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/categories?post=3367"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/tags?post=3367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}