{"id":17039,"date":"2024-08-15T16:42:27","date_gmt":"2024-08-15T15:42:27","guid":{"rendered":"https:\/\/blog-content.thortful.com\/?p=17039"},"modified":"2024-08-15T16:43:19","modified_gmt":"2024-08-15T15:43:19","slug":"moderation-101-part-2-design-and-visual-checks","status":"publish","type":"post","link":"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/","title":{"rendered":"Moderation 101: Part 2 &#8211; Design and Visual Checks"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"17039\" class=\"elementor elementor-17039\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-fe7b4a2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fe7b4a2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4e0e7e2\" data-id=\"4e0e7e2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4b253d1 elementor-widget elementor-widget-text-editor\" data-id=\"4b253d1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p>Welcome to Part 2 of our Moderation 101 blog series!<\/p><p><span style=\"color: var( --e-global-color-text ); font-family: Roboto; font-size: 1rem; letter-spacing: 0.1px;\">In this blog post we\u2019ll go over some of the different elements that we keep in mind when evaluating a design in moderation. Usually these concepts won\u2019t be front of mind when we\u2019re moderating; if a design looks balanced and cohesive, we don\u2019t usually question it. However, if something looks slightly off, we will spend some time trying to pinpoint what part of the design is visually throwing us off so we can remain as objective as possible.\u00a0<\/span><\/p><p><span style=\"color: var( --e-global-color-text ); font-family: Roboto; font-size: 1rem; letter-spacing: 0.1px;\">It is worth noting that all the concepts we\u2019re covering below are not absolute. These are elements we consider when we\u2019re trying to explain why a design doesn\u2019t look quite right. They are definitely not the only design elements that play a part in the composition of a design. And, like all rules, sometimes they need to be broken. We have lots of bestsellers on the site that break these rules, but more often than not, they break the rules intentionally and are part of what makes the design effective. However, if a design doesn\u2019t look quite right and it\u2019s not obvious that it\u2019s intentional, it\u2019s not likely to get through the moderation process and into the catalogue.<\/span><\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-4340f28 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4340f28\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f30dc39\" data-id=\"f30dc39\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7680ed9 elementor-widget elementor-widget-heading\" data-id=\"7680ed9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1.) Line &amp; Shape <\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-20041c3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"20041c3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-adf9285\" data-id=\"adf9285\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fa86da4 elementor-widget elementor-widget-text-editor\" data-id=\"fa86da4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p style=\"outline: none;\">These are the building blocks of any creation. The way you handle linework and shape can completely change how your piece comes across. Keeping your linework consistent throughout\u2014whether you\u2019re going for quick, sketchy strokes or bold, solid lines\u2014really matters. It helps tie everything together. The shapes you create, whether they\u2019re sharp and clean or loose and flowing, also play a huge role in how someone experiences your work. This is especially true in more simple illustrations, where if the lines and shapes aren\u2019t intentional or feel out of place, they can be hard or confusing to interpret.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-cf935de elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cf935de\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1daf7d3\" data-id=\"1daf7d3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-03ff999 elementor-widget elementor-widget-heading\" data-id=\"03ff999\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2.) Shading<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-fe80dc9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fe80dc9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0be3b0d\" data-id=\"0be3b0d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-65581c4 elementor-widget elementor-widget-text-editor\" data-id=\"65581c4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p style=\"outline: none;\">Shading adds depth to your work, but consistency is key. Flat, 2D visuals can be just as effective, but mixing shaded and unshaded elements can make a piece feel disjointed. Whether you go for full shading or keep it flat, we probably won\u2019t approve a design that doesn&#8217;t have consistent shading throughout as it is unlikely to have an overall cohesive look.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-0635e34 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0635e34\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c1446d2\" data-id=\"c1446d2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8b84c02 elementor-widget elementor-widget-heading\" data-id=\"8b84c02\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3.) Background<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-8697d86 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8697d86\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9e57f2b\" data-id=\"9e57f2b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d8bb1f6 elementor-widget elementor-widget-text-editor\" data-id=\"d8bb1f6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p style=\"outline: none;\">The background can either elevate your piece or wash it out entirely. A well-chosen background can enhance the main subject, while a poor choice might overwhelm it or change the tone of the design. If you\u2019re using a pattern, consider whether it draws the eye to the focal point or distracts from it. We\u2019ll always favour backgrounds that complement the rest of the piece without stealing the spotlight or washing it out.\u00a0<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-949d10c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"949d10c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd43a01\" data-id=\"cd43a01\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-94922f4 elementor-widget elementor-widget-heading\" data-id=\"94922f4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4.) Patterns &amp; Busyness<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-8448248 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8448248\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-05776a4\" data-id=\"05776a4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e96c257 elementor-widget elementor-widget-text-editor\" data-id=\"e96c257\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p>Patterns can make a design more interesting, but they can also overwhelm if not used right. Just like with backgrounds, a pattern can either elevate or clutter your piece. The key is to use patterns that enhance the design without making it feel chaotic or overwhelming.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-118475a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"118475a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e6236e8\" data-id=\"e6236e8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-72e0a6d elementor-widget elementor-widget-heading\" data-id=\"72e0a6d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">5.) Colours<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-c53a1d3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c53a1d3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d351c51\" data-id=\"d351c51\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-68695e0 elementor-widget elementor-widget-text-editor\" data-id=\"68695e0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p style=\"outline: none;\">We\u2019ve already discussed the importance of colours in print in our blog post, Moderation 101: Part 1 &#8211; Initial Checks, but now let\u2019s focus on how colours work together within your design. Quick recap: we print in CMYK, not RGB, so it\u2019s worth making sure the colours you\u2019re using are a part of the CMYK palette.<\/p><p style=\"outline: none;\"><span style=\"color: var( --e-global-color-text ); font-family: Roboto; font-size: 1rem; letter-spacing: 0.1px;\">Colours have a significant impact on how your work is taken in, so ensuring they harmonise and don\u2019t clash is essential. To help take away some of the guesswork, there are plenty of colour palette-building tools online that can help you find hues that complement each other perfectly. But beyond just looking good together, the colours you choose should work well with the overarching purpose of the design. For example, bright, vibrant colours might be great for something playful, but they are probably not the best choice for a sympathy card, where softer, more subdued tones are more appropriate. We really recommend ensuring colours not only harmonise but also convey the right tone.<\/span><\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-8438cbd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8438cbd\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a017986\" data-id=\"a017986\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d27c719 elementor-widget elementor-widget-heading\" data-id=\"d27c719\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">6.) Visual Hierarchy <\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-00a8cb5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"00a8cb5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0b46bc9\" data-id=\"0b46bc9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-db23532 elementor-widget elementor-widget-text-editor\" data-id=\"db23532\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p style=\"outline: none;\">There are many different design terms that ladder up to visual hierarchy: dominance, contrast, focal point, form, space, framing\u2026 Ultimately, it\u2019s about how the elements on the design are shown so that the customer takes in the design in its intended way. When the visual hierarchy is off, you often struggle to know where to look because the focal point is not doing its job\u2013this usually comes down to the positioning and size proportions of the elements that help frame the dominant point while remaining cohesive. It\u2019s important to be intentional with your placement and proportions and think about what you want the customer to notice first.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-520af40 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"520af40\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e2b7161\" data-id=\"e2b7161\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c2f037e elementor-widget elementor-widget-heading\" data-id=\"c2f037e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">7.) Balance <\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-e85863e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e85863e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a6a5ee\" data-id=\"0a6a5ee\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c267881 elementor-widget elementor-widget-text-editor\" data-id=\"c267881\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p style=\"outline: none;\">Balance and harmony are what give the overall design a visually pleasing effect. When combining all the different elements of the design, do they work well together? This is why a font can make or break a design; you might have a stunning illustration, but if the caption\u2019s font doesn\u2019t match the style of the illustration, the overall design falls flat. When the elements look disjointed, the design risks coming across as amateur and rushed. We won\u2019t usually add a design to the catalogue if it doesn\u2019t feel like everything on the design belongs together, creating a unified look.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-36d9eec elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"36d9eec\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5b02460\" data-id=\"5b02460\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-67f8133 elementor-widget elementor-widget-heading\" data-id=\"67f8133\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">8.) Accuracy <\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-9b32636 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9b32636\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ec7a965\" data-id=\"ec7a965\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1a89620 elementor-widget elementor-widget-text-editor\" data-id=\"1a89620\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p style=\"outline: none;\">This one can be tricky to address because we appreciate the time and effort put into every illustration. However, if you&#8217;re drawing a celebrity and we can\u2019t recognise who it is without reading the title or description, the design won\u2019t be approved. Our goal is to ensure that customers can instantly identify the subject as they scroll through the cards, without needing to stop and inspect the design closely. Customers will always notice the illustration first before they read the text, so if they don\u2019t recognise the illustrated celebrity instantly, they are not likely to stop and try to figure out who it is by reading the caption. If your design includes a caption, try viewing the illustration on its own\u2014without any text or additional elements\u2014to check if it\u2019s still easily recognisable.<\/p>\n<p style=\"outline: none;\">See you in part three, <b style=\"outline: none;\">Moderation 101: Part 3 &#8211; Impact and sentiment checks. <\/b><span style=\"outline: none;\">In case you missed Part 1, you can catch up&nbsp;<a href=\"https:\/\/www.thortful.com\/blog\/moderation-101-part-1-initial-checks\/\" target=\"_blank\">here<\/a>.&nbsp;<\/span><\/p>\n<div><br><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Welcome to Part 2 of our Moderation 101 blog series! In this blog post we\u2019ll go over some of the different elements that we keep in mind when evaluating a design in moderation. Usually these concepts won\u2019t be front of mind when we\u2019re moderating; if a design looks balanced and cohesive, we don\u2019t usually question&hellip;<\/p>\n<a class=\"read-more-link\" href=\" https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/ \">Read More<\/a>","protected":false},"author":24,"featured_media":17051,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[533,1],"tags":[535],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Moderation 101: Part 2 - Design and Visual Checks - thortful<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Moderation 101: Part 2 - Design and Visual Checks - thortful\" \/>\n<meta property=\"og:description\" content=\"Welcome to Part 2 of our Moderation 101 blog series! In this blog post we\u2019ll go over some of the different elements that we keep in mind when evaluating a design in moderation. Usually these concepts won\u2019t be front of mind when we\u2019re moderating; if a design looks balanced and cohesive, we don\u2019t usually question&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/\" \/>\n<meta property=\"og:site_name\" content=\"thortful\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-15T15:42:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-15T15:43:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog-content.thortful.com\/wp-content\/uploads\/2024\/08\/How-were-optimising-the-catalogue.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"900\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Annie Gillman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Annie Gillman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/\"},\"author\":{\"name\":\"Annie Gillman\",\"@id\":\"https:\/\/blog-content.thortful.com\/#\/schema\/person\/0151c934ca5199c05515067b134ff3ac\"},\"headline\":\"Moderation 101: Part 2 &#8211; Design and Visual Checks\",\"datePublished\":\"2024-08-15T15:42:27+00:00\",\"dateModified\":\"2024-08-15T15:43:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/\"},\"wordCount\":1067,\"publisher\":{\"@id\":\"https:\/\/blog-content.thortful.com\/#organization\"},\"keywords\":[\"creatorfeaturedpost\"],\"articleSection\":[\"Creator Basics\",\"Posts\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/\",\"url\":\"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/\",\"name\":\"Moderation 101: Part 2 - Design and Visual Checks - thortful\",\"isPartOf\":{\"@id\":\"https:\/\/blog-content.thortful.com\/#website\"},\"datePublished\":\"2024-08-15T15:42:27+00:00\",\"dateModified\":\"2024-08-15T15:43:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog-content.thortful.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Moderation 101: Part 2 &#8211; Design and Visual Checks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog-content.thortful.com\/#website\",\"url\":\"https:\/\/blog-content.thortful.com\/\",\"name\":\"thortful\",\"description\":\"thortful blog | Unique cards from independent creators\",\"publisher\":{\"@id\":\"https:\/\/blog-content.thortful.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog-content.thortful.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/blog-content.thortful.com\/#organization\",\"name\":\"thortful\",\"url\":\"https:\/\/blog-content.thortful.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/blog-content.thortful.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/blog-content.thortful.com\/wp-content\/uploads\/2025\/01\/cropped-Logo-1.png\",\"contentUrl\":\"https:\/\/blog-content.thortful.com\/wp-content\/uploads\/2025\/01\/cropped-Logo-1.png\",\"width\":420,\"height\":116,\"caption\":\"thortful\"},\"image\":{\"@id\":\"https:\/\/blog-content.thortful.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog-content.thortful.com\/#\/schema\/person\/0151c934ca5199c05515067b134ff3ac\",\"name\":\"Annie Gillman\",\"url\":\"https:\/\/blog-content.thortful.com\/author\/annie\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Moderation 101: Part 2 - Design and Visual Checks - thortful","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:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/","og_locale":"en_GB","og_type":"article","og_title":"Moderation 101: Part 2 - Design and Visual Checks - thortful","og_description":"Welcome to Part 2 of our Moderation 101 blog series! In this blog post we\u2019ll go over some of the different elements that we keep in mind when evaluating a design in moderation. Usually these concepts won\u2019t be front of mind when we\u2019re moderating; if a design looks balanced and cohesive, we don\u2019t usually question&hellip;","og_url":"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/","og_site_name":"thortful","article_published_time":"2024-08-15T15:42:27+00:00","article_modified_time":"2024-08-15T15:43:19+00:00","og_image":[{"width":2000,"height":900,"url":"https:\/\/blog-content.thortful.com\/wp-content\/uploads\/2024\/08\/How-were-optimising-the-catalogue.jpg","type":"image\/jpeg"}],"author":"Annie Gillman","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Annie Gillman","Estimated reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/#article","isPartOf":{"@id":"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/"},"author":{"name":"Annie Gillman","@id":"https:\/\/blog-content.thortful.com\/#\/schema\/person\/0151c934ca5199c05515067b134ff3ac"},"headline":"Moderation 101: Part 2 &#8211; Design and Visual Checks","datePublished":"2024-08-15T15:42:27+00:00","dateModified":"2024-08-15T15:43:19+00:00","mainEntityOfPage":{"@id":"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/"},"wordCount":1067,"publisher":{"@id":"https:\/\/blog-content.thortful.com\/#organization"},"keywords":["creatorfeaturedpost"],"articleSection":["Creator Basics","Posts"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/","url":"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/","name":"Moderation 101: Part 2 - Design and Visual Checks - thortful","isPartOf":{"@id":"https:\/\/blog-content.thortful.com\/#website"},"datePublished":"2024-08-15T15:42:27+00:00","dateModified":"2024-08-15T15:43:19+00:00","breadcrumb":{"@id":"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog-content.thortful.com\/moderation-101-part-2-design-and-visual-checks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog-content.thortful.com\/"},{"@type":"ListItem","position":2,"name":"Moderation 101: Part 2 &#8211; Design and Visual Checks"}]},{"@type":"WebSite","@id":"https:\/\/blog-content.thortful.com\/#website","url":"https:\/\/blog-content.thortful.com\/","name":"thortful","description":"thortful blog | Unique cards from independent creators","publisher":{"@id":"https:\/\/blog-content.thortful.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog-content.thortful.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/blog-content.thortful.com\/#organization","name":"thortful","url":"https:\/\/blog-content.thortful.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/blog-content.thortful.com\/#\/schema\/logo\/image\/","url":"https:\/\/blog-content.thortful.com\/wp-content\/uploads\/2025\/01\/cropped-Logo-1.png","contentUrl":"https:\/\/blog-content.thortful.com\/wp-content\/uploads\/2025\/01\/cropped-Logo-1.png","width":420,"height":116,"caption":"thortful"},"image":{"@id":"https:\/\/blog-content.thortful.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/blog-content.thortful.com\/#\/schema\/person\/0151c934ca5199c05515067b134ff3ac","name":"Annie Gillman","url":"https:\/\/blog-content.thortful.com\/author\/annie\/"}]}},"_links":{"self":[{"href":"https:\/\/blog-content.thortful.com\/wp-json\/wp\/v2\/posts\/17039"}],"collection":[{"href":"https:\/\/blog-content.thortful.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog-content.thortful.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog-content.thortful.com\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/blog-content.thortful.com\/wp-json\/wp\/v2\/comments?post=17039"}],"version-history":[{"count":9,"href":"https:\/\/blog-content.thortful.com\/wp-json\/wp\/v2\/posts\/17039\/revisions"}],"predecessor-version":[{"id":17055,"href":"https:\/\/blog-content.thortful.com\/wp-json\/wp\/v2\/posts\/17039\/revisions\/17055"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog-content.thortful.com\/wp-json\/wp\/v2\/media\/17051"}],"wp:attachment":[{"href":"https:\/\/blog-content.thortful.com\/wp-json\/wp\/v2\/media?parent=17039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog-content.thortful.com\/wp-json\/wp\/v2\/categories?post=17039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog-content.thortful.com\/wp-json\/wp\/v2\/tags?post=17039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}