Have you ever looked at one of your designs and felt like something was off, but couldn’t really figure out what it was?
Shaping a brand’s entire visual identity and judging design purely by feel might be the default, since the creative pursuit, historically, has been spearheaded by probably the most rebellious group of individuals known to man. These rebels don’t exactly have a track record of doing things by the book. They equate a Standard Operating Procedure to a pile of crap. But, if they dare to get their hands dirty, they might find out that it isn’t as bad as it looks!
Today, we will be diving headfirst into CRAP - a foundational design acronym standing for Contrast, Repetition, Alignment, and Proximity, popularised by Robin Williams in The Non-Designer’s Design Book.
This method is used to transform confusing layouts into intuitive designs by guiding the viewer’s eye and reducing cognitive load to improve overall clarity.
Now, gloves off and let’s get in, shall we?
Contrast: Make it Pop!
Contrast is the rule that will define the effectiveness of your communication. Being clear or misleading hangs entirely on using it correctly. It creates focus and tells people where to look first.
"If two items are not exactly the same, then make them different. Really different." -Robin Patricia Williams
This goes beyond just colour. It’s about managing size, weight, spacing, and overall energy. Without contrast, everything blends together. It creates a visual hierarchy and tells your audience where to look, what to read, and what to do next.
How to apply super-basic contrast in your designs?
- Typography: Pair a bold and chunky serif header font with a clean and light sans-serif font for the body.
- Colour: Use a vibrant accent colour for your CTAs against a muted background.
- Scale: Make the most crucial element of your canvas significantly larger than the surrounding elements.
These basics dictate exactly where the viewer should look first. As you start familiarising yourself with this foundational logic, you can start getting into more complex contrasting as per your taste.
Repetition: The Need for Familiarity
Think of Repetition as the glue that holds a design together. It is the conscious effort to reuse the same or similar elements throughout a design, or across multiple designs, to create a sense of unity and cohesion.
Without repetition, a multi-page document or a brand's Instagram feed will look like a jumble of disconnected ideas. This is exactly where branding design principles come into play. Repetition builds brand recognition. Effective design principles for brands dictate that the customer experience should feel familiar and cohesive at every touchpoint.
It tells the reader, “Yes, you are still in the same place, reading the same brand’s content”. It provides a comforting rhythm for the eye to follow.
- Stick to a Palette: Limit your brand’s color palette to 3 to 5 specific hex codes and use them consistently across all marketing materials.
- Format Uniformly: If your first sub-heading is an H2, bold, and navy blue, make sure every other sub-heading of the same importance follows those exact same rules.
- Use Visual Motifs: Repeatedly use a specific shape, a consistent style of custom illustration, or a specific photo filter to tie the visual identity together.
Alignment: Bring Order to Chaos
Proper layout is essential for readability and aesthetics. The principle of Alignment brings order to the chaos.
"Nothing should be placed on the page arbitrarily. Every element should have some visual connection with another element on the page." -Robin Patricia Williams
When you just drop text and images onto a canvas wherever there happens to be empty space, the result is messy, confusing, and unprofessional. Proper alignment creates a crisp, clean, and intentional look. It creates invisible lines that the reader's eye naturally follows, reducing cognitive load and making your message much easier to digest.
While center alignment is often the default choice for beginners, it can actually create the weakest visual lines. Pushing your elements to a strong left or right edge often creates a more sophisticated and dynamic layout.
- Embrace the Grid: Turn on the grid or ruler features in your design software. Use these guides to lock your elements into place.
- Pick One Alignment: Avoid mixing center, left, and right alignments on the same page.
- Watch Your Edges: Ensure that images align perfectly with the edges of your text blocks to create a strong, invisible boundary.
Proximity: Making Sense of it All
The principle of Proximity is all about relationship and organisation.
It helps organise information, reduces clutter, and gives the reader a clear starting and stopping point.
Think about a traditional business card: if the phone number, email, and website are scattered in four different corners, the reader has to work hard to find the contact info. By grouping them together, you create a single "contact" block.
White space (or negative space) is the unsung hero of proximity. By trapping white space between distinct groups of information, you give the design room to breathe.
- Audit Your Spacing: Look at your layout. Are your captions closer to the images they describe, or are they floating midway between two different photos?
- Group by Function: Keep your headline, sub-headline, and opening paragraph tight together, then leave a larger gap of white space before the next section.
- Eliminate the Clutter: If you have 15 distinct elements on a page, try grouping related ones until you only have 3 to 5 distinct visual clusters.
So, Is Your Visual Identity CRAP?
Creating a stunning, professional-grade design doesn't require innate artistic genius. It is of utmost importance for one to create a smooth flow of synergy. Each element in one’s design should complement the others.
It is great to go heavy on the detail, but if the various elements of your design do not synergise, does all that work even matter? You can have the most visually stunning idea in the world, but if it lacks structure in execution, it will fail to communicate.
CRAP isn’t a constraint. By mastering it, your design transitions from a mere hobby to strategically communicating a message.
Reach out to us if you want C.R.A.P for your visual identity.
