[{"data":1,"prerenderedAt":75},["Reactive",2],{"kQxqequn1v":3,"_apollo:default":74},{"inspiration":4},{"id":5,"inspirationId":6,"commentCount":7,"date":8,"modified":9,"acf_inspiration":10,"__typename":63},"cG9zdDoxMjE5",1219,null,"2023-02-23T17:09:22","2023-02-28 20:22:26",{"defaultColor":11,"accentColor":12,"tags":13,"technicalLevel":14,"layouts":15,"__typename":62},"#ffffff","#24e2e2","UI","lvl1",[16,23,34,42,49],{"desc":17,"title":18,"url":7,"image":19,"__typename":22},"and this is why you shouldn't be using the base ones. Using pure black (#000000) or pure white (#FFFFFF) in your web designs might have a negative effect on your users experience.","There are 16 million colors",{"mediaItemUrl":20,"__typename":21},"https://jalokim.graphics/api/wp-content/uploads/2023/02/Screenshot-2023-02-23-at-18.08.59.jpg","MediaItem","Inspiration_AcfInspiration_Layouts_HeaderBanner5050",{"desc":24,"title":25,"order":26,"images":27,"__typename":33},"Having pure white text on a pure black background or vice versa creates a harsh contrast and may cause eye strain, especially when used extensively or in large areas. Pure white can create visual fatigue and strain, especially in low-light conditions. Additionally white colors, commonly used in backgrounds, force LEDs to shine with full strength which is bad economically.\u003Cbr>\u003Cbr>\r\nThe recent trend in dark mode versions only supports this further.","The problem of fatigue","reversed",[28],{"image":29,"__typename":32},{"mediaItemUrl":30,"mimeType":31,"__typename":21},"https://jalokim.graphics/api/wp-content/uploads/2023/02/black-and-white-text.jpg","image/jpeg","Inspiration_AcfInspiration_Layouts_FourBlock_images","Inspiration_AcfInspiration_Layouts_FourBlock",{"desc":35,"title":36,"order":37,"images":38,"__typename":33},"Pure black may not be recommended is that it can appear too stark and lack depth, especially when used in conjunction with other colors or imagery. By using softer shades of black, designers can create a more balanced and nuanced visual experience.","The problem of contrast","normal",[39],{"image":40,"__typename":32},{"mediaItemUrl":41,"mimeType":31,"__typename":21},"https://jalokim.graphics/api/wp-content/uploads/2023/02/black-and-white-text-2.jpg",{"desc":43,"title":44,"order":26,"images":45,"__typename":33},"Just don't use them.\u003Cbr>\u003Cbr>\r\nYou can use a slightly lighter tone of black, or a slightly off-white and you'll be on your way.\r\nAlternatively you can also tint your darks and lights with a color. In the example you can see a really deep bottle green and a deep space purple. Or a really light blue as an alternative to pure white.\u003Cbr>\u003Cbr>\r\nSee what works best with your design. Do you want to learn more about UX? \u003Ca href=\"/glossary\">Take a look at my glossary\u003C/a>","How to solve this?",[46],{"image":47,"__typename":32},{"mediaItemUrl":48,"mimeType":31,"__typename":21},"https://jalokim.graphics/api/wp-content/uploads/2023/02/black-and-white-text-3.jpg",{"fieldGroupName":50,"suggestedPost":51,"__typename":50},"Inspiration_AcfInspiration_Layouts_NextPosts",[52,64],{"slug":53,"featuredImage":54,"title":58,"acf_inspiration":59,"__typename":63},"vertical-rhythm-keep-spacing-unified",{"node":55,"__typename":57},{"mediaItemUrl":56,"__typename":21},"https://jalokim.graphics/api/wp-content/uploads/2023/02/entry-ux-spacing-500x500.jpg","NodeWithFeaturedImageToMediaItemConnectionEdge","[UX Quickie] Vertical Rhythm – keep your spacing unified",{"accentColor":60,"defaultColor":61,"technicalLevel":14,"__typename":62},"#1acea4","#bfef13","Inspiration_AcfInspiration","Inspiration",{"slug":65,"featuredImage":66,"title":69,"acf_inspiration":70,"__typename":63},"design-is-discipline",{"node":67,"__typename":57},{"mediaItemUrl":68,"__typename":21},"https://jalokim.graphics/api/wp-content/uploads/2020/07/did-1-500x500.jpg","Design is Discipline",{"accentColor":71,"defaultColor":72,"technicalLevel":73,"__typename":62},"#05df76","#00d3e2","lvl10",{},1713287144962]