~/talk

Design for Developers

on YouTube 38m
Talkat ffconf 2022 · on Thursday, 2022-11-10· [design-collaboration]

speaker

name:Lex Lofthouse
x:loftio

resources

video:https://youtu.be/_1udcJCTU20
slides:none on file

summary

Covers four concrete UI rules—hierarchy, proximity, contrast, balance—and shows how small changes make big differences: improve readability by fixing line-height and paragraph spacing, use a 12‑column grid and atomic components (atoms→molecules→organisms), and prefer one brand colour plus supporting and neutral palettes. Demonstrates tools: fontjoy.com, type-scale.com, Adobe Colours, Unsplash, FontAwesome, and refines real screens (property card, delete popup, radio selector, hero image) with measurable visual improvements.

AI-written summary · about

chapters (5)

  1. 0:00Start
  2. 2:32Hierarchy
  3. 3:25Proximity
  4. 4:16Contrast
  5. 5:15Balance

related talks

~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.