F
Layout, Space and Visual Design
Interaction Placement
44 cards- Distance between control and object 3
- Feedback co-located with the action 3
- Proximity and saccades 3
- Thumb zone and primary-action placement 3
- Edge and corner accessibility 3
- Positional stability of frequent actions 3
- Spatial isolation of destructive actions 3
- Overlay anchoring 3
- Overlay occlusion of the object 3
- Viewport compression after the keyboard 3
- Above the fold and below it 3
- Fixed chrome and safe areas 3
- Separating action and reading regions 4
- Semantic conventions of position 4
Layout Systems
50 cards- Grid systems 3
- Columns, gutters and margins 3
- Spacing scale 3
- Whitespace 3
- Alignment 3
- Proximity grouping 3
- Information density 3
- Card layout 3
- Masonry layout 3
- Responsive breakpoints 3
- Fluid and adaptive layout 3
- Safe areas and irregular screens 3
- Portrait and landscape adaptation 3
- Content-first layout order 3
- Container queries and component-level response 4
- Extreme content and overflow 4
Visual Hierarchy
36 cardsTypography
61 cards- Type scale 3
- Leading 3
- Measure 3
- Weight and emphasis 3
- Alignment 3
- Mixed CJK and Latin 3
- Typeface choice 3
- Legibility and readability 3
- Dynamic Type 3
- Text truncation and ellipsis 7
- All-caps text 3
- Letter-spacing and word spacing 4
- Paragraph spacing and segmentation 4
- Punctuation and kinsoku 4
- Font loading and fallback 4
- Dynamic Type and user font size 4
- Numeral typesetting and alignment 4
Colour
35 cards- Colour models and colour spaces 3
- Semantic colour 3
- Brand colour and functional colour 3
- Dark-mode remapping 3
- Hierarchy in dark mode 3
- Perceptual requirements of palettes 3
- Cultural colour semantics 3
- Scarcity of accent colour 3
- High-contrast mode 3
- Building and maintaining colour scales 4
- Colour–emotion associations and their limits 4
Icons and Graphics
26 cardsMotion
39 cards- Functions of motion 4
- Motion duration 3
- Easing curves 3
- Shared-element transitions 3
- Enter and exit direction 3
- Motion masking latency 3
- Motion expressing spatial relations 3
- Reduced-motion preference 3
- Parallax and vestibular discomfort 3
- Motion abuse 3
- Interruptibility of motion 4
- Performance cost of motion 4