Sources & Maintenance
This section catalogs all authoritative sources used in this guide. The guide-framework-maintainer agent uses this manifest to detect outdated content and trigger updates when sources change.
Maintenance protocol: Check each source periodically. If a source URL is dead, find its replacement. If a source was updated, review the guide section that references it and update accordingly.
Standards & Specifications
| Source |
URL |
Guide Sections |
Last Verified |
| W3C DTCG Design Tokens Format |
https://www.designtokens.org/tr/drafts/format/ |
1.1, 1.4, 6.1 |
2026-02-12 |
| WCAG 2.2 Contrast Requirements |
https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html |
1.1, 6.2, 7.4 |
2026-02-12 |
| WebAIM Contrast Checker |
https://webaim.org/resources/contrastchecker/ |
6.2 |
2026-02-12 |
Design Systems (Official Documentation)
| Source |
URL |
Guide Sections |
Last Verified |
| Tailwind CSS Colors |
https://tailwindcss.com/docs/colors |
1.1, 5 |
2026-02-12 |
| Material Design 3 |
https://materialui.co/blog/design-tokens-and-theming-scalable-ui-2025 |
1.1, 5 |
2026-02-12 |
| Shopify Polaris |
https://polaris-react.shopify.com/ |
5 |
2026-02-12 |
| GitHub Primer |
https://primer.style/ |
5 |
2026-02-12 |
| IBM Carbon |
https://carbondesignsystem.com/ |
1.4, 5 |
2026-02-12 |
| Atlassian Design |
https://atlassian.design/ |
1.3, 1.4, 5 |
2026-02-12 |
| Open Props |
https://open-props.style/ |
5 |
2026-02-12 |
| Radix UI |
https://www.radix-ui.com/ |
5 |
2026-02-12 |
| shadcn/ui |
https://ui.shadcn.com/ |
5 |
2026-02-12 |
| U.S. Web Design System (Shadow) |
https://designsystem.digital.gov/design-tokens/shadow/ |
1.4 |
2026-02-12 |
Atomic Design Methodology
| Source |
URL |
Guide Sections |
Last Verified |
| Brad Frost — Atomic Design (book) |
https://atomicdesign.bradfrost.com/chapter-2/ |
2.1, 2.2, 2.3, 2.4, 2.5, 6.3 |
2026-02-12 |
| Atomic Design in 2025 (Medium) |
https://medium.com/design-bootcamp/atomic-design-in-2025-from-rigid-theory-to-flexible-practice-91f7113b9274 |
2.1, 2.5 |
2026-02-12 |
| Atomic Design in Practice |
https://www.mykolaaleksandrov.dev/posts/2025/11/atomic-design-in-practice/ |
2.1, 4.1 |
2026-02-12 |
| Atomic Design Labels Don't Matter |
https://www.qt.io/blog/atomic-design-systems-why-the-labels-dont-matter |
2.1, 6.3 |
2026-02-12 |
Typography & Color
| Source |
URL |
Guide Sections |
Last Verified |
| OKLCH in CSS (Evil Martians) |
https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl |
1.1 |
2026-02-12 |
| Responsive Typography Guide 2025 |
https://designshack.net/articles/typography/guide-to-responsive-typography-sizing-and-scales/ |
1.2 |
2026-02-12 |
| Type Scale Calculator |
https://www.forgedock.dev/tools/typescale |
1.2 |
2026-02-12 |
| Exploring Responsive Type Scales |
https://medium.com/sketch-app-sources/exploring-responsive-type-scales-cf1da541be54 |
1.2 |
2026-02-12 |
Spacing & Layout
| Source |
URL |
Guide Sections |
Last Verified |
| Atlassian Spacing |
https://atlassian.design/foundations/spacing/ |
1.3 |
2026-02-12 |
| GitLab Pajamas Spacing |
https://design.gitlab.com/product-foundations/spacing/ |
1.3 |
2026-02-12 |
| Spacing Systems in UI Design |
https://blog.designary.com/p/spacing-systems-and-scales-ui-design |
1.3 |
2026-02-12 |
| Elevation Design Patterns |
https://designsystems.surf/articles/depth-with-purpose-how-elevation-adds-realism-and-hierarchy |
1.4 |
2026-02-12 |
CSS & Token Implementation
| Source |
URL |
Guide Sections |
Last Verified |
| Design Tokens & CSS Variables (Penpot) |
https://penpot.app/blog/the-developers-guide-to-design-tokens-and-css-variables/ |
4.1 |
2026-02-12 |
| Design Tokens with CSS Custom Properties |
https://backlight.dev/docs/design-tokens-using-css-custom-properties |
4.1 |
2026-02-12 |
| Simple Tokens with CSS Custom Properties |
https://medium.com/design-bootcamp/simple-design-tokens-with-css-custom-properties-7ab69b71d8ad |
4.1 |
2026-02-12 |
Figma
| Source |
URL |
Guide Sections |
Last Verified |
| 2025 Figma Components & Variants |
https://medium.com/@ashish.garg25/2025-figma-walkthrough-components-and-variants-5f1c1de507b5 |
4.2 |
2026-02-12 |
| Scalable Component Library in Figma |
https://designilo.com/2025/07/08/how-to-build-and-document-a-scalable-component-library-in-figma/ |
4.2 |
2026-02-12 |
| Token-Based Library in Figma |
https://designilo.com/2025/07/10/how-to-build-a-token-based-component-library-in-figma/ |
4.2 |
2026-02-12 |
| Auto Layout & Variants Hacks |
https://svitla.com/blog/hacks-creating-designs-with-auto-layout-and-variants-in-figma/ |
4.2 |
2026-02-12 |
Screenshot & Visual Analysis
| Source |
URL |
Guide Sections |
Last Verified |
| Computer Vision for UI Testing |
https://www.techrxiv.org/users/898550/articles/1282199/master/file/data/Computer_Vision_for_UI_Testing_Himanshu_Pathak/Computer_Vision_for_UI_Testing_Himanshu_Pathak.pdf |
4.3 |
2026-02-12 |
| Deep Learning for UI Components (Alibaba) |
https://www.alibabacloud.com/blog/how-do-you-use-deep-learning-to-identify-ui-components_597859 |
4.3 |
2026-02-12 |
| AI-Assisted Visual Testing |
https://www.deepakkamboj.com/blog/ai-assisted-visual-testing/ |
4.3 |
2026-02-12 |
| Turning Screenshots into Data |
https://medium.com/data-science-collective/turning-screensots-int-data-html-126bdcaa4821 |
4.3 |
2026-02-12 |
Design System Best Practices (2025-2026)
| Source |
URL |
Guide Sections |
Last Verified |
| Design Systems Trends and Best Practices 2025 |
https://www.netguru.com/blog/key-design-systems-trends-and-best-practices |
2.1, 3 |
2026-02-12 |
| Best Practices For Naming Design Tokens |
https://www.smashingmagazine.com/2024/05/naming-best-practices/ |
1.1, 3.1 |
2026-02-12 |
| Naming Tokens in Design Systems (Nathan Curtis) |
https://medium.com/eightshapes-llc/naming-tokens-in-design-systems-9e86c7444676 |
1.1, 3.1 |
2026-02-12 |
| Design Token Naming Best Practices |
https://www.netguru.com/blog/design-token-naming-best-practices |
1.1, 3.1 |
2026-02-12 |
| The Design System Guide |
https://thedesignsystem.guide/design-tokens |
1.1, 3.1 |
2026-02-12 |
| Design System Governance (UXPin) |
https://www.uxpin.com/studio/blog/design-system-governance/ |
3.5 |
2026-02-12 |
| Brad Frost — Design System Governance Process |
https://bradfrost.com/blog/post/a-design-system-governance-process/ |
3.5 |
2026-02-12 |
| Design System Governance Models (UX Planet) |
https://uxplanet.org/design-system-governance-models-f66a97367ad5 |
3.5 |
2026-02-12 |
| Brad Frost — Subatomic Design Tokens |
https://www.designsystemscollective.com/from-atomic-to-subatomic-brad-frost-on-design-systems-tokens-and-the-human-side-of-ui-189609dd9ac8 |
2.1 |
2026-02-12 |
Accessibility Best Practices
| Source |
URL |
Guide Sections |
Last Verified |
| Designing for Colorblindness |
https://www.smashingmagazine.com/2024/02/designing-for-colorblindness/ |
1.1 |
2026-02-12 |
| Colorblind-Friendly Palettes |
https://venngage.com/blog/color-blind-friendly-palette/ |
1.1 |
2026-02-12 |
| Color Blind Friendly Palette 2025 |
https://rgblind.com/blog/color-blind-friendly-palette |
1.1 |
2026-02-12 |
| Accessible Design Systems |
https://montanab.com/2025/03/accessible-design-systems-building-components-for-everyone/ |
1.2, 3.4, 6.2 |
2026-02-12 |
| 2025 Accessibility Regulations |
https://medium.com/design-bootcamp/2025-accessibility-regulations-for-designers-how-wcag-eaa-and-ada-impact-ux-ui-eb785daf4436 |
6.2 |
2026-02-12 |
| Source |
URL |
Guide Sections |
Last Verified |
| 2025 Web Almanac — Fonts |
https://almanac.httparchive.org/en/2025/fonts |
1.2 |
2026-02-12 |
| Optimizing Web Fonts: FOIT vs FOUT |
https://talent500.com/blog/optimizing-fonts-foit-fout-font-display-strategies/ |
1.2 |
2026-02-12 |
| Font Performance Optimization Guide |
https://www.debugbear.com/blog/website-font-performance |
1.2 |
2026-02-12 |
Spacing & Visual Rhythm
| Source |
URL |
Guide Sections |
Last Verified |
| Spacing & Alignment in UI |
https://www.designsystemscollective.com/spacing-alignment-in-ui-creating-visual-rhythm-and-breathing-room-2c382b112272 |
1.3 |
2026-02-12 |
| The 8pt Grid System |
https://www.rejuvenate.digital/news/designing-rhythm-power-8pt-grid-ui-design |
1.3 |
2026-02-12 |
| Vertical Rhythm in UI |
https://uinica.com/vertical-rhythm-in-ui-the-hidden-system-that-makes-interfaces-feel-clean-and-readable/ |
1.3 |
2026-02-12 |
Token Architecture & Implementation
| Source |
URL |
Guide Sections |
Last Verified |
| Design Tokens & Theming 2025 |
https://materialui.co/blog/design-tokens-and-theming-scalable-ui-2025 |
1.1, 3.1 |
2026-02-12 |
| The Pyramid Design Token Structure |
https://stefaniefluin.medium.com/the-pyramid-design-token-structure-the-best-way-to-format-organize-and-name-your-design-tokens-ca81b9d8836d |
1.1 |
2026-02-12 |