Website Design Cheat Sheet 2026
The 30 highest-yield Website Design facts, distilled from real exam questions. Print it, save it as a PDF, or study it here — free, no sign-up.
- Which color model is primarily used for web design and digital screens? → RGB
- What is the recommended minimum contrast ratio for normal body text according to WCAG 2.1 AA? → 4.5:1
- What does 'color blindness' mean for web designers? → Ensuring information is not conveyed by color alone
- What distinguishes a prototype from a wireframe? → A prototype simulates user interactions and navigation between screens
- What is 'LCP' in Google's Core Web Vitals? → Largest Contentful Paint — time for the main content to become visible
- What is the hex color code for pure white? → #FFFFFF
- What does a website manager do? → A person responsible for managing a whole development team
- Which of the following tools is primarily designed for wireframing and prototyping? → Figma
- What is the purpose of whitespace (negative space) in web design? → To improve readability, focus, and visual breathing room
- What is the purpose of alt text on images? → To provide a text description for screen readers and when images fail to load
- What kind of finished product would an information designer be in charge of creating? → Site diagram
- What does a user flow diagram illustrate in the design process? → The sequence of steps a user takes to complete a specific task on a website
- What CSS Grid property is used to define the number and size of columns? → grid-template-columns
- What happens if a client needs more than the included one hour of website work per month to be done? → Additional service hours can be purchased by the client in packages of two hours.
- What does WCAG stand for? → Web Content Accessibility Guidelines
- What is the main purpose of a low-fidelity wireframe? → To rapidly explore layout and structure ideas early in the design process
- What is 'card-based design' in web UI? → A layout pattern using contained, card-like modules to organize content
- During the Kick Off Call, the customer must register their website domain in their own name and give the fulfillment team the logins. → True
- Which CSS property controls the weight (boldness) of text? → font-weight
- What is the 'F-pattern' in web design? → A visual reading pattern where users scan in an F-shape
- Which of the following best describes a design sprint? → A time-boxed process for rapidly solving design problems and testing ideas with users
- What is the 'hamburger menu' in web design? → A three-line icon that toggles a hidden navigation menu
- What is 'CLS' in Google's Core Web Vitals? → Cumulative Layout Shift — the measure of unexpected layout shifts during loading
- For a client's product inventory, Propel can build a unique database within the responsive design website. → False
- What does 'perceivable' mean in the context of WCAG's four principles? → Information must be presentable in ways all users can perceive
- What does the CSS Grid `fr` unit represent? → A fraction of the available space in the grid container
- What is a wireframe in web design? → A basic visual guide representing a page's skeletal structure and layout
- What is a 'web-safe font'? → A font pre-installed on most operating systems and browsers
- What is the purpose of using a typographic scale in web design? → To create visual hierarchy with proportional font sizes
- What is a 'meta description' in web design and SEO? → A short summary of page content displayed in search engine results
Turn these facts into recall: