[
  {
    "title": "Product Design Psychology",
    "category": "Books",
    "meta": "Book · Free",
    "url": "https://productdesignpsychology.com",
    "image": "assets/og/product-design-psychology.jpg",
    "label": "How minds shape products, yours included.",
    "note": "A free web book in short chapters on the psychology behind products. It covers your own biases as a designer, not just your users’. Read one chapter between tasks."
  },
  {
    "title": "Pond",
    "category": "Tools",
    "meta": "Mac app · Free",
    "url": "https://pond.raphaelsalaja.com",
    "image": "assets/og/pond.webp",
    "label": "Saves from X, Instagram and Pinterest in one folder.",
    "note": "Pulls what you save on X, Instagram, Pinterest and more into a plain folder on your Mac. Your swipe file stops living inside five apps. Free and open source."
  },
  {
    "title": "Practical Typography",
    "category": "Books",
    "meta": "Book · Free",
    "url": "https://practicaltypography.com",
    "image": "assets/og/practical-typography.webp",
    "label": "The rules of good type, free and online.",
    "note": "A whole typography book, free on the web. Start with “Typography in ten minutes”: those are the rules you will use every day."
  },
  {
    "title": "Typescale",
    "category": "Tools",
    "meta": "Tool · Free",
    "url": "https://typescale.com",
    "image": "assets/og/typescale.webp",
    "label": "See every heading size from one ratio.",
    "note": "Pick a base size and a ratio and see every heading size at once, instead of guessing them one by one."
  },
  {
    "title": "Fonts In Use",
    "category": "Inspiration",
    "meta": "Free",
    "url": "https://fontsinuse.com",
    "image": "assets/og/fonts-in-use.webp",
    "label": "Real projects, the typefaces they used, and how.",
    "note": "An archive of real work tagged by typeface. Look a font up to see how other designers set it before you choose a pair."
  },
  {
    "title": "Huetone",
    "category": "Tools",
    "meta": "Tool · Free",
    "url": "https://huetone.ardov.me",
    "image": "assets/og/huetone.webp",
    "label": "Build color ramps with even, readable contrast.",
    "note": "Builds shade ramps with even contrast, so blue 500 and red 500 feel equally strong and the pairs you pick stay readable."
  },
  {
    "title": "Are.na",
    "category": "Tools",
    "meta": "Tool · Freemium",
    "url": "https://www.are.na",
    "image": "assets/og/are-na.webp",
    "label": "A calm place to collect references, with notes.",
    "note": "A slow, ad-free place to save references into channels. A good home for a swipe file, with room for a note on every save."
  },
  {
    "title": "Mobbin",
    "category": "Inspiration",
    "meta": "Freemium",
    "url": "https://mobbin.com",
    "image": "assets/og/mobbin.webp",
    "label": "Real mobile app screens and flows, searchable.",
    "note": "A large library of real app screens and flows. Search onboarding or paywalls and see how dozens of apps handle them."
  },
  {
    "title": "Framer",
    "category": "Tools",
    "meta": "Tool · Freemium",
    "url": "https://www.framer.com",
    "image": "assets/og/framer.webp",
    "label": "Design a site and publish it yourself.",
    "note": "A design tool that publishes real, responsive websites. The shortest path from your frames to a live link."
  },
  {
    "title": "Dive Club",
    "category": "Podcasts",
    "meta": "Podcast · Free",
    "url": "https://www.dive.club",
    "image": "assets/og/dive-club.webp",
    "label": "Designers on craft and careers. Perfect for long drives.",
    "note": "Designers talk about their craft and careers. Good for a long drive."
  },
  {
    "title": "Refero",
    "category": "Inspiration",
    "meta": "Freemium",
    "url": "https://refero.design",
    "image": "assets/og/refero.webp",
    "label": "Real product screens, searchable by flow. Steal good patterns.",
    "note": "Search real product screens by flow, like \"empty state\" or \"cancel subscription\". The fastest way to see how ten teams solved the screen you are stuck on.",
    "isNew": true,
    "wide": true
  },
  {
    "title": "Refactoring UI",
    "category": "Books",
    "meta": "Book · Paid",
    "url": "https://www.refactoringui.com",
    "cover": {
      "image": "assets/covers/refactoring-ui.jpg",
      "author": "Wathan & Schoger"
    },
    "label": "Practical fixes for screens that look almost right.",
    "note": "Short, practical fixes for screens that look almost right. Read one chapter, then go fix your spacing."
  },
  {
    "title": "Kern Type",
    "category": "Games",
    "meta": "Game · Free",
    "url": "https://type.method.ac",
    "image": "assets/og/kern-type.webp",
    "label": "Kern by eye, then compare with a pro.",
    "note": "Space letters by eye, then compare with a pro. Ten rounds teach more than a chapter on kerning."
  },
  {
    "title": "Laws of UX",
    "category": "Articles",
    "meta": "Site · Free",
    "url": "https://lawsofux.com",
    "image": "assets/og/laws-of-ux.webp",
    "label": "Every UX principle, one clear page each.",
    "note": "Every principle you half-remember from a talk, on one page each with a clear diagram. Good to cite in a review."
  },
  {
    "title": "Can't Unsee",
    "category": "Games",
    "meta": "Game · Free",
    "url": "https://cantunsee.space",
    "image": "assets/og/cant-unsee.webp",
    "label": "Spot the better screen. Trains your eye fast.",
    "note": "Pick the better of two nearly identical screens. It trains the part of your eye that notices a 2px misalignment."
  },
  {
    "title": "Don't Make Me Think",
    "category": "Books",
    "meta": "Book · Paid",
    "url": "https://www.goodreads.com/book/show/18197267",
    "cover": {
      "image": "assets/covers/dont-make-me-think.jpg",
      "author": "Steve Krug"
    },
    "label": "Short, funny, still right. Read it in an afternoon.",
    "note": "Funny, short and still right. Read it in an afternoon and you will look at every website differently."
  },
  {
    "title": "Recent",
    "category": "Inspiration",
    "meta": "Free",
    "url": "https://recent.design",
    "image": "assets/og/recent.webp",
    "label": "Landing pages recorded with motion, not just stills.",
    "note": "Landing pages with motion, recorded as video so you see the transitions, not just a still. Scroll it when a hero feels flat.",
    "wide": true
  },
  {
    "title": "Figma Variables guide",
    "category": "Tools",
    "meta": "Docs · Free",
    "url": "https://help.figma.com",
    "image": "assets/og/figma-variables.webp",
    "label": "Set light and dark tokens once. Stop repainting.",
    "note": "Set up light and dark tokens once and stop repainting every frame. Worth an hour before your next project."
  },
  {
    "title": "The Design of Everyday Things",
    "category": "Books",
    "meta": "Book · Paid",
    "url": "https://www.goodreads.com/en/book/show/840.The_Design_of_Everyday_Things",
    "cover": {
      "image": "assets/covers/the-design-of-everyday-things.jpg",
      "author": "Don Norman"
    },
    "label": "Why doors confuse us, and what designers learned.",
    "note": "The book that gave designers words like affordance and signifier. Explains why so many doors confuse us."
  },
  {
    "title": "Stark",
    "category": "Tools",
    "meta": "Plugin · Freemium",
    "url": "https://www.getstark.co",
    "image": "assets/og/stark.webp",
    "label": "Contrast checks inside Figma, before anyone has to squint.",
    "note": "Contrast checks and vision simulations inside Figma. Catch the light-grey caption before a user has to squint at it."
  }
]