{
  "version": 1,
  "name": "Fresh perspectives · Design resources",
  "url": "https://swipefile.design/board/fresh-perspectives-design-resources/",
  "markdown_url": "https://swipefile.design/board/fresh-perspectives-design-resources/notes.md",
  "json_url": "https://swipefile.design/board/fresh-perspectives-design-resources/data.json",
  "pdf_url": "https://swipefile.design/board/fresh-perspectives-design-resources/export.pdf",
  "reference_count": 14,
  "unavailable_count": 0,
  "guidance": "Use these references for design principles. Follow the project brief and use original branding, content, and imagery. Captures document a particular date; they do not verify current product behavior.",
  "references": [
    {
      "slug": "phosphor-icons",
      "name": "Phosphor Icons",
      "kind": "asset",
      "archetype": "Icons",
      "summary": "An icon family with multiple weights for interfaces, diagrams and presentations.",
      "use_for": "Compare weights and choose consistent icons for navigation, actions and status.",
      "source_url": "https://phosphoricons.com/",
      "reference_url": "https://swipefile.design/ref/phosphor-icons/",
      "screenshot_url": "https://swipefile.design/_astro/preview.hJAdoyZm.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DD-_IfQT.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "icons",
        "stroke",
        "interface",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {},
      "recreation_prompt": ""
    },
    {
      "slug": "tabler-icons",
      "name": "Tabler Icons",
      "kind": "asset",
      "archetype": "Icons",
      "summary": "A searchable collection of outline icons with download options and usage examples.",
      "use_for": "Find a consistent outline icon language for dashboards and product interfaces.",
      "source_url": "https://tabler.io/icons",
      "reference_url": "https://swipefile.design/ref/tabler-icons/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Gukvwvld.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BY74ab4s.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "icons",
        "svg",
        "outline",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {},
      "recreation_prompt": ""
    },
    {
      "slug": "react-bits",
      "name": "React Bits",
      "kind": "asset",
      "archetype": "Components",
      "summary": "A React component collection focused on animated text, backgrounds and visual interactions.",
      "use_for": "Explore motion treatments and interactive component examples for a product or portfolio.",
      "source_url": "https://reactbits.dev/",
      "reference_url": "https://swipefile.design/ref/react-bits/",
      "screenshot_url": "https://swipefile.design/_astro/preview.KGSpWhk9.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.D7n0xMhG.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "react",
        "animation",
        "interaction",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {},
      "recreation_prompt": ""
    },
    {
      "slug": "coss-ui",
      "name": "coss ui",
      "kind": "asset",
      "archetype": "Components",
      "summary": "A component catalog built on Base UI, with compact previews of common interface primitives.",
      "use_for": "Study consistent form controls, dialogs, navigation and input patterns.",
      "source_url": "https://coss.com/ui",
      "reference_url": "https://swipefile.design/ref/coss-ui/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DbRiK1DJ.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CnyJ_wMK.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "base-ui",
        "components",
        "forms",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {},
      "recreation_prompt": ""
    },
    {
      "slug": "kibo-ui",
      "name": "Kibo UI",
      "kind": "asset",
      "archetype": "Components",
      "summary": "A library of composed shadcn/ui components presented with interface previews and documentation links.",
      "use_for": "Explore larger interface building blocks beyond individual buttons and inputs.",
      "source_url": "https://www.kibo-ui.com/",
      "reference_url": "https://swipefile.design/ref/kibo-ui/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CaxdI3uY.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DnjjXMbR.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "shadcn",
        "react",
        "components",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {},
      "recreation_prompt": ""
    },
    {
      "slug": "codrops",
      "name": "Codrops",
      "kind": "asset",
      "archetype": "Learning & Tutorials",
      "summary": "A publication of creative web experiments, implementation tutorials and studio case studies.",
      "use_for": "Find detailed references for interactive typography, WebGL and image effects.",
      "source_url": "https://tympanus.net/codrops/",
      "reference_url": "https://swipefile.design/ref/codrops/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CpHQtbwl.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BuVzLvtJ.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "webgl",
        "tutorials",
        "creative-development",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {},
      "recreation_prompt": ""
    },
    {
      "slug": "happy-hues",
      "name": "Happy Hues",
      "kind": "asset",
      "archetype": "Colors",
      "summary": "Curated color palettes applied to a complete example page, with swatches alongside the design.",
      "use_for": "Judge a palette in context across backgrounds, headings, text and primary actions.",
      "source_url": "https://www.happyhues.co/",
      "reference_url": "https://swipefile.design/ref/happy-hues/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CppkC66q.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.2bEnHFIh.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "palettes",
        "contrast",
        "color",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {},
      "recreation_prompt": ""
    },
    {
      "slug": "velvetyne",
      "name": "Velvetyne",
      "kind": "asset",
      "archetype": "Fonts",
      "summary": "An independent type foundry catalog with large specimens and expressive display typefaces.",
      "use_for": "Find distinctive display typography and compare letterforms at a useful scale.",
      "source_url": "https://velvetyne.fr/",
      "reference_url": "https://swipefile.design/ref/velvetyne/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BrUc97gF.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.C8aZ6Bwo.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "type-foundry",
        "display-type",
        "experimental",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {},
      "recreation_prompt": ""
    },
    {
      "slug": "google-fonts-knowledge",
      "name": "Google Fonts Knowledge",
      "kind": "asset",
      "archetype": "Learning & Tutorials",
      "summary": "An illustrated typography learning hub covering type selection, font technology and text design.",
      "use_for": "Build a stronger basis for font pairing, variable fonts and readable interface typography.",
      "source_url": "https://fonts.google.com/knowledge",
      "reference_url": "https://swipefile.design/ref/google-fonts-knowledge/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DuB_j2bU.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CpkBHFDh.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "typography",
        "education",
        "web-fonts",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {},
      "recreation_prompt": ""
    },
    {
      "slug": "drawkit",
      "name": "DrawKit",
      "kind": "asset",
      "archetype": "Illustrations",
      "summary": "A visual catalog of illustration packs, icons and animated artwork.",
      "use_for": "Explore coherent illustration styles for onboarding, empty states and landing pages.",
      "source_url": "https://www.drawkit.com/",
      "reference_url": "https://swipefile.design/ref/drawkit/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BWn1KcvN.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.D2WVGjiA.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "illustrations",
        "3d",
        "icons",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {},
      "recreation_prompt": ""
    },
    {
      "slug": "manypixels-illustrations",
      "name": "ManyPixels Illustrations",
      "kind": "asset",
      "archetype": "Illustrations",
      "summary": "An illustration library organized by visual style, with search and category controls.",
      "use_for": "Choose a consistent illustration family and browse assets for product storytelling.",
      "source_url": "https://www.manypixels.co/gallery",
      "reference_url": "https://swipefile.design/ref/manypixels-illustrations/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CE6Rm5pd.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.6cVwDyKW.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "illustrations",
        "style",
        "color",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {},
      "recreation_prompt": ""
    },
    {
      "slug": "geist-design-system",
      "name": "Geist Design System",
      "kind": "asset",
      "archetype": "Design Systems",
      "summary": "Vercel’s design-system reference brings brand assets, components, colors and typography into one documentation shell.",
      "use_for": "Study how a restrained product system documents its foundations and interface rules.",
      "source_url": "https://vercel.com/geist/introduction",
      "reference_url": "https://swipefile.design/ref/geist-design-system/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DZf1uLGC.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CDVOzrNM.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "design-system",
        "components",
        "typography",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {},
      "recreation_prompt": ""
    },
    {
      "slug": "navbar-gallery",
      "name": "Navbar Gallery",
      "kind": "asset",
      "archetype": "Inspiration Libraries",
      "summary": "A navigation-pattern gallery with a sidebar of menu types and visual website examples.",
      "use_for": "Compare static navigation, dropdowns, mega menus and full-screen menu patterns.",
      "source_url": "https://www.navbar.gallery/",
      "reference_url": "https://swipefile.design/ref/navbar-gallery/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BuyX8PKb.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Bh74S6pz.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "navigation",
        "patterns",
        "menus",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {},
      "recreation_prompt": ""
    },
    {
      "slug": "observable-plot-gallery",
      "name": "Observable Plot",
      "kind": "asset",
      "archetype": "Data Visualization",
      "summary": "A JavaScript plotting library introduced through a rich collage of chart examples and documentation links.",
      "use_for": "Explore chart types and implementation examples for analytical interfaces.",
      "source_url": "https://observablehq.github.io/plot/",
      "reference_url": "https://swipefile.design/ref/observable-plot-gallery/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DiofMJdA.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BR71ZqO_.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "charts",
        "javascript",
        "data-visualization",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {},
      "recreation_prompt": ""
    }
  ]
}