BitWithBite
UI/UX · Quick Reference
Lesson 6 — Design Fundamentals Cheat Sheet
In one line: A recap of the CRAP principles, color theory, typography, and 8px grids — the foundation of every screen you'll design.
Quick Recap
1Contrast/Hierarchy/Alignment/Proximity — the 4 CRAP principles.
2Complementary colors sit opposite on the color wheel.
3WCAG AA requires 4.5:1 contrast for normal text.
48px grid keeps spacing consistent everywhere.
Before the Quiz
Know the difference: contrast vs proximity
Contrast = visual difference; proximity = spacing/grouping
Know: type scale vs font pairing
Type scale = sizes; font pairing = combining typefaces