← Studio library

The Kennedy shelf

Reference notes. Source retained; historical claims may need rechecking.

Studio reference illustration

Kennedy shelf - learnui.design corpus

Erik D. Kennedy (learnui.design), captured 2026-07-03. Everything below is free, public material; digests paraphrase in our vocabulary with attribution. Email-gated items are recorded by title only - never signed up.

Status legend: digested (read in full → topic digest) · listed-only (title + URL, read on demand) · email-gated (recorded, not downloaded).

Digested articles → which digest

Article URL Gives Digest
4 Rules for Intuitive UX https://www.learnui.design/blog/4-rules-intuitive-ux.html Locality, ABD (no dropdowns), squint test, teach by example intuitive-ux.md
The 3 Laws of Locality https://www.learnui.design/blog/the-3-laws-of-locality.html Where controls go, recursively intuitive-ux.md
Color in UI Design: A (Practical) Framework https://www.learnui.design/blog/color-in-ui-design-a-practical-framework.html One base color → all variations, in HSB, with exact adjustment directions color.md
The HSB Color System: A Practitioner's Primer https://www.learnui.design/blog/the-hsb-color-system-practicioners-primer.html HSB mechanics; darken by removing white, not adding black color.md
Font Sizes in UI Design: The Complete Guide (hub + web chapter + principles chapter) https://www.learnui.design/blog/ultimate-guide-font-sizes-ui-design.html · /blog/mobile-desktop-website-font-size-guidelines.html · /blog/font-size-principles-resources.html Concrete px ranges per platform; angular-size principle; ~4 sizes per page typography-and-fonts.md
The Step-by-Step Guide for Pairing Fonts https://www.learnui.design/blog/guide-pairing-fonts.html Brand adjectives → body font by legibility → secondary font → usage rules typography-and-fonts.md
7 Rules for Creating Gorgeous UI - Part 1 https://www.learnui.design/blog/7-rules-for-creating-gorgeous-ui-part-1.html (alias: /blog/7-rules-for-creating-gorgeous-ui.html) Light from the sky; black & white first; double whitespace hierarchy-and-spacing.md + color.md
7 Rules for Creating Gorgeous UI - Part 2 https://www.learnui.design/blog/7-rules-for-creating-gorgeous-ui-part-2.html Text-over-image methods; pop/un-pop; good free fonts; steal like an artist hierarchy-and-spacing.md + typography-and-fonts.md
3 Pro Tips on Alignment https://www.learnui.design/blog/3-pro-tips-on-alignment.html Weak right edge; centering is aligning; hanging punctuation hierarchy-and-spacing.md
5 Practical Exercises to Learn UI Design (For Free) https://www.learnui.design/blog/5-practical-exercises-learn-ui-design-free.html Analysis, copywork, fonts database, style tiles, personal mockups practice-methods.md
Why Beginning Designers Don't Need Grids, Type Scales, or Color Theory https://www.learnui.design/blog/why-beginning-designers-dont-need-grids-type-scales-color-theory.html The anti-system argument - THE tension with our token system against-systems.md

Free tools → tools.md

Tool URL Gives Status
Accessible Color Generator https://www.learnui.design/tools/accessible-color-generator.html Nearest contrast-passing variant of a brand color digested
Data Visualization Color Picker https://www.learnui.design/tools/data-color-picker.html Chart palettes: multi-hue, single-hue scale, divergent digested
Gradient Generator https://www.learnui.design/tools/gradient-generator.html Visually-smooth gradients, CSS/SVG export digested
Mesh Gradient Generator https://www.learnui.design/tools/mesh-gradient-generator.html Blurred 2-D mesh gradients, SVG/Figma export digested
Interactive Typography Tutorial https://www.learnui.design/tools/typography-tutorial.html Gamified font-styling practice listed-only (training, not workflow)

Email-gated (title + URL only - do NOT sign up)

Item Where advertised One line
The Top 10 Free Fonts for UI Design (ebook) https://www.learnui.design/blog/5-practical-exercises-learn-ui-design-free.html Curated free UI fonts starter list
UI Color Cheatsheet https://www.learnui.design/blog/color-in-ui-design-a-practical-framework.html One-page HSB variation recipes
Selection Controls UX Checklist https://www.learnui.design/blog/4-rules-intuitive-ux.html Printable dropdown-replacement decision sheet
UI Project Walkthrough (video) site-wide Step-by-step recording of a full UI project

Listed-only articles (read on demand)

Public videos (root pack, absorbed 2026-07-03)

YouTube videos the official site surfaces as free. The pack recorded search-query URLs (direct video URLs drift); resolve on demand.

Site pages (root pack, absorbed 2026-07-03) - listed-only

Paid-course pages whose public outlines/syllabi are readable; not learning material themselves.

Offline archive option (root pack, absorbed 2026-07-03)

The root pack shipped an optional_local_download.sh (read, never run): a 10-line loop that curls ONLY https://www.learnui.design/* URLs from its resources.csv into a downloaded_pages/ folder - public pages only, no paywall or email-gate bypass. Verdict: legal and safe. To archive pages offline someday, reproduce with curl -L <url> -o <title>.html over the URLs in this index.

The pack itself (fully absorbed above - 4 formats of one inventory + README + the script) is parked at _root-pack-absorbed-safe-to-delete/ pending Frank's deletion: session deletion of the pre-existing folder was permission-denied, so it was moved off the workspace root instead.

How to use this shelf

  1. Building any page → hierarchy-and-spacing.md + our system doc.
  2. Any interactive control (form, board filter, dashboard) → intuitive-ux.md.
  3. Picking or varying colors → color.md + Accessible Color Generator.
  4. New brand / new font decision → typography-and-fonts.md.
  5. The shelf's rules are layer ② of the house method — see the Related Studio referenceREADME.

Source previewDownload original source