{"id":15299,"date":"2026-01-06T10:17:05","date_gmt":"2026-01-06T10:17:05","guid":{"rendered":"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/?p=15299"},"modified":"2026-04-17T17:42:35","modified_gmt":"2026-04-17T17:42:35","slug":"surveillance-design-stl","status":"publish","type":"post","link":"https:\/\/www.kittl.com\/blogs\/surveillance-design-stl\/","title":{"rendered":"Never miss a moment, Surveillance design trend in 2026"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Surveillance Design is one of those styles you probably didn\u2019t have a name for \u2014 until now.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You\u2019ve seen it, though.<br>A box around someone\u2019s face.<br>A label pointing at a shoe.<br>A low-res photo suddenly framed like it\u2019s being analyzed instead of admired.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It looks a bit like security footage, a bit like an interface, and a bit like someone halfway through marking up a screenshot. And somehow, it works.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this <a href=\"https:\/\/www.kittl.com\/blogs\/graphic-design-trends-2026\/\" target=\"_blank\" rel=\"noreferrer noopener\">design trend in 2026<\/a>,, designers are leaning into this look because it\u2019s simple, flexible, and surprisingly expressive. You don\u2019t need perfect images or complicated layouts. A few boxes, some system-style type, and a little restraint go a long way.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this breakdown, we\u2019ll walk through what Surveillance Design actually is, what makes it feel convincing (and what makes it look fake), and how to recreate the style in Kittl using tools you already know.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/01\/surveillancedesignmadebykittl-819x1024.webp\" alt=\"Surveillance design made by Kittl\" class=\"wp-image-15574\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/surveillancedesignmadebykittl-819x1024.webp 819w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/surveillancedesignmadebykittl-240x300.webp 240w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/surveillancedesignmadebykittl-768x960.webp 768w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/surveillancedesignmadebykittl.webp 916w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"http:\/\/app.kittl.com\" target=\"_blank\" rel=\"noreferrer noopener\">Try it yourself on Kittl!<\/a><\/div>\n<\/div>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id15299_5391bb-43 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id15299_5391bb-43 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id15299_5391bb-43 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id15299_5391bb-43 .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n\n<h2 class=\"wp-block-heading\"><strong><strong><strong><strong>Where Surveillance Design comes from<\/strong><\/strong><\/strong><\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"513\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-1.webp\" alt=\"\" class=\"wp-image-20628\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-1.webp 900w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-1-300x171.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-1-768x438.webp 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Surveillance Design pulls from visuals we all recognize instinctively.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Security cameras<\/li>\n\n\n\n<li>Facial recognition boxes<\/li>\n\n\n\n<li>Airport scanners<\/li>\n\n\n\n<li>Heat maps<\/li>\n\n\n\n<li>Early UI overlays and system readouts<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">None of this was ever meant to be \u201cdesigned\u201d in the traditional sense. These visuals existed to track, identify, and monitor \u2014 not to look good.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">What designers are doing now is borrowing that language and using it intentionally. The boxes, labels, and lines aren\u2019t there to actually explain anything. They\u2019re there to <em>frame<\/em> the image. To slow you down. To make you look twice.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s less about surveillance itself and more about the feeling of being observed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why designers are using this style in 2026<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There\u2019s nothing mysterious about why Surveillance Design is showing up right now.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First, it works really well with the kind of images we already have. Phone photos. Screenshots. Slightly blurry, badly cropped, very normal pictures. This style doesn\u2019t fight those imperfections \u2014 it benefits from them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Second, it adds structure without a lot of effort. One box and a label can turn a forgettable image into something that feels intentional. You don\u2019t need illustrations, complex typography, or heavy effects.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And third, it feels current. We\u2019re used to interfaces marking things up for us. Surveillance Design just makes that process visible \u2014 and playful.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-2.webp\" alt=\"\" class=\"wp-image-20629\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-2.webp 900w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-2-300x200.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-2-768x512.webp 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box15299_f6cdbd-14 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box15299_f6cdbd-14 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#e0f2ff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box15299_f6cdbd-14 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box15299_f6cdbd-14 .kt-info-svg-icon-flip, .kt-info-box15299_f6cdbd-14 .kt-blocks-info-box-number{font-size:20px;}.kt-info-box15299_f6cdbd-14 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box15299_f6cdbd-14 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box15299_f6cdbd-14 .kt-infobox-textcontent p.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_f6cdbd-14 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_f6cdbd-14 .kt-blocks-info-box-link-wrap{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_f6cdbd-14 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}@media all and (max-width: 1024px){.kt-info-box15299_f6cdbd-14 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}}@media all and (max-width: 1024px){.kt-info-box15299_f6cdbd-14 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}@media all and (max-width: 767px){.kt-info-box15299_f6cdbd-14 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_f6cdbd-14 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box15299_f6cdbd-14\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kb-custom-9633 kt-info-svg-icon\"><svg viewBox=\"0 0 20 21\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><g clip-path=\"url(#clip0_1680_2910)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.82963 2.61528C6.9361 1.50881 8.43679 0.887207 10.0016 0.887207C11.5663 0.887207 13.067 1.50881 14.1735 2.61528C15.28 3.72174 15.9016 5.22243 15.9016 6.78721C15.9016 8.08514 15.4056 9.4153 14.3725 10.3557C13.776 10.9548 13.5002 11.383 13.3841 11.9637C13.2866 12.4511 12.8125 12.7672 12.3251 12.6697C11.8377 12.5722 11.5216 12.0981 11.619 11.6107C11.8352 10.5297 12.389 9.79364 13.1152 9.06748C13.1263 9.05632 13.1378 9.04546 13.1495 9.03491C13.7702 8.47627 14.1016 7.64805 14.1016 6.78721C14.1016 5.69982 13.6696 4.65697 12.9007 3.88807C12.1318 3.11917 11.089 2.68721 10.0016 2.68721C8.91418 2.68721 7.87132 3.11917 7.10242 3.88807C6.33353 4.65697 5.90156 5.69982 5.90156 6.78721C5.90156 7.44437 6.013 8.19252 6.88796 9.06748C7.5219 9.70142 8.16637 10.5221 8.38409 11.6107C8.48157 12.0981 8.16547 12.5722 7.67807 12.6697C7.19066 12.7672 6.71652 12.4511 6.61904 11.9637C6.50342 11.3856 6.14789 10.873 5.61517 10.3403C4.32346 9.04856 4.10156 7.79671 4.10156 6.78721C4.10156 5.22243 4.72317 3.72174 5.82963 2.61528ZM6.60156 15.1205C6.60156 14.6235 7.00451 14.2205 7.50156 14.2205H12.5016C12.9986 14.2205 13.4016 14.6235 13.4016 15.1205C13.4016 15.6176 12.9986 16.0205 12.5016 16.0205H7.50156C7.00451 16.0205 6.60156 15.6176 6.60156 15.1205ZM7.4349 18.4539C7.4349 17.9568 7.83784 17.5539 8.3349 17.5539H11.6682C12.1653 17.5539 12.5682 17.9568 12.5682 18.4539C12.5682 18.9509 12.1653 19.3539 11.6682 19.3539H8.3349C7.83784 19.3539 7.4349 18.9509 7.4349 18.4539Z\"\/><\/g><defs ><clipPath id=\"clip0_1680_2910\"><rect width=\"20\" height=\"20\" transform=\"translate(0 0.120605)\"\/><\/clipPath><\/defs><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><p class=\"kt-blocks-info-box-title\"><strong>Pro Tip<\/strong><\/p><p class=\"kt-blocks-info-box-text\">If an image feels boring but you don\u2019t want to overdesign it, this style is a great fallback. Add one box, one label, and stop there.<\/p><\/div><\/span><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Watch our breakdown Surveillance Design here!<\/strong><\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"A New Design Trend That&#039;s Supposed To Look Wild\" width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/jDMCFz9GthE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What actually defines Surveillance Design<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-3.webp\" alt=\"\" class=\"wp-image-20630\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-3.webp 900w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-3-300x200.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-3-768x512.webp 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This style looks complex at first glance, but it\u2019s built from a few repeatable ingredients. Once you understand them, you can remix the look pretty freely.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Outline boxes (the main character)<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If there\u2019s one thing that makes a design read as \u201csurveillance,\u201d it\u2019s the box.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No fill, thin stroke, usually square or rectangular.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Boxes are used to highlight people, objects, or areas of interest \u2014 but you don\u2019t need many. One or two is usually enough.<\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box15299_25540a-a7 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box15299_25540a-a7 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#e0f2ff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box15299_25540a-a7 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box15299_25540a-a7 .kt-info-svg-icon-flip, .kt-info-box15299_25540a-a7 .kt-blocks-info-box-number{font-size:20px;}.kt-info-box15299_25540a-a7 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box15299_25540a-a7 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box15299_25540a-a7 .kt-infobox-textcontent p.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_25540a-a7 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_25540a-a7 .kt-blocks-info-box-link-wrap{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_25540a-a7 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}@media all and (max-width: 1024px){.kt-info-box15299_25540a-a7 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}}@media all and (max-width: 1024px){.kt-info-box15299_25540a-a7 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}@media all and (max-width: 767px){.kt-info-box15299_25540a-a7 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_25540a-a7 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box15299_25540a-a7\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kb-custom-9633 kt-info-svg-icon\"><svg viewBox=\"0 0 20 21\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><g clip-path=\"url(#clip0_1680_2910)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.82963 2.61528C6.9361 1.50881 8.43679 0.887207 10.0016 0.887207C11.5663 0.887207 13.067 1.50881 14.1735 2.61528C15.28 3.72174 15.9016 5.22243 15.9016 6.78721C15.9016 8.08514 15.4056 9.4153 14.3725 10.3557C13.776 10.9548 13.5002 11.383 13.3841 11.9637C13.2866 12.4511 12.8125 12.7672 12.3251 12.6697C11.8377 12.5722 11.5216 12.0981 11.619 11.6107C11.8352 10.5297 12.389 9.79364 13.1152 9.06748C13.1263 9.05632 13.1378 9.04546 13.1495 9.03491C13.7702 8.47627 14.1016 7.64805 14.1016 6.78721C14.1016 5.69982 13.6696 4.65697 12.9007 3.88807C12.1318 3.11917 11.089 2.68721 10.0016 2.68721C8.91418 2.68721 7.87132 3.11917 7.10242 3.88807C6.33353 4.65697 5.90156 5.69982 5.90156 6.78721C5.90156 7.44437 6.013 8.19252 6.88796 9.06748C7.5219 9.70142 8.16637 10.5221 8.38409 11.6107C8.48157 12.0981 8.16547 12.5722 7.67807 12.6697C7.19066 12.7672 6.71652 12.4511 6.61904 11.9637C6.50342 11.3856 6.14789 10.873 5.61517 10.3403C4.32346 9.04856 4.10156 7.79671 4.10156 6.78721C4.10156 5.22243 4.72317 3.72174 5.82963 2.61528ZM6.60156 15.1205C6.60156 14.6235 7.00451 14.2205 7.50156 14.2205H12.5016C12.9986 14.2205 13.4016 14.6235 13.4016 15.1205C13.4016 15.6176 12.9986 16.0205 12.5016 16.0205H7.50156C7.00451 16.0205 6.60156 15.6176 6.60156 15.1205ZM7.4349 18.4539C7.4349 17.9568 7.83784 17.5539 8.3349 17.5539H11.6682C12.1653 17.5539 12.5682 17.9568 12.5682 18.4539C12.5682 18.9509 12.1653 19.3539 11.6682 19.3539H8.3349C7.83784 19.3539 7.4349 18.9509 7.4349 18.4539Z\"\/><\/g><defs ><clipPath id=\"clip0_1680_2910\"><rect width=\"20\" height=\"20\" transform=\"translate(0 0.120605)\"\/><\/clipPath><\/defs><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><p class=\"kt-blocks-info-box-title\"><strong>Pro Tip<\/strong><\/p><p class=\"kt-blocks-info-box-text\">In Kittl, draw boxes with the Rectangle tool, turn off the fill, and keep the stroke weight consistent everywhere. If the strokes don\u2019t match, the illusion breaks.<\/p><\/div><\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Monospace or system-style fonts<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Surveillance Design almost never uses expressive typography. The text is meant to feel functional \u2014 like a label or readout, not a headline.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Monospace fonts work especially well because they instantly feel technical and neutral.<\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box15299_2d4570-7f .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box15299_2d4570-7f .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#e0f2ff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box15299_2d4570-7f .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box15299_2d4570-7f .kt-info-svg-icon-flip, .kt-info-box15299_2d4570-7f .kt-blocks-info-box-number{font-size:20px;}.kt-info-box15299_2d4570-7f .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box15299_2d4570-7f .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box15299_2d4570-7f .kt-infobox-textcontent p.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_2d4570-7f .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_2d4570-7f .kt-blocks-info-box-link-wrap{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_2d4570-7f .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}@media all and (max-width: 1024px){.kt-info-box15299_2d4570-7f .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}}@media all and (max-width: 1024px){.kt-info-box15299_2d4570-7f .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}@media all and (max-width: 767px){.kt-info-box15299_2d4570-7f .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_2d4570-7f .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box15299_2d4570-7f\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kb-custom-9633 kt-info-svg-icon\"><svg viewBox=\"0 0 20 21\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><g clip-path=\"url(#clip0_1680_2910)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.82963 2.61528C6.9361 1.50881 8.43679 0.887207 10.0016 0.887207C11.5663 0.887207 13.067 1.50881 14.1735 2.61528C15.28 3.72174 15.9016 5.22243 15.9016 6.78721C15.9016 8.08514 15.4056 9.4153 14.3725 10.3557C13.776 10.9548 13.5002 11.383 13.3841 11.9637C13.2866 12.4511 12.8125 12.7672 12.3251 12.6697C11.8377 12.5722 11.5216 12.0981 11.619 11.6107C11.8352 10.5297 12.389 9.79364 13.1152 9.06748C13.1263 9.05632 13.1378 9.04546 13.1495 9.03491C13.7702 8.47627 14.1016 7.64805 14.1016 6.78721C14.1016 5.69982 13.6696 4.65697 12.9007 3.88807C12.1318 3.11917 11.089 2.68721 10.0016 2.68721C8.91418 2.68721 7.87132 3.11917 7.10242 3.88807C6.33353 4.65697 5.90156 5.69982 5.90156 6.78721C5.90156 7.44437 6.013 8.19252 6.88796 9.06748C7.5219 9.70142 8.16637 10.5221 8.38409 11.6107C8.48157 12.0981 8.16547 12.5722 7.67807 12.6697C7.19066 12.7672 6.71652 12.4511 6.61904 11.9637C6.50342 11.3856 6.14789 10.873 5.61517 10.3403C4.32346 9.04856 4.10156 7.79671 4.10156 6.78721C4.10156 5.22243 4.72317 3.72174 5.82963 2.61528ZM6.60156 15.1205C6.60156 14.6235 7.00451 14.2205 7.50156 14.2205H12.5016C12.9986 14.2205 13.4016 14.6235 13.4016 15.1205C13.4016 15.6176 12.9986 16.0205 12.5016 16.0205H7.50156C7.00451 16.0205 6.60156 15.6176 6.60156 15.1205ZM7.4349 18.4539C7.4349 17.9568 7.83784 17.5539 8.3349 17.5539H11.6682C12.1653 17.5539 12.5682 17.9568 12.5682 18.4539C12.5682 18.9509 12.1653 19.3539 11.6682 19.3539H8.3349C7.83784 19.3539 7.4349 18.9509 7.4349 18.4539Z\"\/><\/g><defs ><clipPath id=\"clip0_1680_2910\"><rect width=\"20\" height=\"20\" transform=\"translate(0 0.120605)\"\/><\/clipPath><\/defs><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><p class=\"kt-blocks-info-box-title\"><strong>Pro Tip<\/strong><\/p><p class=\"kt-blocks-info-box-text\">Use monospace fonts for short labels only. Long sentences kill the vibe.<\/p><\/div><\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Lines that connect<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Lines usually connect boxes to labels. They shouldn\u2019t feel decorative or playful \u2014 just clean and direct.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is one place where precision actually matters.<\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box15299_b60852-e8 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box15299_b60852-e8 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#e0f2ff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box15299_b60852-e8 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box15299_b60852-e8 .kt-info-svg-icon-flip, .kt-info-box15299_b60852-e8 .kt-blocks-info-box-number{font-size:20px;}.kt-info-box15299_b60852-e8 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box15299_b60852-e8 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box15299_b60852-e8 .kt-infobox-textcontent p.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_b60852-e8 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_b60852-e8 .kt-blocks-info-box-link-wrap{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_b60852-e8 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}@media all and (max-width: 1024px){.kt-info-box15299_b60852-e8 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}}@media all and (max-width: 1024px){.kt-info-box15299_b60852-e8 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}@media all and (max-width: 767px){.kt-info-box15299_b60852-e8 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_b60852-e8 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box15299_b60852-e8\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kb-custom-9633 kt-info-svg-icon\"><svg viewBox=\"0 0 20 21\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><g clip-path=\"url(#clip0_1680_2910)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.82963 2.61528C6.9361 1.50881 8.43679 0.887207 10.0016 0.887207C11.5663 0.887207 13.067 1.50881 14.1735 2.61528C15.28 3.72174 15.9016 5.22243 15.9016 6.78721C15.9016 8.08514 15.4056 9.4153 14.3725 10.3557C13.776 10.9548 13.5002 11.383 13.3841 11.9637C13.2866 12.4511 12.8125 12.7672 12.3251 12.6697C11.8377 12.5722 11.5216 12.0981 11.619 11.6107C11.8352 10.5297 12.389 9.79364 13.1152 9.06748C13.1263 9.05632 13.1378 9.04546 13.1495 9.03491C13.7702 8.47627 14.1016 7.64805 14.1016 6.78721C14.1016 5.69982 13.6696 4.65697 12.9007 3.88807C12.1318 3.11917 11.089 2.68721 10.0016 2.68721C8.91418 2.68721 7.87132 3.11917 7.10242 3.88807C6.33353 4.65697 5.90156 5.69982 5.90156 6.78721C5.90156 7.44437 6.013 8.19252 6.88796 9.06748C7.5219 9.70142 8.16637 10.5221 8.38409 11.6107C8.48157 12.0981 8.16547 12.5722 7.67807 12.6697C7.19066 12.7672 6.71652 12.4511 6.61904 11.9637C6.50342 11.3856 6.14789 10.873 5.61517 10.3403C4.32346 9.04856 4.10156 7.79671 4.10156 6.78721C4.10156 5.22243 4.72317 3.72174 5.82963 2.61528ZM6.60156 15.1205C6.60156 14.6235 7.00451 14.2205 7.50156 14.2205H12.5016C12.9986 14.2205 13.4016 14.6235 13.4016 15.1205C13.4016 15.6176 12.9986 16.0205 12.5016 16.0205H7.50156C7.00451 16.0205 6.60156 15.6176 6.60156 15.1205ZM7.4349 18.4539C7.4349 17.9568 7.83784 17.5539 8.3349 17.5539H11.6682C12.1653 17.5539 12.5682 17.9568 12.5682 18.4539C12.5682 18.9509 12.1653 19.3539 11.6682 19.3539H8.3349C7.83784 19.3539 7.4349 18.9509 7.4349 18.4539Z\"\/><\/g><defs ><clipPath id=\"clip0_1680_2910\"><rect width=\"20\" height=\"20\" transform=\"translate(0 0.120605)\"\/><\/clipPath><\/defs><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><p class=\"kt-blocks-info-box-title\"><strong>Pro Tip<\/strong><\/p><p class=\"kt-blocks-info-box-text\">Use the Pen Tool instead of resizing shapes. It\u2019s the easiest way to keep stroke thickness consistent across the design.<\/p><\/div><\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>4. Digital textures and overlays (optional)<\/strong><\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Some designs add subtle screen noise, grain, or scanline textures. These help sell the \u201ccaptured\u201d feeling, but they\u2019re optional.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you do use them, keep them light.<\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box15299_769544-59 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box15299_769544-59 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#e0f2ff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box15299_769544-59 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box15299_769544-59 .kt-info-svg-icon-flip, .kt-info-box15299_769544-59 .kt-blocks-info-box-number{font-size:20px;}.kt-info-box15299_769544-59 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box15299_769544-59 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box15299_769544-59 .kt-infobox-textcontent p.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_769544-59 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_769544-59 .kt-blocks-info-box-link-wrap{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_769544-59 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}@media all and (max-width: 1024px){.kt-info-box15299_769544-59 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}}@media all and (max-width: 1024px){.kt-info-box15299_769544-59 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}@media all and (max-width: 767px){.kt-info-box15299_769544-59 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_769544-59 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box15299_769544-59\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kb-custom-9633 kt-info-svg-icon\"><svg viewBox=\"0 0 20 21\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><g clip-path=\"url(#clip0_1680_2910)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.82963 2.61528C6.9361 1.50881 8.43679 0.887207 10.0016 0.887207C11.5663 0.887207 13.067 1.50881 14.1735 2.61528C15.28 3.72174 15.9016 5.22243 15.9016 6.78721C15.9016 8.08514 15.4056 9.4153 14.3725 10.3557C13.776 10.9548 13.5002 11.383 13.3841 11.9637C13.2866 12.4511 12.8125 12.7672 12.3251 12.6697C11.8377 12.5722 11.5216 12.0981 11.619 11.6107C11.8352 10.5297 12.389 9.79364 13.1152 9.06748C13.1263 9.05632 13.1378 9.04546 13.1495 9.03491C13.7702 8.47627 14.1016 7.64805 14.1016 6.78721C14.1016 5.69982 13.6696 4.65697 12.9007 3.88807C12.1318 3.11917 11.089 2.68721 10.0016 2.68721C8.91418 2.68721 7.87132 3.11917 7.10242 3.88807C6.33353 4.65697 5.90156 5.69982 5.90156 6.78721C5.90156 7.44437 6.013 8.19252 6.88796 9.06748C7.5219 9.70142 8.16637 10.5221 8.38409 11.6107C8.48157 12.0981 8.16547 12.5722 7.67807 12.6697C7.19066 12.7672 6.71652 12.4511 6.61904 11.9637C6.50342 11.3856 6.14789 10.873 5.61517 10.3403C4.32346 9.04856 4.10156 7.79671 4.10156 6.78721C4.10156 5.22243 4.72317 3.72174 5.82963 2.61528ZM6.60156 15.1205C6.60156 14.6235 7.00451 14.2205 7.50156 14.2205H12.5016C12.9986 14.2205 13.4016 14.6235 13.4016 15.1205C13.4016 15.6176 12.9986 16.0205 12.5016 16.0205H7.50156C7.00451 16.0205 6.60156 15.6176 6.60156 15.1205ZM7.4349 18.4539C7.4349 17.9568 7.83784 17.5539 8.3349 17.5539H11.6682C12.1653 17.5539 12.5682 17.9568 12.5682 18.4539C12.5682 18.9509 12.1653 19.3539 11.6682 19.3539H8.3349C7.83784 19.3539 7.4349 18.9509 7.4349 18.4539Z\"\/><\/g><defs ><clipPath id=\"clip0_1680_2910\"><rect width=\"20\" height=\"20\" transform=\"translate(0 0.120605)\"\/><\/clipPath><\/defs><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><p class=\"kt-blocks-info-box-title\"><strong>Pro Tip<\/strong><\/p><p class=\"kt-blocks-info-box-text\">If you notice the texture before the image, dial it back. Surveillance Design should feel technical, not distressed.<\/p><\/div><\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Low-fidelity images actually work better<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This style doesn\u2019t need perfect photos. In fact, very polished images often feel out of place.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Screenshots, phone photos, casual portraits, and everyday moments usually look more convincing once they\u2019re boxed and labeled.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Where Surveillance Design works best<\/strong><\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-4.webp\" alt=\"\" class=\"wp-image-20625\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-4.webp 900w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-4-300x200.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-4-768x512.webp 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You\u2019ll see this style pop up in a few places especially often:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Social posts and content creator visuals<\/strong><strong><br><\/strong>Great for adding interest without overdesigning.<\/li>\n\n\n\n<li><strong>Campaign graphics<\/strong><strong><br><\/strong>Highlighting people, products, or moments without heavy copy.<\/li>\n\n\n\n<li><strong>Editorial layouts and posters<\/strong><strong><br><\/strong>Especially when mood matters more than clarity.<\/li>\n\n\n\n<li><strong>Experimental or conceptual projects<\/strong><strong><br><\/strong>Where the design itself is part of the message.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s not ideal for instructions or dense information \u2014 but for atmosphere, it\u2019s hard to beat.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to create Surveillance Design in Kittl<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You don\u2019t need a complicated setup or perfect assets to try this style. In fact, Surveillance Design usually works best when things feel a little raw. The key is knowing where to add structure \u2014 and where to stop.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. <strong><strong>Start with a simple, imperfect image<\/strong><\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Surveillance Design loves everyday visuals. Phone photos, screenshots, or candid shots usually work better than polished stock images because they already feel \u201ccaptured.\u201d<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Look for images with:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>clear subjects<\/li>\n\n\n\n<li>natural framing<\/li>\n\n\n\n<li>a bit of visual noise<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong><strong>2. Add one or two tracking boxes \u2014 no more<\/strong><\/strong><\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Outline boxes are the backbone of this style, but restraint matters. One or two boxes are usually enough to guide attention without overwhelming the image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use boxes to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>create a focal point<\/li>\n\n\n\n<li>frame a face or object<\/li>\n\n\n\n<li>highlight a detail<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box15299_3f52dd-86 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box15299_3f52dd-86 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#e0f2ff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box15299_3f52dd-86 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box15299_3f52dd-86 .kt-info-svg-icon-flip, .kt-info-box15299_3f52dd-86 .kt-blocks-info-box-number{font-size:20px;}.kt-info-box15299_3f52dd-86 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box15299_3f52dd-86 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box15299_3f52dd-86 .kt-infobox-textcontent p.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_3f52dd-86 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_3f52dd-86 .kt-blocks-info-box-link-wrap{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_3f52dd-86 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}@media all and (max-width: 1024px){.kt-info-box15299_3f52dd-86 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}}@media all and (max-width: 1024px){.kt-info-box15299_3f52dd-86 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}@media all and (max-width: 767px){.kt-info-box15299_3f52dd-86 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_3f52dd-86 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box15299_3f52dd-86\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kb-custom-9633 kt-info-svg-icon\"><svg viewBox=\"0 0 20 21\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><g clip-path=\"url(#clip0_1680_2910)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.82963 2.61528C6.9361 1.50881 8.43679 0.887207 10.0016 0.887207C11.5663 0.887207 13.067 1.50881 14.1735 2.61528C15.28 3.72174 15.9016 5.22243 15.9016 6.78721C15.9016 8.08514 15.4056 9.4153 14.3725 10.3557C13.776 10.9548 13.5002 11.383 13.3841 11.9637C13.2866 12.4511 12.8125 12.7672 12.3251 12.6697C11.8377 12.5722 11.5216 12.0981 11.619 11.6107C11.8352 10.5297 12.389 9.79364 13.1152 9.06748C13.1263 9.05632 13.1378 9.04546 13.1495 9.03491C13.7702 8.47627 14.1016 7.64805 14.1016 6.78721C14.1016 5.69982 13.6696 4.65697 12.9007 3.88807C12.1318 3.11917 11.089 2.68721 10.0016 2.68721C8.91418 2.68721 7.87132 3.11917 7.10242 3.88807C6.33353 4.65697 5.90156 5.69982 5.90156 6.78721C5.90156 7.44437 6.013 8.19252 6.88796 9.06748C7.5219 9.70142 8.16637 10.5221 8.38409 11.6107C8.48157 12.0981 8.16547 12.5722 7.67807 12.6697C7.19066 12.7672 6.71652 12.4511 6.61904 11.9637C6.50342 11.3856 6.14789 10.873 5.61517 10.3403C4.32346 9.04856 4.10156 7.79671 4.10156 6.78721C4.10156 5.22243 4.72317 3.72174 5.82963 2.61528ZM6.60156 15.1205C6.60156 14.6235 7.00451 14.2205 7.50156 14.2205H12.5016C12.9986 14.2205 13.4016 14.6235 13.4016 15.1205C13.4016 15.6176 12.9986 16.0205 12.5016 16.0205H7.50156C7.00451 16.0205 6.60156 15.6176 6.60156 15.1205ZM7.4349 18.4539C7.4349 17.9568 7.83784 17.5539 8.3349 17.5539H11.6682C12.1653 17.5539 12.5682 17.9568 12.5682 18.4539C12.5682 18.9509 12.1653 19.3539 11.6682 19.3539H8.3349C7.83784 19.3539 7.4349 18.9509 7.4349 18.4539Z\"\/><\/g><defs ><clipPath id=\"clip0_1680_2910\"><rect width=\"20\" height=\"20\" transform=\"translate(0 0.120605)\"\/><\/clipPath><\/defs><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><p class=\"kt-blocks-info-box-title\"><strong>Pro Tip<\/strong><\/p><p class=\"kt-blocks-info-box-text\">Keep stroke weights consistent across all boxes. Even small inconsistencies make the design feel accidental instead of intentional.<\/p><\/div><\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>3. Label like a system, not a person<\/strong><\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-6.webp\" alt=\"\" class=\"wp-image-20627\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-6.webp 900w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-6-300x200.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-6-768x512.webp 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Labels should feel technical and slightly impersonal. Short fragments work better than descriptive sentences.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Examples:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>SUBJECT_01<\/li>\n\n\n\n<li>LOCATION<\/li>\n\n\n\n<li>TIME<\/li>\n\n\n\n<li>OBJECT<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This keeps the tone analytical rather than explanatory.<\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box15299_36df2e-c0 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box15299_36df2e-c0 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#e0f2ff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box15299_36df2e-c0 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box15299_36df2e-c0 .kt-info-svg-icon-flip, .kt-info-box15299_36df2e-c0 .kt-blocks-info-box-number{font-size:20px;}.kt-info-box15299_36df2e-c0 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box15299_36df2e-c0 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box15299_36df2e-c0 .kt-infobox-textcontent p.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_36df2e-c0 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_36df2e-c0 .kt-blocks-info-box-link-wrap{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_36df2e-c0 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}@media all and (max-width: 1024px){.kt-info-box15299_36df2e-c0 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}}@media all and (max-width: 1024px){.kt-info-box15299_36df2e-c0 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}@media all and (max-width: 767px){.kt-info-box15299_36df2e-c0 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_36df2e-c0 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box15299_36df2e-c0\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kb-custom-9633 kt-info-svg-icon\"><svg viewBox=\"0 0 20 21\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><g clip-path=\"url(#clip0_1680_2910)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.82963 2.61528C6.9361 1.50881 8.43679 0.887207 10.0016 0.887207C11.5663 0.887207 13.067 1.50881 14.1735 2.61528C15.28 3.72174 15.9016 5.22243 15.9016 6.78721C15.9016 8.08514 15.4056 9.4153 14.3725 10.3557C13.776 10.9548 13.5002 11.383 13.3841 11.9637C13.2866 12.4511 12.8125 12.7672 12.3251 12.6697C11.8377 12.5722 11.5216 12.0981 11.619 11.6107C11.8352 10.5297 12.389 9.79364 13.1152 9.06748C13.1263 9.05632 13.1378 9.04546 13.1495 9.03491C13.7702 8.47627 14.1016 7.64805 14.1016 6.78721C14.1016 5.69982 13.6696 4.65697 12.9007 3.88807C12.1318 3.11917 11.089 2.68721 10.0016 2.68721C8.91418 2.68721 7.87132 3.11917 7.10242 3.88807C6.33353 4.65697 5.90156 5.69982 5.90156 6.78721C5.90156 7.44437 6.013 8.19252 6.88796 9.06748C7.5219 9.70142 8.16637 10.5221 8.38409 11.6107C8.48157 12.0981 8.16547 12.5722 7.67807 12.6697C7.19066 12.7672 6.71652 12.4511 6.61904 11.9637C6.50342 11.3856 6.14789 10.873 5.61517 10.3403C4.32346 9.04856 4.10156 7.79671 4.10156 6.78721C4.10156 5.22243 4.72317 3.72174 5.82963 2.61528ZM6.60156 15.1205C6.60156 14.6235 7.00451 14.2205 7.50156 14.2205H12.5016C12.9986 14.2205 13.4016 14.6235 13.4016 15.1205C13.4016 15.6176 12.9986 16.0205 12.5016 16.0205H7.50156C7.00451 16.0205 6.60156 15.6176 6.60156 15.1205ZM7.4349 18.4539C7.4349 17.9568 7.83784 17.5539 8.3349 17.5539H11.6682C12.1653 17.5539 12.5682 17.9568 12.5682 18.4539C12.5682 18.9509 12.1653 19.3539 11.6682 19.3539H8.3349C7.83784 19.3539 7.4349 18.9509 7.4349 18.4539Z\"\/><\/g><defs ><clipPath id=\"clip0_1680_2910\"><rect width=\"20\" height=\"20\" transform=\"translate(0 0.120605)\"\/><\/clipPath><\/defs><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><p class=\"kt-blocks-info-box-title\"><strong>Pro Tip<\/strong><\/p><p class=\"kt-blocks-info-box-text\">If the label explains too much, it usually weakens the effect. Let the viewer fill in the gaps.<\/p><\/div><\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Connect elements with clean lines<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Lines help sell the idea that the image is being analyzed. Use them sparingly to connect boxes to labels or points of interest.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The goal is clarity, not decoration.<\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box15299_01ea93-a5 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box15299_01ea93-a5 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#e0f2ff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box15299_01ea93-a5 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box15299_01ea93-a5 .kt-info-svg-icon-flip, .kt-info-box15299_01ea93-a5 .kt-blocks-info-box-number{font-size:20px;}.kt-info-box15299_01ea93-a5 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box15299_01ea93-a5 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box15299_01ea93-a5 .kt-infobox-textcontent p.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_01ea93-a5 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_01ea93-a5 .kt-blocks-info-box-link-wrap{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_01ea93-a5 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}@media all and (max-width: 1024px){.kt-info-box15299_01ea93-a5 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}}@media all and (max-width: 1024px){.kt-info-box15299_01ea93-a5 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}@media all and (max-width: 767px){.kt-info-box15299_01ea93-a5 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_01ea93-a5 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box15299_01ea93-a5\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kb-custom-9633 kt-info-svg-icon\"><svg viewBox=\"0 0 20 21\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><g clip-path=\"url(#clip0_1680_2910)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.82963 2.61528C6.9361 1.50881 8.43679 0.887207 10.0016 0.887207C11.5663 0.887207 13.067 1.50881 14.1735 2.61528C15.28 3.72174 15.9016 5.22243 15.9016 6.78721C15.9016 8.08514 15.4056 9.4153 14.3725 10.3557C13.776 10.9548 13.5002 11.383 13.3841 11.9637C13.2866 12.4511 12.8125 12.7672 12.3251 12.6697C11.8377 12.5722 11.5216 12.0981 11.619 11.6107C11.8352 10.5297 12.389 9.79364 13.1152 9.06748C13.1263 9.05632 13.1378 9.04546 13.1495 9.03491C13.7702 8.47627 14.1016 7.64805 14.1016 6.78721C14.1016 5.69982 13.6696 4.65697 12.9007 3.88807C12.1318 3.11917 11.089 2.68721 10.0016 2.68721C8.91418 2.68721 7.87132 3.11917 7.10242 3.88807C6.33353 4.65697 5.90156 5.69982 5.90156 6.78721C5.90156 7.44437 6.013 8.19252 6.88796 9.06748C7.5219 9.70142 8.16637 10.5221 8.38409 11.6107C8.48157 12.0981 8.16547 12.5722 7.67807 12.6697C7.19066 12.7672 6.71652 12.4511 6.61904 11.9637C6.50342 11.3856 6.14789 10.873 5.61517 10.3403C4.32346 9.04856 4.10156 7.79671 4.10156 6.78721C4.10156 5.22243 4.72317 3.72174 5.82963 2.61528ZM6.60156 15.1205C6.60156 14.6235 7.00451 14.2205 7.50156 14.2205H12.5016C12.9986 14.2205 13.4016 14.6235 13.4016 15.1205C13.4016 15.6176 12.9986 16.0205 12.5016 16.0205H7.50156C7.00451 16.0205 6.60156 15.6176 6.60156 15.1205ZM7.4349 18.4539C7.4349 17.9568 7.83784 17.5539 8.3349 17.5539H11.6682C12.1653 17.5539 12.5682 17.9568 12.5682 18.4539C12.5682 18.9509 12.1653 19.3539 11.6682 19.3539H8.3349C7.83784 19.3539 7.4349 18.9509 7.4349 18.4539Z\"\/><\/g><defs ><clipPath id=\"clip0_1680_2910\"><rect width=\"20\" height=\"20\" transform=\"translate(0 0.120605)\"\/><\/clipPath><\/defs><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><p class=\"kt-blocks-info-box-title\"><strong>Pro Tip<\/strong><\/p><p class=\"kt-blocks-info-box-text\">Draw lines with the Pen Tool instead of resizing shapes. It\u2019s the easiest way to keep stroke thickness consistent.<\/p><\/div><\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Add subtle digital effects only if needed<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Not every surveillance-style design needs overlays or textures. When you do use them, think minimal:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>light grain<\/li>\n\n\n\n<li>soft scanline texture<\/li>\n\n\n\n<li>gentle gradient or heat-map color<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These should support the image, not compete with it.<\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box15299_2cd453-75 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box15299_2cd453-75 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#e0f2ff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box15299_2cd453-75 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box15299_2cd453-75 .kt-info-svg-icon-flip, .kt-info-box15299_2cd453-75 .kt-blocks-info-box-number{font-size:20px;}.kt-info-box15299_2cd453-75 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box15299_2cd453-75 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box15299_2cd453-75 .kt-infobox-textcontent p.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_2cd453-75 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_2cd453-75 .kt-blocks-info-box-link-wrap{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_2cd453-75 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}@media all and (max-width: 1024px){.kt-info-box15299_2cd453-75 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}}@media all and (max-width: 1024px){.kt-info-box15299_2cd453-75 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}@media all and (max-width: 767px){.kt-info-box15299_2cd453-75 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_2cd453-75 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box15299_2cd453-75\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kb-custom-9633 kt-info-svg-icon\"><svg viewBox=\"0 0 20 21\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><g clip-path=\"url(#clip0_1680_2910)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.82963 2.61528C6.9361 1.50881 8.43679 0.887207 10.0016 0.887207C11.5663 0.887207 13.067 1.50881 14.1735 2.61528C15.28 3.72174 15.9016 5.22243 15.9016 6.78721C15.9016 8.08514 15.4056 9.4153 14.3725 10.3557C13.776 10.9548 13.5002 11.383 13.3841 11.9637C13.2866 12.4511 12.8125 12.7672 12.3251 12.6697C11.8377 12.5722 11.5216 12.0981 11.619 11.6107C11.8352 10.5297 12.389 9.79364 13.1152 9.06748C13.1263 9.05632 13.1378 9.04546 13.1495 9.03491C13.7702 8.47627 14.1016 7.64805 14.1016 6.78721C14.1016 5.69982 13.6696 4.65697 12.9007 3.88807C12.1318 3.11917 11.089 2.68721 10.0016 2.68721C8.91418 2.68721 7.87132 3.11917 7.10242 3.88807C6.33353 4.65697 5.90156 5.69982 5.90156 6.78721C5.90156 7.44437 6.013 8.19252 6.88796 9.06748C7.5219 9.70142 8.16637 10.5221 8.38409 11.6107C8.48157 12.0981 8.16547 12.5722 7.67807 12.6697C7.19066 12.7672 6.71652 12.4511 6.61904 11.9637C6.50342 11.3856 6.14789 10.873 5.61517 10.3403C4.32346 9.04856 4.10156 7.79671 4.10156 6.78721C4.10156 5.22243 4.72317 3.72174 5.82963 2.61528ZM6.60156 15.1205C6.60156 14.6235 7.00451 14.2205 7.50156 14.2205H12.5016C12.9986 14.2205 13.4016 14.6235 13.4016 15.1205C13.4016 15.6176 12.9986 16.0205 12.5016 16.0205H7.50156C7.00451 16.0205 6.60156 15.6176 6.60156 15.1205ZM7.4349 18.4539C7.4349 17.9568 7.83784 17.5539 8.3349 17.5539H11.6682C12.1653 17.5539 12.5682 17.9568 12.5682 18.4539C12.5682 18.9509 12.1653 19.3539 11.6682 19.3539H8.3349C7.83784 19.3539 7.4349 18.9509 7.4349 18.4539Z\"\/><\/g><defs ><clipPath id=\"clip0_1680_2910\"><rect width=\"20\" height=\"20\" transform=\"translate(0 0.120605)\"\/><\/clipPath><\/defs><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><p class=\"kt-blocks-info-box-title\"><strong>Pro Tip<\/strong><\/p><p class=\"kt-blocks-info-box-text\">If the effect is the first thing you notice, dial it back. The image and framing should lead.<\/p><\/div><\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>6. Use AI-generated visuals as a starting point (optional)<\/strong><\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-7.webp\" alt=\"\" class=\"wp-image-20623\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-7.webp 900w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-7-300x200.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-7-768x512.webp 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Kittl\u2019s AI Image Generator can be helpful when you want:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>X-ray or scanner-style visuals<\/li>\n\n\n\n<li>abstract, system-like imagery<\/li>\n\n\n\n<li>unusual base images to experiment with<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Generate the image first, then treat it like any other photo \u2014 add boxes, labels, and structure manually.<\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box15299_74b9aa-50 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box15299_74b9aa-50 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#e0f2ff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box15299_74b9aa-50 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box15299_74b9aa-50 .kt-info-svg-icon-flip, .kt-info-box15299_74b9aa-50 .kt-blocks-info-box-number{font-size:20px;}.kt-info-box15299_74b9aa-50 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box15299_74b9aa-50 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box15299_74b9aa-50 .kt-infobox-textcontent p.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_74b9aa-50 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box15299_74b9aa-50 .kt-blocks-info-box-link-wrap{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_74b9aa-50 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}@media all and (max-width: 1024px){.kt-info-box15299_74b9aa-50 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}}@media all and (max-width: 1024px){.kt-info-box15299_74b9aa-50 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}@media all and (max-width: 767px){.kt-info-box15299_74b9aa-50 .kt-blocks-info-box-link-wrap{border-top:5px solid var(u002du002dglobal-palette7, #eeeeee);border-right:5px solid var(u002du002dglobal-palette7, #eeeeee);border-bottom:5px solid var(u002du002dglobal-palette7, #eeeeee);border-left:5px solid var(u002du002dglobal-palette7, #eeeeee);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.kt-info-box15299_74b9aa-50 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box15299_74b9aa-50\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-kb-custom-9633 kt-info-svg-icon\"><svg viewBox=\"0 0 20 21\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><g clip-path=\"url(#clip0_1680_2910)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.82963 2.61528C6.9361 1.50881 8.43679 0.887207 10.0016 0.887207C11.5663 0.887207 13.067 1.50881 14.1735 2.61528C15.28 3.72174 15.9016 5.22243 15.9016 6.78721C15.9016 8.08514 15.4056 9.4153 14.3725 10.3557C13.776 10.9548 13.5002 11.383 13.3841 11.9637C13.2866 12.4511 12.8125 12.7672 12.3251 12.6697C11.8377 12.5722 11.5216 12.0981 11.619 11.6107C11.8352 10.5297 12.389 9.79364 13.1152 9.06748C13.1263 9.05632 13.1378 9.04546 13.1495 9.03491C13.7702 8.47627 14.1016 7.64805 14.1016 6.78721C14.1016 5.69982 13.6696 4.65697 12.9007 3.88807C12.1318 3.11917 11.089 2.68721 10.0016 2.68721C8.91418 2.68721 7.87132 3.11917 7.10242 3.88807C6.33353 4.65697 5.90156 5.69982 5.90156 6.78721C5.90156 7.44437 6.013 8.19252 6.88796 9.06748C7.5219 9.70142 8.16637 10.5221 8.38409 11.6107C8.48157 12.0981 8.16547 12.5722 7.67807 12.6697C7.19066 12.7672 6.71652 12.4511 6.61904 11.9637C6.50342 11.3856 6.14789 10.873 5.61517 10.3403C4.32346 9.04856 4.10156 7.79671 4.10156 6.78721C4.10156 5.22243 4.72317 3.72174 5.82963 2.61528ZM6.60156 15.1205C6.60156 14.6235 7.00451 14.2205 7.50156 14.2205H12.5016C12.9986 14.2205 13.4016 14.6235 13.4016 15.1205C13.4016 15.6176 12.9986 16.0205 12.5016 16.0205H7.50156C7.00451 16.0205 6.60156 15.6176 6.60156 15.1205ZM7.4349 18.4539C7.4349 17.9568 7.83784 17.5539 8.3349 17.5539H11.6682C12.1653 17.5539 12.5682 17.9568 12.5682 18.4539C12.5682 18.9509 12.1653 19.3539 11.6682 19.3539H8.3349C7.83784 19.3539 7.4349 18.9509 7.4349 18.4539Z\"\/><\/g><defs ><clipPath id=\"clip0_1680_2910\"><rect width=\"20\" height=\"20\" transform=\"translate(0 0.120605)\"\/><\/clipPath><\/defs><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><p class=\"kt-blocks-info-box-title\"><strong>Pro Tip<\/strong><\/p><p class=\"kt-blocks-info-box-text\">Surveillance Design feels strongest when AI handles the base image and you handle the framing. The human touch is what makes it convincing.<\/p><\/div><\/span><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Explore more 2026 design trends<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Surveillance Design is just one of the styles shaping how designers are working in 2026. Across the board, visuals are pulling inspiration from systems, interfaces, and everyday digital experiences \u2014 not just traditional \u201cdesign\u201d references.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You\u2019ll see designers mixing tracking-style overlays with typography, object layouts, archival references, and AI-assisted workflows. Sometimes it\u2019s subtle. Sometimes it\u2019s obvious. Either way, the goal is the same: make familiar visuals feel intentional again.If you want the bigger picture, the <strong>Kittl 2026 Design Trend Report<\/strong> brings all of these styles together \u2014 from Punk Grunge and Type Collage to Trinket Design, Blueprint layouts, and more.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"563\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/image-59-1024x563-1.webp\" alt=\"\" class=\"wp-image-18779\" srcset=\"https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/image-59-1024x563-1.webp 1024w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/image-59-1024x563-1-300x165.webp 300w, https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/image-59-1024x563-1-768x422.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.kittl.com\/design\/2026-Design-Trend-Report-YuOXuRrs\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><strong>Download the FULL 2026 design trend report here<\/strong><\/strong><\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Key takeaways: Try Surveillance Design<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Surveillance Design is not about copying interfaces or making things look technical for effect. It is about directing attention with intent.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One container. One label. One image. Suddenly, the content feels deliberate instead of decorative.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This style does not require perfect assets or complex systems. It rewards restraint. Experiment, then stop before the design explains itself too much.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this year, Surveillance Design works because it is fast to build, easy to adapt, and flexible across formats. Once you recognize the pattern, you start seeing opportunities to use it everywhere \u2014 from campaigns to product visuals to social content.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/app.kittl.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><strong>Create your own Surveillance Design \u2014 Free!<\/strong><\/strong><\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Surveillance Design is one of those styles you probably didn\u2019t have a name for \u2014 until now. You\u2019ve seen it, though.A box around someone\u2019s face.A label pointing at a shoe.A low-res photo suddenly framed like it\u2019s being analyzed instead of admired. It looks a bit like security footage, a bit like an interface, and a&#8230;<\/p>\n","protected":false},"author":14,"featured_media":20624,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[20],"tags":[467,466],"class_list":["post-15299","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-inspiration","tag-design-styles","tag-insights"],"taxonomy_info":{"category":[{"value":20,"label":"Design"}],"post_tag":[{"value":467,"label":"Design Styles"},{"value":466,"label":"Insights"}]},"featured_image_src_large":["https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/SurveillanceDesign-blog-thumbnail-1024x470.webp",1024,470,true],"author_info":{"display_name":"Shafira Hidayat","author_link":"https:\/\/www.kittl.com\/blogs\/author\/shafirahidayat\/"},"comment_info":0,"category_info":[{"term_id":20,"name":"Design","slug":"design-inspiration","term_group":0,"term_taxonomy_id":20,"taxonomy":"category","description":"Learn how to make your brand look exactly the way you imagined, professionally \u2014 through tutorials, style guides, and AI design how-tos written for product founders who design their own brand.","parent":0,"count":139,"filter":"raw","cat_ID":20,"category_count":139,"category_description":"Learn how to make your brand look exactly the way you imagined, professionally \u2014 through tutorials, style guides, and AI design how-tos written for product founders who design their own brand.","cat_name":"Design","category_nicename":"design-inspiration","category_parent":0}],"tag_info":[{"term_id":467,"name":"Design Styles","slug":"design-styles","term_group":0,"term_taxonomy_id":467,"taxonomy":"post_tag","description":"Discover the world of design styles with Kittl \u2014 your source for creative inspiration and professional design tips. From minimalist layouts to retro aesthetics, bold typography, and hand-drawn illustrations, explore how different visual styles shape unique creative identities","parent":0,"count":60,"filter":"raw"},{"term_id":466,"name":"Insights","slug":"insights","term_group":0,"term_taxonomy_id":466,"taxonomy":"post_tag","description":"Kittl's ever-growing library built for graphic designers who want results, not fluff. You\u2019ll find up-to-date trend reports, styles, real case studies.","parent":0,"count":81,"filter":"raw"}],"_links":{"self":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/15299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/comments?post=15299"}],"version-history":[{"count":8,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/15299\/revisions"}],"predecessor-version":[{"id":20632,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/15299\/revisions\/20632"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/media\/20624"}],"wp:attachment":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/media?parent=15299"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/categories?post=15299"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/tags?post=15299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}