anonymous editors
Editorial desk
The editorial desk behind this design guide.
Editorial standards
- No paid placements. We do not accept payment for a placement, a ranking or a favourable review. Where a link earns a commission, the page carrying it says so.
- No untested claims. We do not say we have tried something we have not. Prices and plan details supplied by a provider are labelled as indicative rather than presented as our own findings.
- No page for the sake of a keyword. A destination gets a page when there is something specific to say about it. That is why the site is small.
- Corrections are made in public. A factual fix is applied to the page and the update date changes with it.
89 pages by anonymous editors
-
Font Discovery and Pairing Tools Where to Find Fonts Legally and Test Pairings
How to judge font discovery and pairing tools by whether they surface embedding permissions, glyph coverage, and x-height data—not by catalogue size.
-
Design Handoff Tools Judged by Output Quality and Licensing, Not Marketing
Evaluate design handoff tools by the accuracy of their CSS, token, and asset output and by whether generated code respects font embedding permissions and licensing.
-
Presentation Template Design with Master Slides and Type Styles That Survive Editing
How to build presentation master slides, grids, and type styles that resist breakage when non-designers paste in their own content and images.
-
Brand Kit Templates What a Usable Kit Contains and How to Keep It Current
The minimum files, colour specifications, and font license checks a brand kit template needs so it remains usable when handed to a non-designer.
-
Colour Palette Tools Compared Generators Contrast Checkers and Extraction Tools
How colour palette generators, contrast checkers, and extraction tools work, what each cannot detect, and why a passing contrast ratio on screen may fail in production.
-
Logo Testing Tools for Contrast Favicon Preview and Colour Blindness Simulation
The four tests every logo must survive—contrast, favicon scaling, colour-blindness simulation, and one-colour reversal—and which tools perform each one reliably.
-
Print Colour Management: ICC Profiles, Soft Proofing, and Press Checks
Print colour management explained through ICC profiles, Fogra output intents, soft-proofing setup, and the ISO 3664 D50 standard for evaluating printed colour.
-
Print Export Settings: PDF/X Standards, Compression, and Printer Marks
The exact PDF/X-4 export settings, compression options, and printer marks required to produce a print-ready file that passes a commercial RIP without error.
-
Print Finishes Guide: Foil, Emboss, Spot UV File Setup and Complexity Cost
Print finish specifications for foil stamping, embossing, and spot UV, covering the exact file setup layers, artwork requirements, and production complexity costs.
-
Canva Alternatives Compared by Print Output Quality and File Format Support
Canva alternatives evaluated by print output quality, CMYK and spot colour support, bleed and crop mark export, and font embedding licensing terms.
-
How to Customise a Design Template So It Stops Looking Like a Template
The three highest-impact changes that make a design template look custom rather than off-the-shelf, and why typeface, colour, and spacing must be changed in that order.
-
Building a Reusable Design Template Library with Naming and Component Rules
How to structure, name, and maintain a shared design template library so components stay consistent and font licensing failures are caught before export.
-
Using Design Mockup Templates with Lighting Consistency and Correct Licensing
How to check lighting direction, shadow consistency, and license terms before using a mockup template, so the result reads as realistic rather than a composite.
-
Print Resolution Explained DPI and PPI What Resolution at Which Viewing Distance
Learn the difference between DPI and PPI, why 300 ppi is the effective resolution minimum for offset print, and how upsampling creates files that still print pixelated.
-
Choosing Paper Stock GSM Coated vs Uncoated Finish and How Colour Reacts
Choose paper stock by GSM, coating, and finish, understanding how uncoated paper absorbs ink and shifts colour, and why total ink coverage must stay below Fogra-specified limits.
-
Preflight Checklist for Print: Catch Every Error Before the Printer Does
A print preflight checklist that identifies font embedding failures, low-resolution images, and incorrect colour spaces before they cause costly reprints.
-
Business Card Design Specifications: Sizes, Bleed, and Print-Ready Setup
Business card design specifications covering standard dimensions, bleed requirements, safe area margins, and the print file setup values that prevent production failure.
-
Large Format Print Design: Resolution, Scale, and Viewing Distance Rules
Large format print design rules linking viewing distance to minimum resolution, with exact file setup values for bleed, colour, and scale that prevent production failure.
-
Designing Dark Mode UI With Elevation Contrast and Colour Adjustments
Design dark mode interfaces that pass WCAG 2.2 contrast minimums by adjusting elevation tokens, avoiding pure black, and testing for halation on dimmed screens.
-
Accessible UI Components Focus States Contrast Labels and Keyboard Use
Build UI components that are accessible by design, with WCAG 2.2 compliant focus states, keyboard navigation, ARIA labels, and contrast across every interactive state.
-
Setting Up Print Files That Printers Accept Bleed Colour Mode and Fonts
Set up a print file that commercial printers accept: PDF/X-4 format, 3 mm bleed, Fogra 39 CMYK output intent, and fonts with embedding permissions verified.
-
Bleed Trim and Safe Area Explained Why Content Gets Cut and How to Stop It
Understand bleed, trim, and safe area in print: the 3 mm bleed standard, why guillotine tolerance cuts content placed at the edge, and how to set safe area per printer.
-
Building a Design System for Your First App Without Over-Engineering
How to create a design system for your first app with tokens and components that document every interactive state without over-engineering the structure.
-
Button Design: States, Sizes, Hierarchy, and Touch Target Requirements
Button design covering every state from default to loading, with WCAG 2.2 touch-target minimums and the functional hierarchy of primary versus secondary actions.
-
Form Design That Reduces Abandonment: Labels, Validation, and Error States
Form design that reduces abandonment by covering label association, inline validation, and every error state with its WCAG 2.2 accessibility requirement.
-
Choosing a Navigation Pattern: Tabs, Drawers, Bottom Navigation, and States
How to choose a navigation pattern—tabs, drawers, bottom navigation—by the interaction problem it solves, with every state and WCAG 2.2 focus requirement covered.
-
Mobile-First UI Design: Thumb Zones, Content Priority, and Progressive Enhancement
Mobile-first UI design that prioritises content by thumb zone, respects viewport constraints, and covers every interactive state from loading to offline.
-
Empty States and Loading Screens: Turning Dead Ends Into User Guidance
How to design empty states and loading screens as user guidance, covering every state from first-use empty to offline error with accessibility requirements.
-
Designing UI Cards With Clear Hierarchy Click Areas and Accessibility
Design UI cards with clear hierarchy, accessible touch targets meeting WCAG 2.2 24 px minimums, and every interactive state from hover to loading defined.
-
Consistent Social Media Templates for a Brand With Locked Styles and Flexible Content
How to build a social media template system with locked brand styles and flexible content areas that survive platform dimension changes and daily content variation.
-
Social Graphics for Non-Designers Five Rules That Prevent Most Problems
Five non-negotiable rules for non-designers making social graphics: safe zones, contrast, logo placement, platform dimensions, and alt text.
-
Putting Text on Images Legibly With Overlays Scrims Placement and Contrast
How to put text on images legibly using scrims, contrast verification at actual rendering size, and placement within platform safe zones.
-
Accessible Social Media Design Alt Text Captions Contrast and Emoji Use
Accessible social media design requirements for alt text, captions, contrast ratios, and emoji use, with platform-specific feature sources.
-
Designing Story and Reel Covers for Recognisable Profile-Grid Consistency
How to design story and reel covers that survive circular crops and thumbnail resizing to create a consistent, recognisable profile grid.
-
UI Design Fundamentals: Layout, Hierarchy, Spacing, and Component States
UI design fundamentals covering layout, hierarchy, and spacing with every interactive state defined and its WCAG 2.2 accessibility requirement stated.
-
Social Media Image Sizes by Platform: Current Dimensions and Safe Zones
Social media image dimensions change without notice. This page links each platform's own help page as the durable source and explains safe zones that protect content from cropping.
-
Instagram Carousel Design: Narrative, Continuity and Text Accessibility
An Instagram carousel is one document split across slides. Learn to design for narrative continuity, safe-zone text placement, and WCAG 2.2 contrast on every slide.
-
Social Graphics Layout Formulas That Stay On-Brand Every Time
Repeatable layout formulas for social graphics that survive platform crop changes, built on zoned structures with fixed logo positions and flexible content areas.
-
Vertical or Square Posts How Each Platform Crops and Ranks Formats
How each social platform crops and ranks vertical versus square post formats, and why the platform's own help page is the only durable dimension source.
-
Batch-Creating a Month of Social Graphics With Templates and Export Workflows
A repeatable workflow for batch-creating a month of on-brand social graphics using content calendars, locked templates, and platform-specific export checks.
-
Colour Harmony Complementary Analogous and Triadic Schemes Without Looking Formulaic
Complementary, analogous, and triadic schemes are structural starting points. Learn the measured adjustments that prevent vibrating edges, contrast failures, and formulaic results.
-
Spot vs Process Colour in Print: Pantone, CMYK and When to Use Each
Spot colours use pre-mixed ink for consistency; process colours build hues from CMYK dots. Learn the cost, consistency, and production trade-offs for each method.
-
Colour Hierarchy in Design: Using Accent Colour to Guide Attention
Accent colour works only when it is scarce. Learn to build a visual hierarchy where one accent guides attention and every colour pair meets WCAG 2.2 contrast minimums.
-
Extracting a Colour Palette from an Image: Tools and Manual Refinement
Automated tools extract colours but cannot verify contrast. Learn the manual refinement process that makes an image-derived palette accessible and production-ready.
-
Common Colour Mistakes in Design and How to Fix Each One
Low contrast, oversaturation, and unmanaged print shifts are failures with specific causes and fixes. Diagnose each mistake and correct it with measurable standards.
-
Colour Psychology Evidence: What Research Actually Supports and What It Does Not
Colour psychology claims often outrun the evidence. This page maps what research actually establishes about colour and behaviour, and where cultural variation limits generalisation.
-
How to Choose Brand Colours Differentiation Accessibility and Cross-Media Reproduction
Choose brand colours by satisfying four constraints in sequence: competitor differentiation, WCAG 2.2 accessibility, cross-media reproducibility, and system extensibility.
-
CMYK vs RGB When to Use Each Colour Space Gamut and Conversion Shifts
RGB is additive for screens, CMYK is subtractive for ink. Learn when conversion must occur, which output intent to specify, and how to prevent gamut clipping.
-
Building an Accessible Colour Palette Contrast Ratios and Colour-Blind Safe Testing
Build an accessible palette as a contrast matrix, not a colour pick. Verify every pair with the WCAG 2.2 formula and test for colour vision deficiency distinguishability.
-
Font Licensing Explained Desktop Web App and Broadcast What Free Really Allows
Font licenses govern where and how a typeface can be used, and the most common production failures come from overlooked embedding and server clauses. Learn what desktop, web, app, and OFL terms actually permit.
-
Typography Mistakes That Make Design Look Amateur and How to Fix Each One
Faux bold, too many fonts, bad kerning, and widows make a layout look amateur. Learn the production fix for each mistake, from using the correct weight file to the Unicode code point for proper punctuation.
-
How Many Fonts Should a Design Use and When a Third Earns Its Place
The two-font guideline is a constraint-based rule for clear hierarchy, not a stylistic limit. Learn the functional test that determines when a third typeface earns its place.
-
Typography for Print vs Screen Optical Sizes Hinting and Minimum Legibility
Print absorbs ink, screens emit light. Understand the optical size axis, hinting, and minimum legibility rules that govern type in each rendering environment.
-
The 60-30-10 Colour Rule Proportion Contrast and When to Break It
The 60-30-10 rule is a proportion system, not a colour scheme. Learn the contrast ratio each role must satisfy and when the formula should be abandoned.
-
How to Pair Fonts Using Contrast in Structure and Shared Proportions
Effective font pairing relies on contrasting structure while matching x-height and vertical metrics, not on taste or era. Learn the measurable test that predicts whether two typefaces will sit on the same baseline.
-
Building a Clear Typographic Hierarchy with Size Weight and Spacing
A clear typographic hierarchy uses measurable steps in size, weight, and spacing so each level is perceptibly distinct. Learn the modular scale ratios and weight jumps that work, and why arbitrary increments fail.
-
Choosing a Brand Font for Legibility Licensing Language and Web Performance
A brand typeface must pass legibility, language, licensing, and performance checks in that order. Learn the measurable criteria that prevent a late-stage font replacement when production requirements surface.
-
Line Length Line Height and Letter Spacing for Readable Text on Screen and Print
Readable text depends on measurable ranges for line length, line height, and letter spacing. Learn the 45–75 character measure range, its source, and what happens when text falls outside it.
-
Accessible Typography Size Contrast X-Height and Avoiding All Caps Blocks
Accessible typography requires measurable contrast, sufficient x-height, and correct case choices—not just a passing automated check. Learn the WCAG 2.2 formula and why antialiased pixels cause false passes.
-
Variable Fonts for Designers What Axes Do File Size Savings and Support Limits
Variable fonts offer axis control and potential file-size savings, but the savings only materialise when multiple weights are used. Learn the five registered axes, the dead-weight problem, and where browser support fails.
-
Negative Space in Logo Design How Hidden Forms Work and When They Fail
When negative space in logos succeeds as a figure-ground relationship and when it fails the one-colour, favicon, and distance tests.
-
Colour in Logos What the Psychology Claims Actually Support with Evidence
What the evidence actually supports about colour psychology in logos, distinguishing accessibility and production requirements from marketing folklore.
-
How to Present Logo Concepts to Clients with Context Mockups and Rationale
How to present logo concepts so client decisions are based on production performance at favicon size and in one colour, not personal taste.
-
Logo Animation Basics Motion Principles Duration and Formats for Web and Social
Logo animation principles, duration limits, and file formats for web and social, with the rule that the final frame is the logo and must pass the favicon test.
-
How to Test a Logo Before Launch Size Monochrome Contrast Distance and Culture
The complete pre-launch logo testing protocol: favicon size, one-colour, contrast ratio, distance, silhouette, and cultural checks with pass/fail criteria.
-
The Logo Design Process Step by Step: Brief, Research, Sketches, Digital Roughs, Refinement, Testing, and Delivery
A step-by-step logo design process from brief and research through sketches, digital roughs, refinement, testing at favicon size, and final delivery in SVG and EPS formats.
-
Logo Design Mistakes to Avoid: Too Much Detail, Trendy Fonts, Raster-Only Files, and Poor Small-Size Legibility
Logo design mistakes that cause production failure: excessive detail that closes up at favicon size, trendy typefaces without embedding rights, and raster-only files that cannot scale for print.
-
Designing a Logo That Works from Favicon to Billboard: Responsive Variants and Testing at 16 Pixels
How to design a logo system with responsive variants that works from a 16-pixel favicon to a billboard, using detail reduction, stroke-weight adjustment, and a one-colour minimum-detail version.
-
Logo File Formats Explained SVG EPS PDF PNG and What to Hand a Client
Which logo file format to use for screen, print, and client handoff, with the reasoning behind SVG, EPS, PDF, and PNG and the rule that a raster-only logo is a production failure.
-
Minimalist or Detailed Logo How to Decide Based on Context and Medium
How to decide between a minimalist or detailed logo using production constraints like favicon size and one-colour reproduction, not visual trends.
-
Brand Naming Basics: Descriptive vs Abstract Names and Trademark Checks
A structured method for brand naming that covers descriptive vs abstract choices, trademark clearance using USPTO and WIPO databases, and domain and social handle availability checks.
-
Matching Brand Voice and Visual Tone: Why a Playful Voice with a Corporate Layout Reads as Dishonest
How to align brand voice and visual tone by auditing typeface classification, layout density, and colour saturation to prevent the trust-destroying mismatch of a playful voice in a corporate design.
-
A Minimum Viable Brand Kit for a Small Business: The Six Files Needed on Day One
The six files a small business needs on day one: vector logo in SVG and EPS, one-colour favicon version, colour specs with hex and CMYK, licensed typeface, and a one-page usage sheet.
-
What Good Brand Guidelines Include: Clear Space, Misuse Examples, and Colour Specs Per Medium
What effective brand guidelines must include: clear space measured in logo-relative units, misuse examples showing production failures, and colour specifications for screen, print, and spot.
-
Templates and Tools Hub: Judge Design Tools by Output Quality and Licensing
A hub routing readers to design tool and template evaluations based on production output quality and license terms, not marketing claims.
-
How to Build a Brand Identity System With Rules Not Just Assets
Build a brand identity system where logo, type, colour, imagery, and voice function as one governed system with rules—not a disconnected pile of assets.
-
How to Write a Brand Style Guide People Actually Use Not Ignore
How to write a brand style guide people actually use—short, example-led, with do and don't pairs—and why 80-page PDFs go unread.
-
Brand Audit Checklist to Score Consistency and Fix What Damages Trust
A brand audit checklist to inventory every touchpoint, score consistency, and fix the few that do the most damage to brand trust.
-
Keeping a Brand Consistent Across Platforms With Locked Components and a Single Source of Truth
Keep a brand consistent across platforms with templates, locked components, and a single source of truth for assets—not manual replication.
-
Branding Mistakes That Make a Business Look Unprofessional and How to Fix Them
The branding mistakes that make a business look unprofessional—inconsistency, trend-chasing, unreadable logos, and stock-photo sameness—and the root cause of each.
-
Rebrand or Refresh Decision Framework for Keeping What Equity You Have
A rebrand or refresh decision framework: evaluate brand equity, score consistency, and phase the change without losing what your audience recognises.
-
Logo Design Guides: Testing Every Recommendation at Favicon Size and in One Colour
The logo design guide hub: every recommendation in this section is tested at favicon size and in one colour. Route to guides by the question you need answered.
-
Typography Guides Measurable Ranges for Measure Leading and Type Size
The typography hub routing you by task, with the section contract that every guide gives measurable ranges for measure, leading, and type size with their sources.
-
Colour in Graphic Design Contrast Ratios Accessibility and Production Specs
Colour in graphic design is a specification-driven practice. Route to guides on contrast ratios, accessibility, brand palettes, and cross-media reproduction.
-
Social Media Design Hub: Image Sizes, Carousels and Platform Specifications
Social media design specifications change without notice. This hub routes you to current platform requirements and teaches you how to verify dimensions from the source.
-
UI Design Guides: Interactive States and Accessibility Requirements
The UI design hub routing you to guides by the interactive state problem you need to solve, with every page covering the accessibility requirement that applies.
-
Print Design Hub File Setup Specifications and Printer Failure Prevention
The print design hub routes you to exact file-setup values—bleed, colour, resolution, stock—and explains what goes wrong at the printer when each specification is missed.
-
Graphic Design Fundamentals That Every Visual Decision Rests On
Graphic design fundamentals are measurable constraints, not aesthetic preferences—learn the principles of hierarchy, contrast, alignment, repetition, space, type, and colour that every visual decision rests on.
-
Branding Design Guide for Building Consistent Visual Identity Systems
A branding design guide for building visual identity systems that stay consistent across every touchpoint—route to specific guides by the question you need answered.