# Peasy Design > Design tools made easy. Peasy Design provides free browser-based tools at https://peasydesign.com/. All processing happens client-side — files never leave your device. ## Tools (15) - [Color Palette Generator](https://peasydesign.com/design/design-palette/) — - [Type Scale Generator](https://peasydesign.com/design/design-typography/) — - [Spacing Scale Generator](https://peasydesign.com/design/design-spacing/) — - [Responsive Breakpoints](https://peasydesign.com/design/design-breakpoints/) — - [Aspect Ratio Calculator](https://peasydesign.com/design/design-aspect-ratio/) — - [Color Shade Generator](https://peasydesign.com/design/design-color-shades/) — - [Font Pairing Suggestions](https://peasydesign.com/design/design-font-pair/) — - [Contrast Checker](https://peasydesign.com/design/design-contrast/) — - [Design Tokens Generator](https://peasydesign.com/design/design-tokens/) — - [Social Media Size Guide](https://peasydesign.com/design/design-media-sizes/) — - [Golden Ratio Calculator](https://peasydesign.com/design/design-golden-ratio-calculator/) — Calculate golden ratio proportions for layouts, typography, and spacing - [App Icon Size Guide](https://peasydesign.com/design/design-icon-size-guide/) — Complete icon size requirements for iOS, Android, Web, Windows, and macOS - [Shadow System Generator](https://peasydesign.com/design/design-shadow-generator/) — Generate elevation shadow systems in Material, Tailwind, or custom style - [Multi-Stop Gradient Generator](https://peasydesign.com/design/gradient-generator/) — - [CSS Pattern Generator](https://peasydesign.com/design/css-pattern-generator/) — ## Guides (87) - [QR Code Generation: Best Practices for Print and Digital](https://peasydesign.com/guides/qr-code-generation-best-practices/) — QR codes bridge physical and digital experiences, but poorly generated codes fail to scan. This guide covers sizing, error correction, … - [Color Theory for Digital Design: A Practical Guide](https://peasydesign.com/guides/color-theory-digital-design/) — Understanding color theory helps you create visually harmonious designs that communicate effectively. This guide covers color models, harmony rules, accessibility … - [JPEG vs PNG — Which Image Format Should You Use?](https://peasydesign.com/guides/jpg-vs-png-which-format-to-use/) — A detailed comparison of JPEG and PNG image formats covering compression methods, quality characteristics, transparency, and ideal use cases. Learn … - [Accessibility Guide for Online Tool Design](https://peasydesign.com/guides/accessibility-guide-online-tool-design/) — Online tools must be usable by everyone, including people with visual, motor, and cognitive disabilities. Learn the key accessibility patterns … - [QR Code Design Best Practices: Balancing Aesthetics and Scannability](https://peasydesign.com/guides/qr-code-design-best-practices/) — A QR code that looks great but fails to scan is worse than useless. Understanding the relationship between visual customization … - [CSS Grid vs Flexbox: When to Use Each Layout System](https://peasydesign.com/guides/css-grid-vs-flexbox-when-to-use-each/) — End the Grid vs Flexbox debate with clear guidelines. Understand the conceptual differences, when each layout system excels, and how … - [CSS Custom Properties (Variables): A Complete Guide](https://peasydesign.com/guides/css-custom-properties-variables-complete-guide/) — Master CSS custom properties — from basic variable usage to advanced patterns like theming, component APIs, and responsive design tokens. … - [Color Palette Generation Techniques for Web Design](https://peasydesign.com/guides/color-palette-generation-techniques/) — Building a cohesive color palette is the foundation of every design project. This guide covers algorithmic and artistic approaches to … - [Lorem Ipsum and Placeholder Text: When and How to Use It](https://peasydesign.com/guides/lorem-ipsum-placeholder-text-guide/) — Placeholder text fills layouts during design before real content arrives. This guide covers the history of Lorem Ipsum, when to … - [Typography Pairing Principles: Choosing Fonts That Work Together](https://peasydesign.com/guides/typography-pairing-principles/) — Combining typefaces is both an art and a science. Learn the structural rules behind successful font pairings and avoid the … - [Icon Design Best Practices for UI Consistency](https://peasydesign.com/guides/icon-design-best-practices/) — Icons communicate faster than words, but only when they follow consistent rules. This guide covers sizing, stroke weight, grid alignment, … - [Dark Mode Design Guidelines: Beyond Inverting Colors](https://peasydesign.com/guides/dark-mode-design-guidelines/) — Dark mode is more than swapping white for black. Proper dark theme design requires adjusted contrast ratios, desaturated colors, and … - [Color Accessibility and WCAG Contrast Checking](https://peasydesign.com/guides/color-accessibility-contrast-checking/) — Approximately 300 million people worldwide have color vision deficiency. Designing with accessible contrast ratios ensures your content is readable by … - [Batch Image Processing: Automating Resize, Convert, and Optimize](https://peasydesign.com/guides/batch-image-processing-workflow/) — Processing hundreds of images one by one is tedious and error-prone. A well-designed batch workflow handles resizing, format conversion, and … - [PDF/A for Long-Term Archiving: Standards and Best Practices](https://peasydesign.com/guides/pdf-a-archiving-standards-guide/) — PDF/A is an ISO-standardized subset of PDF designed for digital preservation. Government agencies, legal firms, and healthcare organizations use PDF/A … - [Creating Fillable PDF Forms: A Step-by-Step Guide](https://peasydesign.com/guides/creating-fillable-pdf-forms-guide/) — Fillable PDF forms replace printed forms that must be filled out by hand. Properly designed PDF forms include text fields, … - [Color Psychology in UI Design: How Color Affects User Behavior](https://peasydesign.com/guides/color-psychology-ui-design/) — Color choices influence trust, urgency, calmness, and conversion rates. Understanding the psychological impact of color helps you design interfaces that … - [How to Create Open Graph Images for Social Sharing](https://peasydesign.com/guides/create-open-graph-images/) — Open Graph images determine how your links appear when shared on social media. A well-designed OG image can dramatically increase … - [Typography Pairing: How to Combine Fonts Effectively](https://peasydesign.com/guides/typography-pairing-guide/) — The right font pairing creates visual hierarchy and personality in your designs. This guide covers pairing principles, common mistakes, and … - [Flexbox vs CSS Grid: A Practical Comparison](https://peasydesign.com/guides/flexbox-vs-css-grid/) — Flexbox and CSS Grid are complementary layout systems, not competitors. This guide clarifies when to reach for each one and … - [PDF vs DOCX vs ODT: Choosing the Right Document Format](https://peasydesign.com/guides/pdf-vs-docx-vs-odt/) — Each document format serves different purposes. PDF excels at preserving layout, DOCX is ideal for collaborative editing, and ODT offers … - [Lorem Ipsum Alternatives: Realistic Placeholder Content](https://peasydesign.com/guides/lorem-ipsum-alternatives/) — Lorem Ipsum has been the standard placeholder text since the 1500s, but realistic placeholder content produces better design feedback. This … - [How to Remove Image Backgrounds Effectively](https://peasydesign.com/guides/how-to-remove-image-backgrounds/) — Removing backgrounds from product photos, portraits, and logos is a frequent task in design and e-commerce. This guide covers techniques … - [Best Practices for Dark Mode Design](https://peasydesign.com/guides/dark-mode-design-best-practices/) — Dark mode is no longer optional — users expect it. Designing an effective dark theme requires more than inverting colors. … - [CSS Custom Properties (Variables) Best Practices](https://peasydesign.com/guides/css-custom-properties-best-practices/) — CSS custom properties enable dynamic theming, design tokens, and maintainable style systems. Learn how to organize, scope, and use CSS … - [How to Build Responsive Layouts Without Media Queries](https://peasydesign.com/guides/responsive-layouts-without-media-queries/) — Modern CSS provides intrinsic sizing techniques that create responsive layouts without breakpoint-based media queries. Learn how to use clamp(), min(), … - [How to Generate Lorem Ipsum Text](https://peasydesign.com/guides/how-to-generate-lorem-ipsum/) — Generate placeholder text for design mockups, wireframes, and prototypes using various Lorem Ipsum styles. - [How to Crop Images to Exact Dimensions](https://peasydesign.com/guides/how-to-crop-images-exact-dimensions/) — Cropping images to specific pixel dimensions is essential for web design, social media, and print. Learn techniques for precise, non-destructive … - [How to Create the Perfect Open Graph Image](https://peasydesign.com/guides/how-to-create-perfect-og-image/) — Open Graph images are the visual preview when links are shared on social media. Learn optimal dimensions, design tips, and … - [How to Build a CSS Color Palette Generator](https://peasydesign.com/guides/how-to-build-css-color-palette/) — Creating consistent color palettes is essential for design systems. Learn how to generate HSL-based palettes and CSS custom property scales. - [Figma vs Canva vs Adobe XD: Design Tool Comparison](https://peasydesign.com/guides/figma-vs-canva-vs-adobe-xd/) — Choosing the right design tool depends on your skill level, team size, and project type. Compare the leading design tools … - [How to Add Text Overlays to Images](https://peasydesign.com/guides/how-to-add-text-overlays-images/) — Adding text to images creates social media graphics, memes, quotes, and promotional materials. Learn typography and positioning best practices. - [Tailwind CSS vs Bootstrap vs Vanilla CSS](https://peasydesign.com/guides/tailwind-vs-bootstrap-vs-vanilla-css/) — Choosing a CSS approach affects development speed, bundle size, and design flexibility. Compare utility-first, component-based, and custom CSS strategies. - [CSS Container Queries vs Media Queries](https://peasydesign.com/guides/css-container-queries-vs-media-queries/) — Container queries let components respond to their container's size instead of the viewport. Learn when to use each approach for … - [How to Generate Color Palettes Programmatically](https://peasydesign.com/guides/how-to-generate-color-palettes-programmatically/) — Learn algorithmic approaches to generating harmonious color palettes for web design, data visualization, and branding. - [UI Design System Best Practices](https://peasydesign.com/guides/ui-design-system-best-practices/) — Design systems ensure visual consistency and speed up development. Learn how to create and maintain a practical design system. - [How to Make Images Transparent (Remove Background)](https://peasydesign.com/guides/how-to-make-images-transparent/) — Transparent backgrounds let images blend seamlessly into any design. Learn techniques for removing backgrounds from product photos and portraits. - [Accessible Color Contrast for UI Design](https://peasydesign.com/guides/accessible-color-contrast-ui-design/) — Meet WCAG color contrast requirements for text, UI components, and graphical elements in web interfaces. - [Troubleshooting CSS Layout Overflow and Scrollbar Issues](https://peasydesign.com/guides/troubleshooting-css-overflow-scrollbar/) — Unexpected horizontal scrollbars and content overflow are common CSS frustrations. Learn systematic approaches to finding and fixing overflow problems. - [How to Design Effective Data Tables](https://peasydesign.com/guides/how-to-design-effective-data-tables/) — Create readable, scannable, and responsive data tables for web applications with proper alignment and visual hierarchy. - [How to Generate QR Codes with Custom Designs](https://peasydesign.com/guides/how-to-generate-custom-qr-codes/) — Create branded QR codes with custom colors, logos, and patterns while maintaining reliable scannability. - [Icon Design and Usage Best Practices](https://peasydesign.com/guides/icon-design-usage-best-practices/) — Choose, implement, and maintain icon systems for web applications with consistent sizing, spacing, and accessibility. - [CSS Performance Optimization Best Practices](https://peasydesign.com/guides/css-performance-optimization/) — CSS affects page rendering speed more than developers realize. Learn how to reduce render-blocking, optimize selectors, and minimize layout thrashing. - [CSS Logical Properties for International Layouts](https://peasydesign.com/guides/css-logical-properties-international-layouts/) — Use CSS logical properties for layouts that work correctly in left-to-right, right-to-left, and vertical writing modes. - [How to Create Effective Infographics](https://peasydesign.com/guides/how-to-create-effective-infographics/) — Design data-driven infographics with clear visual hierarchy, accurate data representation, and shareability. - [Design Systems: Building Consistent UI Components](https://peasydesign.com/guides/design-systems-consistent-ui-components/) — A design system provides reusable components, patterns, and guidelines that ensure visual consistency across a product. Learn how to build … - [Responsive Typography: Fluid Text Sizing Strategies](https://peasydesign.com/guides/responsive-typography-fluid-text-sizing/) — Fixed font sizes don't adapt to different screen sizes. Learn how to implement fluid typography that scales smoothly between mobile … - [Wireframing Tools and Techniques Compared](https://peasydesign.com/guides/wireframing-tools-techniques-compared/) — Compare wireframing approaches from paper sketching to digital tools for different stages of the design process. - [Whitespace in UI Design: Principles and Common Mistakes](https://peasydesign.com/guides/whitespace-ui-design-principles/) — Whitespace is not empty space — it's a design element that improves readability, guides attention, and communicates hierarchy. Learn how … - [Data Visualization Best Practices for Non-Designers](https://peasydesign.com/guides/data-visualization-best-practices/) — Effective charts communicate insights instantly; bad charts mislead or confuse. Learn the fundamental principles of data visualization without needing design … - [Design System Color Tokens: A Practical Guide](https://peasydesign.com/guides/design-system-color-tokens-practical-guide/) — Create and manage color tokens in design systems for consistent theming across products. - [Typography Scale: Choosing Type Sizes for UI Design](https://peasydesign.com/guides/typography-scale-choosing-type-sizes-ui/) — Build a harmonious type scale using mathematical ratios for readable, consistent interfaces. - [Responsive Design Breakpoints: Modern Best Practices](https://peasydesign.com/guides/responsive-design-breakpoints-best-practices/) — Set responsive breakpoints based on content needs rather than specific device dimensions. - [How to Create Accessible CSS Focus Styles](https://peasydesign.com/guides/how-to-create-accessible-focus-styles/) — Focus indicators help keyboard users navigate your interface. Learn how to create visible, attractive focus styles that meet WCAG requirements … - [How to Generate Gradients for Web Design](https://peasydesign.com/guides/how-to-generate-gradients-web-design/) — Create smooth CSS gradients with proper color interpolation, avoiding muddy midpoints and banding artifacts. - [Mobile-First Design for Online Tools](https://peasydesign.com/guides/mobile-first-design-online-tools/) — Over 60% of web traffic is mobile, but most online tools are designed for desktop first. Learn how to create … - [QR Code Design: Branding Without Breaking Scannability](https://peasydesign.com/guides/qr-code-branding-design-scannability/) — Design branded QR codes with custom colors, logos, and shapes while maintaining reliable scanning. - [CSS Grid vs Flexbox: Layout Strategy Guide](https://peasydesign.com/guides/css-grid-vs-flexbox-layout-strategy-guide/) — Decide between CSS Grid and Flexbox for different layout patterns with practical examples. - [How to Design RESTful API URL Structures](https://peasydesign.com/guides/how-to-design-restful-api-urls/) — Well-designed API URLs are intuitive, consistent, and follow REST conventions. Learn patterns for resource naming, versioning, filtering, and pagination. - [Lorem Ipsum Alternatives: Better Placeholder Text](https://peasydesign.com/guides/lorem-ipsum-alternatives-placeholder-text/) — Compare placeholder text options beyond Lorem Ipsum for more realistic and useful design mockups. - [Pinterest Pin Design: Visual Best Practices for Click-Through](https://peasydesign.com/guides/pinterest-pin-design-best-practices/) — Pinterest is a visual search engine where pin design directly determines click-through rate. Optimal aspect ratios, text overlay techniques, and … - [Facebook Carousel Posts: Design and Engagement Strategies](https://peasydesign.com/guides/facebook-carousel-posts-guide/) — Facebook carousel posts display up to 10 swipeable cards, each with its own image, headline, and link. They consistently outperform … - [Troubleshooting CSS Grid Layout Alignment Issues](https://peasydesign.com/guides/troubleshooting-css-grid-layout-alignment/) — CSS Grid is powerful but its alignment behavior can be confusing when items don't land where you expect. This guide … - [Event Ticket QR Codes: Generation, Validation, and Security](https://peasydesign.com/guides/event-ticket-qr-codes-guide/) — QR codes on event tickets must balance ease of scanning with resistance to duplication and fraud. A well-designed ticket QR … - [Fluid Typography with clamp(): A Modern CSS Approach](https://peasydesign.com/guides/fluid-typography-clamp-modern-css/) — Implement responsive typography that scales smoothly between viewport sizes using CSS clamp(). Covers the math behind fluid type scales, accessibility … - [Barcode Inventory Management: Setup and Best Practices](https://peasydesign.com/guides/barcode-inventory-management-guide/) — Barcode-based inventory management reduces counting errors by 67% compared to manual entry. Setting up an effective system requires choosing the … - [eBook Format Guide: EPUB, MOBI, PDF, and AZW3](https://peasydesign.com/guides/ebook-format-epub-mobi-pdf-azw3-guide/) — Navigate the eBook format landscape. Understand reflowable vs fixed-layout formats, DRM implications, and how to choose the right format for … - [CSS Logical Properties: Writing Direction-Agnostic Layouts](https://peasydesign.com/guides/css-logical-properties-direction-agnostic/) — Learn CSS logical properties that replace physical directions (left, right, top, bottom) with flow-relative equivalents. Essential for internationalization and RTL … - [QR Codes for Product Packaging: Design and Compliance](https://peasydesign.com/guides/qr-codes-product-packaging/) — QR codes on product packaging bridge the physical-digital gap, linking to instructions, authentication, warranty registration, and marketing content. Packaging constraints … - [Custom QR Code Logos: Embedding Brand Identity Safely](https://peasydesign.com/guides/custom-qr-code-logos-guide/) — Embedding a logo in the center of a QR code reinforces brand identity but risks scan failures if done incorrectly. … - [Gradient Design Trends and Techniques for 2025-2026](https://peasydesign.com/guides/gradient-design-trends-techniques/) — Gradients have evolved far beyond simple two-color linear fills. Modern gradient techniques include mesh gradients, noise overlays, and animated transitions … - [Batch QR Code Generation: Techniques for Large-Scale Creation](https://peasydesign.com/guides/batch-qr-code-generation-guide/) — Generating hundreds or thousands of unique QR codes for events, inventory, or marketing campaigns requires automation. Batch generation combines template … - [MIDI Basics: Understanding Digital Music Notation](https://peasydesign.com/guides/midi-basics-digital-music-notation/) — MIDI is not audio — it is a set of instructions that tells instruments what notes to play. Understanding this … - [Design System Spacing and Scale: Building Consistent Layouts](https://peasydesign.com/guides/design-system-spacing-scale/) — Spacing is the invisible architecture of good design. A well-defined spacing scale ensures consistent padding, margins, and gaps across every … - [Trigonometry Basics for Developers and Designers](https://peasydesign.com/guides/trigonometry-basics-for-developers/) — Trigonometric functions power animations, game physics, audio visualization, and SVG path generation. This guide covers sin, cos, and tan with … - [CAD File Formats: DXF, DWG, STEP, and IGES for Non-Engineers](https://peasydesign.com/guides/cad-file-formats-dxf-dwg-step-iges/) — A practical guide to CAD file formats for developers, designers, and project managers who need to work with engineering files. … - [Responsive Design Breakpoint Strategy for Modern Devices](https://peasydesign.com/guides/responsive-design-breakpoint-strategy/) — Choosing the right breakpoints prevents layout issues across the ever-growing range of screen sizes. Learn content-driven breakpoint strategies that outperform … - [CSS Subgrid: Aligning Nested Grid Items Across Tracks](https://peasydesign.com/guides/css-subgrid-aligning-nested-grid-items/) — Learn CSS subgrid — the feature that solves nested grid alignment. Understand how child elements can participate in their grandparent's … - [SVG Optimization for Web: Reducing File Size and Complexity](https://peasydesign.com/guides/svg-optimization-for-web/) — SVG files exported from design tools contain redundant metadata, unnecessary precision, and editor artifacts. Optimization can reduce file size by … - [Design Token Management: Bridging Design and Development](https://peasydesign.com/guides/design-token-management/) — Design tokens are the single source of truth for colors, spacing, typography, and other visual properties. Managing them well eliminates … - [Figma to CSS Export: A Complete Workflow Guide](https://peasydesign.com/guides/figma-to-css-export-workflow/) — Translating Figma designs into production CSS requires more than copying values from the inspect panel. This workflow covers design tokens, … - [Favicon Creation Guide: From Design to Deployment](https://peasydesign.com/guides/favicon-creation-design-to-deployment/) — Favicons appear in browser tabs, bookmarks, home screens, and search results. A complete favicon set requires multiple sizes and formats … - [SVG Optimization: Reducing File Size While Maintaining Quality](https://peasydesign.com/guides/svg-optimization-techniques/) — SVG files from design tools often contain unnecessary metadata, redundant paths, and bloated markup. Proper optimization can reduce SVG file … - [CI/CD Pipeline Setup: From Code Push to Production Deploy](https://peasydesign.com/guides/ci-cd-pipeline-setup-guide/) — A well-designed CI/CD pipeline catches bugs early, enforces code quality, and deploys with confidence. This guide walks through building a … - [Glassmorphism and Neumorphism: When to Use Each](https://peasydesign.com/guides/glassmorphism-neumorphism-techniques/) — Glassmorphism and neumorphism are popular visual styles that add depth to flat interfaces. Both have strengths and serious accessibility trade-offs … - [Design Handoff Best Practices: From Figma to Production](https://peasydesign.com/guides/design-handoff-best-practices/) — Poor design handoff causes miscommunication, wasted developer time, and pixel-imperfect implementations. A structured handoff process bridges the gap between design … - [Micro-Interaction Design Patterns for Delightful UX](https://peasydesign.com/guides/micro-interaction-design-patterns/) — Micro-interactions are subtle animations that respond to user actions — a button bounce on click, a toggle slide, a checkmark … ## Glossary (33 terms) - [Accessibility](https://peasydesign.com/glossary/accessibility/) — Designing products usable by people with disabilities, following WCAG guidelines for perceivable and operable interfaces. - [Affordance](https://peasydesign.com/glossary/affordance/) — A visual cue suggesting how an element should be used (e.g. a raised button affords … - [Analogous Colors](https://peasydesign.com/glossary/analogous-colors/) — Three or more colors adjacent on the color wheel, producing harmonious and visually cohesive palettes. - [Baseline Grid](https://peasydesign.com/glossary/baseline-grid/) — A horizontal grid aligned to text baselines that maintains consistent vertical rhythm across a page. - [Color Blindness](https://peasydesign.com/glossary/color-blindness/) — A condition affecting ~8% of men where certain color differences are difficult or impossible to … - [Color Temperature](https://peasydesign.com/glossary/color-temperature/) — The perceived warmth (reds, yellows) or coolness (blues, greens) of a color, influencing mood and … - [Color Wheel](https://peasydesign.com/glossary/color-wheel/) — A circular diagram organizing colors by hue to visualize relationships like complementary and analogous colors. - [Complementary Colors](https://peasydesign.com/glossary/complementary-colors/) — Two colors positioned directly opposite each other on the color wheel, creating high contrast when … - [Contrast Ratio](https://peasydesign.com/glossary/contrast-ratio/) — A numerical measure of luminance difference between text and background, with 4.5:1 minimum for WCAG … - [Design System](https://peasydesign.com/glossary/design-system/) — A collection of reusable components, patterns, and guidelines ensuring visual and behavioral consistency across products. - [Design Token](https://peasydesign.com/glossary/design-token/) — A named value representing a design decision (color, spacing, typography) shared across design and code … - [Fitts's Law](https://peasydesign.com/glossary/fittss-law/) — A predictive model stating that the time to reach a target depends on its distance … - [Font Weight](https://peasydesign.com/glossary/font-weight/) — The thickness of a typeface's strokes, expressed numerically (100-900) or by name (light, regular, bold). - [Gestalt Principles](https://peasydesign.com/glossary/gestalt-principles/) — Psychological laws (proximity, similarity, closure, continuity) explaining how humans perceive visual elements as groups. - [Golden Ratio](https://peasydesign.com/glossary/golden-ratio/) — The mathematical ratio (~1.618:1) found in nature and used in design to create aesthetically pleasing … - [Grid System](https://peasydesign.com/glossary/grid-system/) — A framework of columns, gutters, and margins used to create consistent, aligned layouts in design. - [Hick's Law](https://peasydesign.com/glossary/hicks-law/) — A UX principle stating that decision time increases logarithmically with the number of available choices. - [HSL](https://peasydesign.com/glossary/hsl/) — A cylindrical color model describing colors by hue angle (0-360), saturation (%), and lightness (%). - [Information Architecture](https://peasydesign.com/glossary/information-architecture/) — The structural design of shared information environments, organizing content for intuitive navigation and findability. - [Material Design](https://peasydesign.com/glossary/material-design/) — A design language by Google using grid-based layouts, responsive animations, and depth effects inspired by … - [Mockup](https://peasydesign.com/glossary/mockup/) — A high-fidelity static representation of a design showing visual details like colors, typography, and imagery. - [Modular Scale](https://peasydesign.com/glossary/modular-scale/) — A sequence of font sizes generated by multiplying a base size by a consistent ratio … - [Monochromatic Color](https://peasydesign.com/glossary/monochromatic-color/) — A palette using variations of a single hue through different tints, shades, and tones for … - [Negative Space](https://peasydesign.com/glossary/negative-space/) — The empty space between and around design elements that improves readability and visual hierarchy. - [Prototype](https://peasydesign.com/glossary/prototype/) — A functional model of a design with clickable interactions, used to test usability before development … - [Responsive Design](https://peasydesign.com/glossary/responsive-design/) — A design approach where layouts adapt fluidly to different screen sizes using flexible grids and … - [Rule of Thirds](https://peasydesign.com/glossary/rule-of-thirds/) — A composition guideline dividing the frame into a 3x3 grid, placing key elements along lines … - [Split-Complementary](https://peasydesign.com/glossary/split-complementary/) — A color scheme using a base color plus the two colors adjacent to its complement, … - [Tracking](https://peasydesign.com/glossary/tracking/) — The uniform adjustment of spacing between all characters in a block of text, distinct from … - [Triadic Colors](https://peasydesign.com/glossary/triadic-colors/) — Three colors equally spaced (120 degrees apart) on the color wheel, offering vibrant and balanced … - [Typeface](https://peasydesign.com/glossary/typeface/) — The overall design of a set of characters (e.g. Helvetica), distinct from a font which … - [Visual Hierarchy](https://peasydesign.com/glossary/visual-hierarchy/) — The arrangement of design elements by importance using size, color, contrast, and placement to guide … - [Wireframe](https://peasydesign.com/glossary/wireframe/) — A low-fidelity skeletal outline of a page layout showing structure and content placement without visual … ## API Base URL: https://peasydesign.com/api/v1/ | Endpoint | Description | |----------|-------------| | GET /api/v1/tools/ | List all tools (filterable by category) | | GET /api/v1/tools/{slug}/ | Tool detail with description, steps, FAQ | | GET /api/v1/categories/ | Tool categories | | GET /api/v1/formats/ | File formats reference | | GET /api/v1/conversions/ | Format conversion guides | | GET /api/v1/glossary/ | Terminology definitions | | GET /api/v1/glossary/{slug}/ | Term with simple + technical explanations, code examples, references | | GET /api/v1/guides/ | Educational guides (filterable by category, audience_level) | | GET /api/v1/guides/{slug}/ | Full guide with content, takeaways, ToC, related guides | | GET /api/v1/use-cases/ | Real-world use cases | | GET /api/v1/search/?q={query} | Cross-model search | | GET /api/v1/sites/ | All 16 Peasy sites | OpenAPI spec: https://peasydesign.com/api/openapi.json Swagger UI: https://peasydesign.com/api/docs/ ## Content Negotiation All pages support Markdown output for AI agents: - Add `?format=md` to any page URL - Or send `Accept: text/markdown` header ## Platform Stats - 251 tools across 16 sites - 131 file formats documented - 1484 format conversion guides - 695 glossary terms - 645 educational guides - 302 real-world use cases Full catalog: https://peasydesign.com/llms-full.txt