The Good and Bad of CARP – Examples

CARP, which stands for Contrast, Alignment, Repetition, and Proximity, are valued design principles. Though many prioritize CARP in Instructional Design and Education, CARP is also crucial in many other settings. You can few two examples of CARP principles below.

The Good:

Screen Shot 2020-02-23 at 10.10.03 PM.png

ATD’s website has great contrast, repetition, alignment, and proximity. The red branding is used across the site, fonts and sizing are consistent, and the text is easy to read. This site is visually appealing.

The Bad:

Screen Shot 2020-02-23 at 10.16.14 PM.png

Although I’m typically Costco’s number one fan, their website could use some work. In this screenshot, we see that one panel has four images, one has three, and another panel has one image. The text is different sizing and the prices are bolded. Though this is really advertising sales, the layout is harsh and distracting. In some cases, the colors are blue on blue (which can be difficult to see for accessibility purposes) and in another it’s red on blue. There is some alignment on the borders and within each horizontal pane, but otherwise the alignment is distracting. Costco could definitely do better!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s