Reading / 2026-05/2026-05-02t145719-micrographics-templates-design-layouts
Micrographics Templates - Design Layouts
A Figma library of 50 customizable micrographic layouts inspired by post-WWII industrial schematics and automotive decals, with 40+ vector symbols and modular building blocks for adding technical, data-heavy texture to compositions.
May 02, 2026 · design · Zachary Winterton, Figma Community
Topics
- font-pairing
- fluid-typography
- responsive-design
- open-source
Cited by
- Fluid typography
Fluid typography uses CSS clamp() to scale type continuously across viewport widths, replacing discrete breakpoints with math-driven size ranges that balance readability, accessibility, and responsive flexibility.
- Font pairing
Font pairing is the practice of combining typefaces to create typographic hierarchy and visual contrast; sources here cover curated Google Fonts combinations organized by style category and how typeface choices integrate into modular design systems.
- Open-source tools
Open-source tools span build systems, CLI utilities, and design asset libraries, each sharing code and documentation publicly to invite reuse, extension, and community contribution.
- Responsive design
Responsive design is shifting away from viewport breakpoints toward CSS-native intrinsic layout, fluid values, and container-aware primitives that adapt without explicit breakpoints.
Related
- Building a UI Without Breakpoints topic
- Modern Fluid Typography Using CSS Clamp topic
- munificent/craftinginterpreters topic
- Supply-chain attack using invisible code hits GitHub and other repositories topic
- The Great CSS Expansion topic
- 50 Best Font Combinations for Graphic Design topic
- LostWarrior/knowledge-base topic
- Radar — Open-Source Kubernetes UI topic