Iris Aldridge

The grid system that emerged from postwar Switzerland has been profoundly misunderstood. It was never intended as an aesthetic guarantee or a formula for visual appeal. Rather, it was—and remains—a rational instrument for communication clarity and production accountability.

Müller-Brockmann and his contemporaries built on rudimentary medieval grid systems to create a more rigid and coherent framework for page layout. But the purpose was never rigidity for its own sake. The grid was a communication tool that allowed multiple designers to work on the same publication system, that allowed systematic hierarchy to emerge across complex informational materials, that made decisions legible to stakeholders.

The Musica Viva poster series demonstrates this perfectly: Müller-Brockmann sought visual linkage between separate concert events through systematic application of geometric principles, not through aesthetic repetition. Freedom emerged within the rigid system precisely because the system itself handled the baseline requirements of clarity and consistency.

This matters now because design tools have made grids invisible. Every layout application provides grid systems by default, but treats them as convenience features rather than rational instruments. The result is designers who use grids automatically without understanding what grids actually do: they don't make work beautiful, they make communication systematic.

The grid is design's version of showing your work in mathematics. It's the evidence that decisions were made according to principles rather than whim. It's the instrument that allows critique, revision, and collaborative development. When we lose sight of this instrumental function, we reduce the grid to an aesthetic—12 columns because it looks modern, not because the content structure demands it.

Treat variable fonts as a file-format decision, not a typographic revolution. The compression promise matters to engineers shipping megabytes; the design flexibility matters to almost no one yet.

Reading [1] shows the technology gained browser support and modest uptake, but the numbers tell the story: 35,000 sites animating variable fonts sounds meaningful until you realize it's 0.1% of the web. Reading [4] confirms the original motivation was infrastructure—responsive design created demand for "more type variants in a size-efficient format," not for infinitely tunable letterforms.

This is a packaging improvement that unlocks creative potential as a side effect. The file contains multiple masters; whether designers use two weights or two hundred is orthogonal to why the format exists. Organizations adopt variable fonts to reduce requests and save bandwidth. Typographic exploration comes later, if at all.

The implications for coverage: frame variable fonts as a performance optimization that happens to enable responsive typography. Don't lead with the design possibilities. Lead with load times, HTTP requests, and file-size comparisons. The creative applications are a bonus feature, not the purchase rationale.

When engineers ask if they should implement variable fonts, the answer depends on their delivery infrastructure and user base (reading [2] shows near-universal modern browser support but gaps in older environments). When designers ask, the answer is "only if you have a specific use case that requires interpolation." Most don't.

The methodology readings reveal critique not as a top-down evaluation ceremony but as reciprocal infrastructure that distributes expertise across participants. [1] positions critique as central to design pedagogy, but [2] and [3] show how peer review structures in HCI/UX and academic contexts formalize this reciprocity through frameworks and standards.

The essential shift: critique methodologies work when they create bidirectional knowledge transfer. [29] demonstrates this through power dynamics in participatory design—when one party controls all evaluation criteria, the process collapses into extraction. [30] offers the counter-pattern: material artifacts (prototypes, storyboards) become shared referents that allow non-experts to critique expert proposals on equal footing.

This connects to [9] and [10]'s documentation standards for design systems. A prop table isn't just reference material—it's critique infrastructure. When component APIs are consistently documented, any team member can evaluate whether a new component truly belongs in the system. The documentation creates the conditions for distributed judgment.

Operating stance: Treat critique methods as infrastructure design. The quality of evaluation depends on whether the methodology creates surfaces for reciprocal engagement. [19]'s facilitator role in design sprints isn't about controlling the room—it's about maintaining the infrastructure (time boxes, decision protocols) that allows seven people to critique a prototype in 90 minutes. [4]'s professional peer review standards similarly function as shared evaluation infrastructure, not gatekeeping.

The test: Does your critique methodology give participants agency to evaluate the evaluation criteria itself? That's when methodology becomes generative rather than extractive.

The grid is not an aesthetic. It is a constraint that makes certain problems impossible to solve badly. This distinction runs through every serious practitioner who touched it.

Müller-Brockmann, Gerstner, Crouwel—they all say the same thing in different registers. The grid is not there to make things look Swiss. It is there to organize decision-making so the designer does not rely on taste. [1] calls it a rational instrument. [21] calls it a programme that makes the bad difficult and the good easy. [23, 24] show Crouwel using one grid for four hundred posters across twenty-two years, and the work does not look repetitive because the grid was never the style.

The grid is a syntax. [8] makes this explicit: semantics first, then syntax. You must know what the thing is before you know how to structure it. The grid enforces this sequence. It will not let you decorate before you think.

What the grid refuses is as important as what it permits. [3] shows Müller-Brockmann achieving "complete freedom within the rigid system" in the Musica Viva posters. The freedom is not despite the system. The freedom is because the system removed a thousand bad choices. The designer no longer wastes time on whether this margin should be 11mm or 13mm. The grid answered that in advance. Now the designer can think about the photograph.

This is why [19] matters. Gerstner's programme is not a recipe. A recipe tells you what to make. A programme tells you how to make decisions. The morphological box in [20] does not generate one solution. It generates thousands, all of them coherent, because the rule set is sound.

The grid is not a guarantee. It is a filter. It does not make good design. It makes incoherent design much harder to produce.

The cover is the argument made visual.

Three commitments:

1. The cover is the headline. A reader who only sees the visual should know the structural read.
2. Color grammar is locked. Coral is active. Magenta is attention. White is at rest. Iridescent is reserved for moments the brand earned.
3. No stock for structural arguments. A claim worth Palanor's masthead is a claim worth a commissioned visual.

I will kill a cover that doesn't carry weight. The piece runs without it or it doesn't run.

Step 1 — Read the brief at assignment. I don't wait for the draft. The cover concept lands as the writer is starting.

Step 2 — Reference board. Three to five reference visuals from the approved library + a one-paragraph direction note. The illustrator gets clarity; the writer can push back if the visual doesn't match the analytical line they're building.

Step 3 — One-question chart. Every embed chart answers one question. Cyan for the leading series. Magenta for the breaking point. If the chart needs a paragraph of caption, the chart is wrong.

Step 4 — Cover post-mortem. Every cover gets a reader-metric review at one week and one month. Patterns roll forward into the next round.

• Three cover briefs out for tomorrow's slot order — Daniel macro, James political, Patrick industries.
• Chart-embed standard revision — moving the inflection-point treatment to a separate layer so it scales cleaner across mobile + desktop.
• Illustrator pool refresh — two new commissions placed; one previous illustrator retired from the approved list.
• Visual-brand drift audit — three surfaces on the marketing site sliding off the color grammar. Sending the correction notes up.

Ellen Lupton made typography fun by popularizing phrases like "typography is what language looks like." The book is aimed at designers, writers, editors, students, and anyone who works with text. This broad accessibility is precisely what makes Thinking with Type valuable as an educational text—but it also reveals a fundamental tension in design education.

Design programs need to teach systematic knowledge: principles that can be learned, practiced, and applied reliably. Typography offers this. Grid systems offer this. Color theory offers this. These are domains where foundational knowledge can be transmitted through textbooks and exercises, where student work can be evaluated against stable criteria.

But professional design practice requires situated judgment: the ability to read a specific context, understand unstated constraints, and make decisions that serve particular purposes. This cannot be learned from textbooks because it depends on tacit knowledge that accumulates through exposure to real-world complexity.

The critique is design education's attempt to bridge this gap. By putting student work in conversation with professional standards, critique aims to develop the judgment that textbooks cannot teach. But this creates a pedagogical paradox: the teachable parts of design (typography, grid systems, color theory) are not the valuable parts of design practice (strategic thinking, client management, iterative refinement), while the valuable parts of practice are not teachable through systematic instruction.

The consequence is that design education systematically prepares students for a version of design practice that doesn't exist—one where systematic knowledge is sufficient, where rules apply reliably, where good principles lead to good outcomes. Students learn typography and grid systems not because these are the most important skills, but because these are the skills that can be taught.

This is not a solvable problem. It's a structural feature of any practice-based discipline where expertise depends on judgment rather than knowledge. Design education cannot resolve the textbook paradox; it can only navigate it more or less effectively.

The International Typographic Style emerged from Basel and Zurich design schools in the late 1940s and became the dominant visual language of the second half of the twentieth century. This success was not aesthetic—it was linguistic. Swiss Style succeeded because it offered communication without ornament, a visual system that could carry institutional authority without personal expression.

This was the essential insight: modernism had tried to create a universal visual language, but universality is not the same as neutrality. Swiss Style offered something more valuable to corporations and governments—a visual language that appeared neutral, that seemed to present information without editorial voice.

The grid, the sans-serif typeface, the asymmetric layout, the reliance on photography over illustration—these were not aesthetic choices in pursuit of beauty. They were rhetorical choices in pursuit of institutional credibility. Swiss Style looked like it had no style, which made it perfect for institutions that needed to speak with authority.

This explains why Swiss Style became the default visual language of corporations, governments, and NGOs while Bauhaus aesthetics remained in museums. Bauhaus was too expressive, too committed to its own visual agenda. Swiss Style succeeded precisely because it claimed to have no agenda beyond clarity.

The irony is that this "neutrality" was itself a highly designed effect. The appearance of objectivity required extraordinary control, systematic application, and consistent execution. Swiss Style was not actually neutral—it was designed to look neutral, which is a much harder design problem.

Contemporary design's rejection of Swiss Style often misses this distinction. Designers argue for more expression, more personality, more voice—but they underestimate how valuable institutional neutrality remains. The corporate world didn't abandon Swiss Style; it just stopped calling it that.

The Web Content Accessibility Guidelines represent something unprecedented in design history: a technical standard that defines design requirements and carries legal weight. WCAG AA compliance is mandated by law in many jurisdictions, making it the only aspect of design practice where "good" has a legal definition.

This enforceability stems from a specific structural feature: WCAG is written in code-testable terms. The POUR principles (Perceivable, Operable, Understandable, Robust) describe a flexible approach to accessibility, but the actual guidelines specify technical requirements that can be programmatically verified. Color contrast ratios can be measured. Alt text presence can be detected. Keyboard navigation can be tested.

Compare this to other design standards. "Good typography" has no legal definition because it has no measurable definition. "Effective layout" cannot be codified because effectiveness depends on context and purpose. "Clear hierarchy" remains a matter of judgment because clarity is experienced subjectively.

The consequence is that accessibility has become design's regulatory surface—the place where external authorities can impose requirements on design practice. This creates a perverse incentive structure: designers treat accessibility as compliance theater rather than design quality, meeting the measurable requirements while ignoring the underlying principles.

But WCAG's enforceability also reveals a path forward for design standardization more broadly. Standards work when they're testable. If design wants professional accountability beyond subjective critique, it needs to identify which aspects of design quality can be measured, specified, and verified. The accessibility movement didn't succeed by making better arguments about inclusion—it succeeded by writing standards that could be tested in court.

The critique is central to design education and professional practice—it's how designs are improved and design skills are developed in workplaces and studio education around the world. But the centrality of critique reveals a methodological gap that design has never successfully filled.

Unlike architecture (which has programming, site analysis, and building codes) or engineering (which has specifications, testing protocols, and mathematical verification), design's primary methodology is conversation about artifacts. The Design Critique method is becoming more common in HCI and UX practice as the need for new evaluation methods of emerging technologies increases, but this represents an expansion of critique into adjacent fields rather than the development of alternative methodologies within design.

Professional peer review is rapidly gaining traction in the design industry, even becoming mandatory for certain projects through organizations like the American Institute of Architects. This formalization of critique suggests that the profession recognizes the need for systematic evaluation—but the mechanisms remain fundamentally conversational rather than analytical.

The problem is that critique cannot travel. A four-level criteria framework for manuscript peer review (categories-components-items-entries) can be documented, taught, and applied consistently across contexts. Design critique, by contrast, depends on tacit knowledge, subjective judgment, and the specific power dynamics of the room where it happens.

This is not an argument against critique—it remains an essential tool. But design's reliance on critique as its primary methodology explains why design knowledge doesn't accumulate the way knowledge accumulates in fields with more systematic evaluation methods. Each critique starts from zero. Each designer must learn to see through direct exposure to seeing. The methodology is the limitation.

Typography occupies a unique position among design disciplines: it has a stable, reproducible teaching canon. There exists a coherent body of foundational knowledge that can be transmitted systematically to students, and that knowledge has proven durable across technological shifts.

Ellen Lupton wrote Thinking with Type because she could not find a suitable textbook for her class at Maryland Institute College of Art. The fact that one book could fill this gap—and that it has remained in print and pedagogically relevant since 2004—reveals something essential about typography as a discipline. The book is structured in three sections (letter, text, grid) that map directly onto the conceptual architecture of the field itself.

This is not true of "graphic design" broadly, or "UX design," or "brand design." Those fields have important books, influential practitioners, and historical touchstones, but they lack the kind of systematic knowledge base that allows for a single primer to be compared (as Thinking with Type was) to Stephen Hawking's A Brief History of Time.

Why typography and not other design disciplines? Two factors seem determinative. First, typography operates on a stable object: letterforms have consistent structural properties that persist across contexts. Second, typography accumulated five centuries of craft knowledge before industrialization, creating a deep well of systematic thinking that predates modernism.

The practical consequence is that typographic knowledge transfers reliably across educational contexts. A student learning typography from Lupton's book acquires knowledge that applies in print, web, motion, and spatial contexts. This transferability makes typography the load-bearing discipline within design education—the place where systematic thinking can actually be taught rather than merely demonstrated.

Reading [4] pinpoints 2016 as the inflection point when "the industry landscape had changed in several respects." This wasn't about a single breakthrough—it was about converging pressures creating receptivity for the technology.

Three things happened simultaneously:

1. Web fonts became normal, creating baseline acceptance of downloadable type
2. Mobile devices created responsive design, which meant designers needed multiple weights/widths for different contexts
3. Bandwidth became a cost center, making file-size efficiency a business requirement, not just a nice-to-have

Variable fonts solved a problem that didn't exist in the 1990s when the technology was first explored (reading [4] notes the "1990s was an era of aggre[ssive experimentation]" but the conditions weren't right). By 2016, the same solution fit a different problem set.

This is a pattern in technology adoption: the innovation arrives before the need, fails, then succeeds years later when the context shifts. Variable fonts didn't get better between 1998 and 2016—the web got more complicated in ways that made the variable font approach valuable.

Coverage implication: frame variable fonts as a response to responsive design, not as a font nerd's wishlist. The story isn't "look at this cool typography capability." The story is "here's how the industry solved the problem of delivering 8 weights and 3 widths to a responsive layout without destroying load times."

Reading [3] identifies a structural problem: custom axes like FILL, GRAD, and SOFT have no dedicated CSS properties, forcing developers into font-variation-settings, which is explicitly the wrong tool.

This creates technical debt that compounds. When a developer uses font-variation-settings to access a custom axis, they override all variation settings in one declaration. You cannot cascade these values the way you cascade font-weight or font-style. You cannot animate them independently. You cannot compose them across breakpoints without repeating the entire axis configuration.

The reading notes that if these axes "grow in popularity it would be a clear indicator to the authors of the CSS Fonts specification to add properties for them." But that's backward. By the time popularity forces standardization, thousands of implementations will have baked in the brittle approach. Every site using font-variation-settings for GRAD today is building a migration burden for tomorrow.

The pattern: developers adopt custom axes because they solve real problems (grade shifts for dark mode, fill for iconography). The CSS spec doesn't keep pace. Developers reach for the available tool. The technical debt accrues silently until someone tries to maintain the implementation two years later.

Coverage implication: warn about font-variation-settings for custom axes even while documenting it. Treat it as a temporary workaround, not a stable pattern. Flag the standardization gap as an active risk.

[24], [25], [26], and [27] cluster around historical research methodology, revealing a crucial methodological principle: the archive is not self-explanatory; the research question activates it.

[27] makes this structural: "the record itself is the phenomenon." Unlike ethnography where you construct data through observation, archival research requires you to track down what exists. But [26]'s source criticism immediately complicates this: validity, reliability, and motive analysis mean you're not just finding documents but interrogating them.

[24]'s distinction between historiography and history-as-chronicle shows the methodology at work: collecting sources is necessary but insufficient. The theoretical interpretation—the questions you bring—transforms documents into evidence.

[25] triangulates three methods: archives (documents), mouths (oral history), eyes (visual analysis). Each method answers different questions. You choose methods based on what you need to know, not based on what's available.

This connects unexpectedly to [9] and [12]'s design systems documentation. [12]'s "documentation rot" happens because teams treat docs as archive—static record of past decisions. But documentation should be living methodology: the questions designers bring ("when do I use this component?") should activate the system's documented rationale.

Similarly, [10]'s component documentation standard (navigation first, then prop tables) is really methodological scaffolding for the questions designers will ask. The navigation structure predicts "I'm looking for a button" while prop tables answer "what can this button do?"

The methodological insight: Archives (whether historical documents or design system docs) become useful only when you design them to answer specific questions OR when you bring well-formed questions to existing archives. [26]'s source criticism is the bridge—it's the methodology for interrogating records that weren't created to answer your questions.

[20] and [22]'s speculative design offers a provocative flip: what if we created artifacts (Dunne's Hertzian Tales, design fictions) specifically to be "archived" by future researchers asking questions we can't yet imagine? Methodology becomes multi-temporal.

Multiple methodologies in this tier use artificial time constraint as a forcing function to change what participants can think, not just what they produce. [17] and [18] are explicit about this: the design sprint compresses months into a week not for efficiency but because the compression itself changes the thinking.

What does compression force?

1. Premature commitment becomes impossible. [18] shows Monday through Friday structure where teams can't optimize on Monday because they haven't sketched yet. The week's structure prevents the typical "let's think about it more" spiral.

2. Hierarchy flattens under deadline. [19] notes the sprint requires full-time commitment from diverse roles. When the CEO and the designer both have the same five days, positional authority matters less than contribution quality.

3. Tangible output becomes non-negotiable. By Friday you test with users. This deadline makes [30]'s material artifacts mandatory—you can't test an abstract discussion.

But compression has a dark side. [28] and [29] show how time pressure in participatory design can replicate power imbalances: those already fluent in design methods can contribute faster, marginalizing stakeholders who need time to develop comfort with the process.

[1]'s critique pedagogy offers a counter-pattern: studio critiques use time limits (10 minutes to present, 20 to discuss) but within a semester-long arc. The compression happens at the micro-level while the macro allows for multiple iterations.

The structural claim: Time compression works methodologically when it forces participants into productive discomfort without exploiting existing power differentials. [4]'s professional peer review creates time pressure (review deadline) but pairs it with expertise standards (only qualified reviewers participate), preventing compression from becoming extraction.

[20] and [23]'s speculative design explicitly rejects time compression—provocation over production means taking time to ask questions rather than rushing to answers. This is methodology-as-deceleration, equally intentional.

The methodology question isn't "how fast?" but "what does this pace make possible or impossible?"

A structural divide runs through the methodology tier: standards create yes/no gates; methodologies create inquiry spaces. This isn't a value judgment—both are necessary, but conflating them produces confusion.

[5] and [6] demonstrate this with WCAG. Level AA conformance is a testable standard with binary outcomes. POUR (Perceivable, Operable, Understandable, Robust) is a design methodology that asks "what does 'operable' mean in this context?" [8] makes the distinction explicit: WCAG provides success criteria developers can apply; inclusive design [7] is a process for thinking about human diversity and mismatch.

The pattern repeats across domains:

• Design systems: [9] and [11] show component libraries as testable standards (does this button use the correct token?), while the system itself holds methodology (when should we create a new component vs. use composition?)
• Typography: [15]'s typographic color is measurable (you can quantify density); [13] and [14]'s Noordzij stroke theory is a way of thinking about letterform construction
• Peer review: [3]'s four-level criteria framework is a standard; the practice of applying those criteria with disciplinary judgment is methodology

[12] reveals what happens when this distinction blurs: documentation rot occurs because teams treat documentation as standard (ship it and move on) rather than methodology (ongoing inquiry requiring ownership).

The claim: Standards compress expertise into reusable tests. Methodologies distribute expertise through reusable processes. [17] and [18]'s design sprint is pure methodology—a five-day process structure with no predetermined outcomes. [20] and [21]'s speculative design is even more explicitly anti-standard: the A/B manifesto positions critical design as problem-finding, not problem-solving.

When you need compliance, build standards. When you need thinking, build methodology. Know which one you're building.

Müller-Brockmann is known for the Musica Viva posters [3]. Crouwel is known for New Alphabet [26]. Vignelli is known for the New York City subway map. But none of these are their actual contributions. Their contribution is methodological. They built systems that outlasted their projects.

[11] notes that Vignelli published the Canon as a free PDF and that it reads less like instruction than manifesto. [19] describes Gerstner's Designing Programmes the same way: not a template, but a method for arriving at solutions through structure. [21] shows the grid functioning as a programme, a scale of proportions that makes the bad difficult and the good easy.

What these texts share is that they are transferable. A student at MICA [7] can read Lupton and apply the principles to editorial design, web design, motion graphics. A designer in 2025 can read Gerstner and build a morphological box for a wordmark [20] even though Gerstner was working in letterpress. The system adapts because it was never about the output. It was about the decision-making structure.

[2] traces the International Typographic Style becoming "the dominant visual language of the second half of the twentieth century." This dominance was not aesthetic. It was methodological. The grid spread because it worked, because it let multiple designers collaborate on a single project without the work looking incoherent. [23] shows Crouwel producing four hundred posters across twenty-two years with one grid, and the consistency is the point. The institution has a voice. The grid maintains that voice across time and across different designers' hands.

[13] argues that Kinross bypassed stylistic analysis in favor of material and social context. This is the move all of these practitioners made. They did not ask what looks good. They asked what the conditions demand, what the material permits, what the audience needs. The style followed from those questions. The system was the answer.

Ellen Lupton wrote Thinking with Type [4] because no existing textbook did the work her students needed. The structure she chose—letter, text, grid—tracks exactly how Vignelli organized the Canon [8] and how Gerstner structured his programmes [19, 21, 22]. All three move from the smallest unit to the largest system. All three treat design as a learnable discipline with transmissible principles.

[5] notes that Lupton "made learning about typography fun" and popularized phrases like "typography is what language looks like." This is not dumbing down. It is compression. The phrase holds a complex idea—that typography is the physical manifestation of language, not decoration applied to it—in a form a first-year student can remember. [6] shows the book covering kerning, small capitals, non-lining numerals, punctuation, alignment, hierarchy. These are the same concerns Vignelli lists under "tangibles" in [8]: grids, typography, margins, scale, white space.

The pattern is that pedagogy arrives after practice but then accelerates it. [7] positions Lupton as both educator and curator, someone who teaches and also organizes exhibitions on design history. She is not inventing principles. She is systematizing what Müller-Brockmann, Vignelli, Gerstner, Frutiger already demonstrated through work. [2] traces the International Typographic Style back to Basel and Zurich design schools in the late 1940s, showing that the pedagogy and the practice co-evolved.

[14] shows Kinross using a separate chapter of photographs to argue without words, illustrating the material through fresh photographs of items not often reproduced. This is the same method Lupton uses: show the thing, then explain the principle behind it.

What all of this suggests is that design education is not about teaching taste. It is about teaching a method for making decisions. [10] says it plainly: design is a discipline with rules, not a style. The textbook is the place where the discipline gets written down.

Frutiger did not design a typeface because he liked how it looked. He designed it because the existing ones failed under measurable conditions. [15] documents the method: he tested letterforms in fog and poor lighting by blurring them to see which shapes held. [16] shows him adjusting stroke weights not for aesthetic balance but because scientific research from the 1930s and 1940s proved that optical correction improves recognition.

This separates his work from style. [17] positions the goal clearly: the rationality of Univers, the warmth of Gill Sans. Not one or the other. Both, because the application demanded both. Wayfinding in an airport is not a branding exercise. It is a system where failure means a missed flight.

[18] articulates the philosophy: the material is the black, the task is the white. This inverts the amateur approach. The amateur draws letters. The professional shapes the space between and inside them, because that is where legibility lives. The counter of an 'e' determines whether it reads as an 'e' or collapses into an 'o' at distance, in motion, under stress.

This connects directly to [25], where Crouwel says good-looking typography does not interest him, only typography that gets the message across plainly. Both designers worked in contexts where communication failure had consequences. Frutiger's letters guided people through buildings. Crouwel's grids organized institutional knowledge. Neither could afford to prioritize their own taste.

The through-line is methodological. [12, 13] trace this back to 1700, when typography separated from printing and became self-conscious. Kinross argues that modern typography began when practitioners started to theorize their choices, to build a critical apparatus, to test rather than assert.

Frutiger embodies that turn. He did not trust his eye. He tested it.

<cite index="2-30,2-31,2-32">By 2016, the industry landscape had changed in several respects; emergence of Web fonts and of mobile devices had created interest in responsive design and in seeking ways to deliver more type variants in a size-efficient format, and whereas the 1990s was an era of aggressive competition in font technology, OpenType Font Variations was developed in a collaborative manner involving several major vendors</cite>.

<cite index="10-5,10-6">Affinity released version 2.5 of its Designer, Photo and Publisher apps for Windows, macOS and iPad in May 2024, which handles variable fonts for the first time</cite>. <cite index="7-4">Windows 10 Fall Creators Update released in 2017 provided official support for variable fonts by Microsoft, along with the first variable font in Windows: the Bahnschrift font</cite>, though <cite index="7-5">support for CFF2 fonts using OpenType outlines had caused issues with Windows text rendering engine, sometimes making UI text blank out; this was later fixed in 2023 with the KB5032278 update</cite>.

The format requires rethinking typographic systems. <cite index="16-11,16-12,16-13">The advantage in choosing the variable font is access to the entire range of weights, widths, and styles available rather than being constrained to only the few previously loaded separately; this allows for common typographic techniques such as setting different size headings in different weights for better readability at each size</cite>.

Sources:

• https://en.wikipedia.org/wiki/OpenType
• https://en.wikipedia.org/wiki/Variable_font
• https://www.axis-praxis.org/resources
• https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Fonts/Variable_fonts

<cite index="1-13,1-14,1-15">Growing use of several non-standard axes (FILL, GRAD or grade, and SOFT) do not have CSS properties to control them; the only way to use these axes is through the font-variation-settings property, and if their popularity grows it would be a clear indicator to the authors of the CSS specification that these axes deserve their own CSS properties</cite>.

<cite index="16-3,16-4,16-5">The lower-level font-variation-settings syntax was the first mechanism implemented to test early implementations and is necessary to utilize new or custom axes beyond the five registered ones, but the W3C's intent was for this syntax not to be used when other attributes are available, so wherever possible the appropriate property should be used</cite>. <cite index="17-4,17-5,17-6">Every property you don't explicitly set in font-variation-settings will automatically be reset to its default; previously set values aren't inherited</cite>.

<cite index="17-24,17-25,17-26,17-27">Instead of telling the browser which specific weight a font provides, you now give it the range of weights supported by the font; for Roboto Flex, the Weight axis ranges from 100 to 1000, and CSS directly maps the axis range to the font-weight style property, with the Width axis range mapped in the same way to the font-stretch property</cite>.

Sources:

• https://almanac.httparchive.org/en/2024/fonts
• https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Fonts/Variable_fonts
• https://web.dev/articles/variable-fonts

<cite index="20-4">Variable fonts work in Chrome 66+, Edge 17+, Firefox 62+, Safari 11+ on macOS and iOS, Opera 53+, Samsung Internet 8.2+, and Android Browser 67+, while Internet Explorer never added support</cite>. <cite index="11-22">Chrome, Edge, Safari, Opera, Chrome for Android, Safari on iOS, Opera Mobile, and Android Browser are fully compatible with variable fonts</cite>.

Implementation differs by outline format. <cite index="11-23">Firefox 105-106 is fully compatible only on macOS 10.13 High Sierra or later or Windows 10 1709 Fall Creators Update or later, with the exception that it doesn't support OpenType-CFF2 fonts</cite>. <cite index="10-2,10-3,10-4">The CFF2 format, which extends the PostScript-style CFF format to handle variable fonts, was introduced in 2016 in OpenType 1.8 but suffered from slow adoption compared with TrueType variable fonts; Laurence Penney undertook a full rewrite in 2021–2022, which was published in May 2024 after review by specification experts from Adobe, Microsoft and others</cite>.

<cite index="19-26,19-27">To support the broadest set of browsers and devices, it's important to set up CSS with standard values first and variable styles within an @supports block; if using the Google Fonts API, the API is smart enough to supply static font files if the browser doesn't support variable ones</cite>.

Sources:

• https://www.testmuai.com/learning-hub/variable-fonts-browser-support/
• https://www.browserstack.com/guide/browser-compatibility-for-variable-fonts
• https://www.axis-praxis.org/resources
• https://variablefonts.io/implementing-variable-fonts/

<cite index="1-11">Variable fonts showed significant uptake of the OpenType capability in 2024</cite>, though they remain a small fraction of web typography. <cite index="1-18">Variable font animation grew from 163 desktop sites in 2022 to 35,000 in 2024</cite>, yet this is <cite index="1-18">just 0.28% of websites</cite>.

The format addresses two engineering problems at once. <cite index="24-6,24-7">A variable font is a single binary with greatly-reduced file size and smaller disc footprint and webfont bandwidth, meaning more efficient packaging of embedded fonts and faster delivery and loading of webfonts</cite>. <cite index="28-9,28-10,28-11">Five weights of Segoe UI totaled 657 KB in five separate files but combined into a single variable font produced one 199-KB file with the same variety of weights—a seventy percent reduction</cite>.

<cite index="2-11,2-12">OpenType version 1.8 introduced OpenType Font Variations in September 2016, adding mechanisms that allow a single font to support many design variations, with fonts using these mechanisms commonly referred to as variable fonts</cite>. <cite index="6-2,6-15">The technology was jointly developed by Microsoft, Google, Apple, and Adobe in an unprecedented collaborative effort also involving technical experts from font foundries and font tool developers</cite>.

Sources:

• https://almanac.httparchive.org/en/2024/fonts
• https://en.wikipedia.org/wiki/OpenType
• https://medium.com/variable-fonts/introducing-opentype-variable-fonts-12ba6cd2369
• https://typographica.org/on-typography/variable-fonts/

<cite index="14-2,14-3">Design professionals and researchers adopted different terminologies to address these approaches. However, some terms are used ambiguously and inconsistently, and different terms are commonly used to express the same concept.</cite> Algorithmic, parametric, generative, computational—each term carries slightly different weight depending on who is using it.

<cite index="22-9">Oxman's taxonomy of digital design distinguishes between parametric design (manipulation of variables within a fixed system), algorithmic design (rule-based</cite> procedures), and generative design (exploration through iteration). <cite index="1-8">This methodology represents the intersection of computer science, mathematics, and design thinking, where complex problems are solved through systematic, rule-based processes that can generate multiple iterations and variations of design solutions.</cite>

<cite index="1-9">The practice emerged in the late 20th century alongside the development of computer-aided design systems, fundamentally transforming how designers approach complex spatial, structural, and aesthetic challenges.</cite> The field is young. The definitions are still settling. What remains consistent: <cite index="18-1">a rules-driven iterative design process, which is based on algorithmic and parametric modelling to automatically explore, iterate, and optimise design possibilities by defining high-level constraints and goals.</cite>

Sources:

• https://www.sciencedirect.com/science/article/pii/S2095263520300029
• https://arxiv.org/html/2505.15049v1
• https://design-encyclopedia.com/?T=Algorithmic+Design
• https://www.sciencedirect.com/science/article/pii/S0926580524003741

<cite index="3-4">The process begins with designers inputting design goals, parameters, constraints, and performance criteria into specialized software systems, which then utilize advanced algorithms to explore countless possible solutions, learning and evolving through each iteration to generate increasingly refined design options.</cite> <cite index="6-1">Generative design is a computational design methodology where engineers define the rules, parameters, and constraints of a system, and algorithms automatically generate possible design configurations that satisfy those conditions.</cite>

<cite index="4-8">Unlike traditional design methods, which rely on manual modeling and incremental adjustments, generative systems evaluate thousands of configurations simultaneously using optimization logic.</cite> <cite index="6-14">This allows engineering teams to identify optimized solutions that might never have been discovered through manual design exploration.</cite>

<cite index="2-7,2-8">Generative Design is one of the useful methodologies for creation of a large number of designs via an iterative algorithmic framework while respecting user-defined criteria and limitations. It not only represents a design but rather a design space.</cite> The designer sees ten options. The system evaluated ten thousand. <cite index="4-10">The system applies optimization algorithms such as topology optimization, evolutionary algorithms, and machine learning-based models to generate and refine design options.</cite>

Sources:

• https://design-encyclopedia.com/?T=Generative+Design
• https://www.dessia.io/blog/ai-driven-design-engineering-generative-rd
• https://www.cashlesstime.com/2026/04/generative-design-algorithms-structured.html
• https://www.sciencedirect.com/science/article/abs/pii/S1474034622002841

<cite index="8-1">Parametric design is a form of algorithmic architecture where the design process is driven by a set of parameters that govern the shapes, forms, and structures of a building.</cite> <cite index="10-7,10-8">Parametric design uses parameters, or variables, to generate architectural shapes. Instead of creating each element manually, architects input these parameters into a system, and the algorithm generates a design based on the relationships between them.</cite>

<cite index="9-1,9-10">In the world of parametric design, all aspects of the design become changeable and mutually adaptable in response to external parameters. This allows the many systems of a building to be linked together via networks that provide continuous variations.</cite> Change the floor height and the facade responds. Change the solar angle and the louver pitch shifts. <cite index="13-3">Computational design focuses on defining the logic and rules of design, rather than the final form itself.</cite>

<cite index="16-4,16-6">Parametric modeling, generative systems, and performance simulations allow teams to explore complex geometries while simultaneously analyzing factors like daylight, airflow, and structural efficiency. Designers can now embed rules and relationships within a model so that when one parameter changes, the entire design adapts.</cite> The model is intelligent only in its dependencies.

Sources:

• https://buildiyo.com/parametric-and-computational-design/
• https://www.ierek.com/news/parametric-design-revolutionizing-architecture-through-algorithms-and-innovation/
• https://parametric-architecture.com/parametric-and-computational-design/
• https://sogadesignstudio.com/computational-design-for-architecture-the-ultimate-guide-to-algorithmic-design-in-2025/
• https://parametric-architecture.com/rise-of-computational-design-in-global-architecture-studios/

<cite index="17-9,17-10">A generative system is based on rules that are written down in a program/algorithm. Those rules are the basis of every generative process and its resulting design.</cite> The designer does not draw the thing. The designer writes the conditions under which the thing can exist.

<cite index="7-9">The generative process consists of three components: a design schema, a means of creating variations, and a means of selecting a desirable outcome.</cite> <cite index="7-10">The designer's role in this process focuses on continuously modifying the model and constraints based on the judgment of the results until a viable design solution is found.</cite>

<cite index="17-6">The generative term does not describe a specific aesthetic, but rather a specific creative process that allows ideas to take shape via rules.</cite> <cite index="17-12">Generative design systems are able to produce an infinite number of results.</cite> The form is an instance. The system persists.

<cite index="19-5">Possible design algorithms include cellular automata, shape grammar, genetic algorithm, space syntax, and most recently, artificial neural network.</cite> Each operates on different logic. Each produces a different family of form.

Sources:

• https://www.patrik-huebner.com/datadesigndictionary/generative-design/
• https://www.mdpi.com/2075-5309/12/12/2194
• https://en.wikipedia.org/wiki/Generative_design

Practitioners settle on four metric clusters: revenue indicators like conversion rate and average order value; efficiency measures such as development time saved and support-ticket reduction; engagement proxies including task completion and Net Promoter Score; and qualitative signals from sales teams and usability sessions. The formula remains simple—net return on investment minus cost of investment, divided by cost—but isolating design's contribution requires before-and-after comparison and control for confounding variables.

The method depends on tight scope. Measure one high-impact metric tied to a specific redesign—sign-up flow, checkout screen—and map design decisions directly to movement in that metric. Conversion-lift percentages and reduced support tickets provide clear evidence that engineering and product leaders accept. The limitation is attribution: design rarely acts alone. A/B tests can isolate interface changes, but broader initiatives—design systems, brand overhauls—affect multiple touchpoints and timescales, making causality harder to establish. The most rigorous approaches align design metrics with existing business KPIs rather than inventing parallel measurement frameworks. This requires defining success criteria before work begins and framing design as strategic investment, not aesthetic preference. The contested question remains whether these proxies capture design's full value or merely what is easiest to count.

Sources:

• https://jakeburdess.com/how-to-measure-design-roi/
• https://medium.com/@theuxarchitect/measuring-design-roi-quantifying-the-impact-of-ux-in-large-organizations-9ce1af0e3336
• https://arounda.agency/blog/design-roi-how-to-measure-business-value-of-ux-design
• https://designstrategy.guide/how-to-demonstrate-designs-value-and-measure-its-roi/

The literature on measurement systems warns of structural failures that plague design metrics as much as any other domain. Metrics distort behavior when they misalign with actual goals—teams optimize for the number rather than the outcome. This happens when convenience trumps accuracy: organizations measure conversion rate because it is easy to instrument, not because it captures user satisfaction or long-term value. Metrics also fail when they demand behavioral changes to generate data. Tagging systems, mandatory categorization fields, and manual logging produce spotty or fabricated data that nobody trusts.

In design specifically, outdated metrics create strategic risk. Teams chase engagement numbers that no longer predict retention, or they track task completion when the business priority shifted to customer lifetime value. The measurement becomes theater—generating dashboards that do not inform decisions. Another failure mode is reduction: collapsing complex user experience into a single score obscures the nuance needed for improvement. Rigorous measurement acknowledges design as one factor in a system, not the sole driver. When design metrics are poorly formulated or disconnected from organizational context, they waste capacity and erode credibility with leadership.

Sources:

• https://www.sciencedirect.com/science/article/pii/S2666389923002210
• https://linkedin.github.io/dph-framework/metric-pitfalls.html
• https://www.tshah-brandenburg.com/blog/2025/6/4/52-letting-go-to-lead-forward-why-legacy-metrics-hold-design-back
• https://medium.com/@uxraspberry/measuring-design-turning-design-intent-into-business-evidence-e05d52a0c7d9

The Design Management Institute's Design Value Index took a different tack: build a theoretical stock portfolio of sixteen companies deemed design-centric by a panel, then compare performance against the S&P 500. Over ten years the design portfolio showed 211% to 228% outperformance depending on the reporting period. The method is blunt—select companies already recognized for design excellence, track their stock price, declare victory.

The limitation is selection bias dressed as research. The index does not measure how design decisions within those companies affected outcomes. It measures whether investors reward companies with visible design reputations, which may reflect brand halo, product quality, or unrelated operational strengths. The DMI later expanded the system to include a maturity matrix and value map, attempting to give organizations tools for internal measurement. But the headline number—the 228% figure—remains a market-performance proxy that conflates design investment with investor sentiment. The index proves that design-forward companies can succeed in public markets. It does not prove that design caused the success, nor does it offer a method for isolating design's incremental contribution to revenue or margin.

Sources:

• https://www.researchgate.net/figure/The-Design-Value-Index-DVI-study-shows-10-year-returns-yielding-211-times-211-that_fig1_338483448
• https://cdn.ymaws.com/www.dmi.org/resource/resmgr/pdf_files/13244SAT10.pdf
• https://www.designinnovationglobal.com/design-thinking/articles/measuring-the-roi-of-design

McKinsey's 2018 study tracked 300 companies over five years and built what they call the McKinsey Design Index. The method examined twelve design actions across four themes—analytical leadership, cross-functional talent, continuous iteration, and user experience—then ran regression analysis against financial performance. The top quartile showed 32% higher revenue and 56% better shareholder returns than peers. The correlations held across medical technology, consumer goods, and retail banking.

The index frames design as measurable discipline rather than aesthetic preference, and the four-theme structure became shorthand for proving value in boardrooms. But correlation is not attribution. The study collected over 100,000 design elements and two million financial data points, yet the design actions themselves remain proxy measures—tying executive bonuses to customer satisfaction scores or placing a design lead on the board. These are organizational behaviors, not visual or interaction outcomes. The question the index cannot answer: did design prowess drive financial performance, or did profitable companies simply invest more in design? The methodology treats design maturity and business success as mutually reinforcing, which may be true, but the causal arrow remains contested.

Sources:

• https://www.ama.org/marketing-news/the-business-value-of-good-design/
• https://www.mckinsey.com/~/media/mckinsey/business%20functions/mckinsey%20design/our%20insights/the%20business%20value%20of%20design/mckinsey-bvod-art-digital-rgb.pdf
• https://mindsailors.com/measuring-design-roi-a-practical-guide

<cite index="1-34">Unlike responsive typography which changes only at set breakpoints, fluid typography resizes smoothly to match any device width</cite>. <cite index="7-3,7-4,7-5">Responsive approaches cause font size to jump from one size to another at breakpoints; one way to avoid this jump and achieve a more fluid effect is to use the viewport's current width when setting font size</cite>. <cite index="15-8,15-9">While fluid and responsive typography achieve the same ends, their implementation is different; responsive typography works by changing font size via media queries</cite>. <cite index="15-19,15-20">Responsive typography is limited by not being fluid—the same font size will apply for a large swath of viewports</cite>. <cite index="20-15,20-16,20-17">Since each step in the type scale was a constant font size, you often needed media queries to increase or decrease sizing across viewport widths; this meant font sizes would change abruptly at breakpoints rather than scaling smoothly</cite>. <cite index="20-18,20-19">Fluid typography is the modern solution, allowing each font size in a type scale to vary responsively between a minimum and maximum</cite>.

Sources:

• https://www.smashingmagazine.com/2016/05/fluid-typography/
• https://fluidtypography.com/
• https://ryanfeigenbaum.com/fluid-typography/
• https://www.aleksandrhovhannisyan.com/blog/fluid-type-scale-with-css-clamp/

<cite index="11-3,11-5,11-6">You end up with two equations with two parameters to calculate: viewport width value v and relative size r</cite>. <cite index="11-8,11-9">The pixel value needs to be expressed in rem by dividing by 16, and you convert minimum and maximum bounds to rem before adding all values to the CSS clamp function</cite>. <cite index="14-10,14-11,14-12">The calc() function calculates font-size by defining minimum and maximum font sizes in pixels, then picking a minimum screen width to start resizing and a maximum screen width to stop resizing</cite>. <cite index="10-11,10-12,10-13">The default scale from Utopia uses 0.2273vw for primary font size—a 1px font-size change for every 440px of viewport resizing; even the largest font uses less than a 2vw response rate</cite>. <cite index="10-17,10-18">The subtle slope only makes sense with an offset; that offset value moves the slope up and down without impacting the slope itself</cite>. <cite index="4-14,4-16">By moving beyond viewport-based scaling and embracing container queries, we create flexible component-driven environments where text adapts to its context rather than the whole page</cite>.

Sources:

• https://www.smashingmagazine.com/2022/01/modern-fluid-typography-css-clamp/
• https://stoffel.io/blog/css-tailwind-fluid-typography-clamp-calc
• https://www.oddbird.net/2025/08/26/type-visual/
• https://24days.in/umbraco-cms/2025/fluid-typography/

<cite index="11-12,11-13">The concept of fluid typography has been present for years with various workarounds, but the CSS clamp function made creating fluid typography straightforward</cite>. <cite index="15-27,15-28,15-29">The clamp syntax is simple: clamp(min, preferred value, max); the min and max define upper and lower bounds</cite>. <cite index="15-11,15-12,15-13">The preferred value is powerful because it can be a dynamic or mathematical expression; as long as it falls between min and max, it will be the selected value</cite>. <cite index="5-5,5-6">It's common to use minimum and maximum sizes to prevent text becoming too small or too large; the easiest technique uses media queries at certain widths</cite>, but <cite index="5-13,5-14">clamp() lets you do this without media queries, for example clamp(1rem, 2.5vw, 1.75rem)</cite>. <cite index="20-22,20-23,20-24,20-25">The preferred value can be computed with mathematical precision by associating min and max font sizes with specific screen widths</cite>.

Sources:

• https://www.smashingmagazine.com/2022/01/modern-fluid-typography-css-clamp/
• https://ryanfeigenbaum.com/fluid-typography/
• https://polypane.app/responsive-design-glossary/fluid-typography/
• https://www.aleksandrhovhannisyan.com/blog/fluid-type-scale-with-css-clamp/

<cite index="4-1,4-23,4-24">Viewport units like vw made fluid typography possible by allowing text to scale based on the browser window</cite>, but <cite index="2-20,2-24,2-26">setting font sizes solely in viewport units makes them unresponsive to user zoom controls, which is hostile to accessibility</cite>. <cite index="8-21,8-23,8-24,8-25">Direct viewport scaling creates extremes of size and serious accessibility issues; combining viewport units with px using calc() evens out the rate of growth</cite>. <cite index="18-6,18-7,18-8">The solution is to combine vw with rem values so the preferred value scales with both screen width and user preferences</cite>. <cite index="1-16,1-17">When the entire design is fluid, declare a font size with a fluid unit on the html element, then use em and rem units throughout the rest of the design</cite>. <cite index="2-3">Use the cqi unit for container queries instead of vw, but leave the user's font-size in place on the html element so every container can refer back to that user preference as 1rem</cite>.

Sources:

• https://web.dev/articles/baseline-in-action-fluid-type
• https://24days.in/umbraco-cms/2025/fluid-typography/
• https://medium.com/beamly/what-is-fluid-typography-and-should-i-be-using-it-44a1b7125205
• https://www.smashingmagazine.com/2016/05/fluid-typography/
• https://blog.logrocket.com/fluid-vs-responsive-typography-css-clamp/

<cite index="1-4">The Global Studio propagates a student-led pedagogic model in which tutors purposefully try to maintain their distance so as to encourage autonomy</cite>. <cite index="1-5">The aim is to introduce learners to complex project situations and consequently to prepare them for contemporary working life</cite>. <cite index="1-1,1-6">This is operationally different from tutor-led design education as lecturers are more distant in teaching and learning activities</cite>.

<cite index="5-1">Students tend to learn design thinking and skills more efficiently and incorporate them more readily into the design process when they are acquired on an as-needed basis during ongoing design projects</cite>. <cite index="2-1">Traditional lectures are effective in conveying fundamental knowledge, whereas project-based learning, design thinking, collaborative learning, and experiential learning prioritize hands-on experiences, real-world applications, and innovation</cite>.

<cite index="8-2">Studios excel in conceptual, environmental, and research-oriented domains but place far less emphasis on economic feasibility, regulatory processes, procurement pathways, or managerial competencies traditionally associated with professional practice</cite>. <cite index="8-3,8-5">These gaps are pedagogically informative rather than problematic—they signal areas where the curriculum may be strengthened if the intention is to reinforce the continuum between design experimentation and professional implementation</cite>.

Sources:

• https://www.designsociety.org/download-publication/38445/DEVELOPMENTS+IN+DESIGN+PEDAGOGY
• https://www.researchgate.net/publication/392322007_Design_Studio_Pedagogy_A_Comparative_Study_of_Teaching_Approaches
• https://www.designsociety.org/download-publication/34814/out_of_the_lecture_and_into_the_studio_a_new_take_on_teaching_design_history
• https://www.mdpi.com/2673-8945/6/1/7

<cite index="10-2,10-3,10-8,10-9">The tradition of ongoing and reciprocal performance punctuated by criticism is so central to the pedagogy of the design studio that it is not considered assessment at all but rather the essence of instruction</cite>. <cite index="10-1,10-7">The practice is considered a fundamental part of learning to be a practitioner, on equal footing to the acquisition of core skills</cite>.

<cite index="11-12">Critique has long been considered a central feature of design education, serving as both a structural mechanism to provide regular feedback and as a high stakes assessment tool</cite>. <cite index="14-2">Like many disciplines in design and the visual fine arts, critique is a signature pedagogy in the graphic design classroom</cite>. <cite index="17-3,17-9">Formal critiques will continue to be a key pedagogical tool in supporting studio teaching and learning methods</cite>, yet <cite index="17-4,17-10">the complexity of executing unbiased critique requires continuous support of models, tools, and methods</cite>.

<cite index="10-6,10-12">There is substantial evidence that the learnings from empirical research have not found their way into the practice of educators, who often include critique without a strong sense of pedagogical purpose</cite>.

Sources:

• https://www.jonkolko.com/phd/writing/25-09-08-the-style-and-goals-of-design-critique-pedagogy
• https://www.researchgate.net/publication/230600804_The_design_critique_as_a_model_for_distributed_learning
• https://www.researchgate.net/publication/305340827_Critique_and_process_Signature_pedagogies_in_the_graphic_design_classroom
• https://link.springer.com/article/10.1007/s44217-025-00824-9

<cite index="4-1,4-7">Studio teaching can replace the standard lecture approach</cite>, though <cite index="4-2,4-8">weekly lectures supplement projects alongside critique phases</cite>. <cite index="3-1">Students work on open-ended design projects with a mentor-like teacher who encourages experimental application of the curriculum</cite>. <cite index="3-2,3-7">Studio spaces require more spatial facilities and cost more than traditional lecture halls</cite>, yet <cite index="3-8">studio-based learning may be more expensive than lecture-based teaching with fewer contact hours per student</cite>.

<cite index="3-5,3-10">Studio-based learning enables a way of learning that goes beyond passive learning styles afforded by the traditional lecture hall</cite>. <cite index="7-1">Studio teaching is constructivist, open ended, and student centered</cite>, while <cite index="7-4">traditional methods include lectures, textbook assignments, and standardized tests designed to assess memorization</cite>. <cite index="2-9">Teaching art and design with emphasis on creativity requires a distinctive approach quite different from science where traditional lecture-based teaching is commonly used</cite>.

<cite index="5-4,5-5">One design history course converted from a traditional lecture-based model to a studio-based model where students actively engage in research and create class presentations, and the paper contrasts studio-based instruction with lecture-based approaches</cite>.

Sources:

• https://teaching.charlotte.edu/services-programs/teaching-guides/lecture-studio-and-large-classes/studio-teaching/
• https://nordics.info/show/artikel/studio-based-learning-in-the-nordics
• https://www.sciencedirect.com/science/article/abs/pii/S1747938X17300271
• https://www.researchgate.net/publication/392322007_Design_Studio_Pedagogy_A_Comparative_Study_of_Teaching_Approaches
• https://www.designsociety.org/download-publication/34814/out_of_the_lecture_and_into_the_studio_a_new_take_on_teaching_design_history

<cite index="1-4,1-5">Through curated workshops, participants from varied backgrounds identified problems, selected technologies, and considered contextual factors within a creative framework, with researchers collecting data through material engagement and visual problem-solving exercises</cite>. <cite index="1-6">When given physical materials and time constraints, participants engaged in a process demanding concrete decision-making while documenting thoughts through artifacts created</cite>.

<cite index="1-9">Craft-based probes and material engagement enable deep exploration of participants' narratives, emotions, and perceptions while interacting with crafted artifacts</cite>. <cite index="15-2">Learning studios are stocked with materials, tools, and technologies used to prototype activities with museum visitors</cite>. <cite index="15-4">The approach is based on constructivist learning theory, which asserts knowledge is not transmitted from teacher to learner but actively constructed by the learner's mind</cite>.

<cite index="7-5">Material-Driven Design has been used to search for sensory and interpretative aspects of waste and developed samples</cite>. <cite index="8-3,8-4">A PhD investigation led to the development of a Material-Driven Textile Design methodology for design research in materials science labs, resulting in the fabrication of textile composites with regenerated cellulose from waste textiles</cite>. The method produces knowledge through making rather than speculation about making.

Sources:

• https://www.mdpi.com/2414-4088/9/2/13
• https://www.exploratorium.edu/tinkering/about
• https://www.researchgate.net/figure/Material-Driven-Design-MDD-method_fig1_317492200
• https://www.mdpi.com/2071-1050/13/3/1268

<cite index="14-1,14-2,14-3">Material knowledge is fundamental in product design, involving both technical properties and selection tools, but more important is developing sensitivity to sensorial and experiential qualities</cite>. <cite index="14-4,14-5">Material Tinkering offers a practical and creative approach to develop that sensitivity through experiential learning, which when integrated with envisioning and abstract conceptualization leads to richer projects</cite>.

<cite index="9-3">Material Tinkering includes direct handling and manipulation of samples</cite>. <cite index="9-8,9-9">Prototypes are obtained by combining and manipulating natural ingredients through iterative trial and error, then assessed through direct handling to evaluate sensorial characteristics</cite>. <cite index="14-13">Material Tinkering concerns developing sensitivity to the sensorial and experiential qualities of materials</cite>. <cite index="14-19,14-20">The method fosters creativity and educates students to understand, evaluate, and design experiential, expressive, and sensorial characteristics—the concepts of Materials Experience, Tactual Experience, and the Expressive-sensorial dimension</cite>.

<cite index="15-9,15-12">Materials and phenomena are evocative and invite inquiry; activities encourage learners to complexify thinking over time</cite>. <cite index="1-8">Artifacts serve as comprehensive data sources, capturing both final solutions and the underlying decision-making processes through material choices and arrangements</cite>.

Sources:

• https://www.tandfonline.com/doi/abs/10.1080/14606925.2017.1353059
• https://www.researchgate.net/publication/319504188_Material_Tinkering_An_inspirational_approach_for_experiential_learning_and_envisioning_in_product_design_education
• https://www.exploratorium.edu/tinkering/about
• https://www.mdpi.com/2414-4088/9/2/13

<cite index="6-2,6-3">Material Driven Design positions the material itself as the departure point, then structures the process to match what the substance allows</cite>. <cite index="3-6">The method draws on Bauhaus material exploration, tinkering practice in craft, and materials-experience theory</cite>. <cite index="6-6,6-7,6-8">Functional fitness is assumed when a new material launches commercially, but performance alone does not guarantee adoption—the material must elicit meaningful experiences beyond utilitarian assessment</cite>.

<cite index="8-1,8-2">Materials in scientific development present opportunities for intervention at the raw state, before established processes claim them, yet the separation of materials science from design creates a methodological gap</cite>. <cite index="5-1">The designer manipulates, grows, or develops the material in the same process as designing form and function</cite>. <cite index="1-7">The material-driven approach democratizes participation through visual expression, overcoming barriers in verbal or written communication</cite>.

<cite index="8-5,8-6">Methodology phases—exploration, translation, activation—were developed through design residencies in materials labs, decoupled from specific products to lift disciplinary boundaries</cite>. <cite index="7-1">The method emphasizes unique technical and experiential qualities, bridging them in appropriate and creative ways</cite>. <cite index="5-5">The ambition is bringing the material dialogue known from craft back into contemporary design process</cite>.

Sources:

• https://research.tue.nl/en/publications/material-driven-design-mdd-a-method-to-design-for-material-experi/
• https://www.researchgate.net/publication/277311821_Material_Driven_Design_MDD_A_Method_to_Design_for_Material_Experiences
• https://www.mdpi.com/2071-1050/13/3/1268
• https://mdef.fablabbcn.org/2018-19/t-2/material-driven-design/
• https://www.researchgate.net/figure/Material-Driven-Design-MDD-method_fig1_317492200
• https://www.mdpi.com/2414-4088/9/2/13

<cite index="9-1,9-3">The rights granted by a U.S. design patent extend only within the United States and have no effect in foreign countries</cite>. <cite index="9-4">Persons wishing to protect their designs in another country must apply for design protection in a specific country or regional intellectual property office</cite>.

<cite index="9-5,9-6">Such persons may wish to consider the filing of an international design application under the Hague Agreement Concerning the International Registration of Industrial Designs</cite>. <cite index="9-6">An international design application has the same effect as a regularly filed application for the grant of design protection in each designated Hague Agreement member country or intergovernmental organization</cite>. <cite index="8-6,8-7">The Hague System allows you to file a single international application that can cover multiple countries through the World Intellectual Property Organization (WIPO)</cite>.

<cite index="7-8,7-9">A U.S. design patent application requires you to make a claim as you would for a utility patent, but referring to ornamentation, while the European Union Intellectual Property Office does not</cite>. <cite index="7-9">The USPTO also demands more written descriptive detail than its European Union counterpart as the latter does not ask for descriptions of the design's visual examples</cite>. <cite index="7-10">Depending on where you are filing for design protection, the content of your application will differ</cite>.

Sources:

• https://www.uspto.gov/patents/basics/apply/design-patent
• https://www.esplin.legal/blog/2025-5-9/is-it-worth-filing-for-design-patent-protection-what-inventors-should-know
• https://www.dennemeyer.com/ip-blog/news/design-patents-and-design-rights-what-are-they-and-what-do-they-do/

<cite index="11-11">The actual "examination" entails checking the application to ensure that all formal requirements have been met, ensuring the design can be understood from the drawing disclosure, and making a comparison of the claimed subject matter with the "prior art"</cite>. <cite index="11-11">"Prior art" consists of issued patents and published materials that are "prior" to the application's effective filing date</cite>.

<cite index="11-12">If the claimed subject matter is found to be patentable, the application will be "allowed," and instructions will be provided to applicant for completing the process to permit issuance as a patent</cite>. <cite index="11-13">The examiner may reject the claim in the application if the disclosure cannot be understood or is incomplete, or if a reference or combination of references found in the prior art, shows the claimed design to be unpatentable</cite>.

<cite index="12-27,12-28">The process has potentially four elements: the filing of the application, the examination, the response, and potential reconsideration</cite>. <cite index="14-2,14-12">The application process usually takes 12 to 18 months</cite>. <cite index="13-33,13-34">Depending on the intricacy of the filing, the patent examination procedure might take anything from a few months to many years, with the typical duration about a year</cite>. <cite index="8-1">A U.S. design patent gives you up to 15 years of protection from competitors copying your patented design</cite>.

Sources:

• https://www.uspto.gov/patents/basics/apply/design-patent
• https://www.lloydmousilli.com/articles/design-patent-application-process
• https://www.upcounsel.com/how-to-patent-a-design
• https://www.copperpodip.com/post/designpatent-requirements-eligibility
• https://www.esplin.legal/blog/2025-5-9/is-it-worth-filing-for-design-patent-protection-what-inventors-should-know

<cite index="17-3">Drawings are the focal point of the design patent application process</cite>. <cite index="17-4">By law, the application must contain a sufficient number of views to constitute complete disclosure of the appearance of the design</cite>, meaning <cite index="17-4">a design patent application usually includes a depiction of the top, bottom, front, rear, left and right sides, and perspective views</cite>.

<cite index="16-9,17-3">The quality and completeness of your illustrations is the single most important factor in your application</cite>. <cite index="16-10">A design patent has exactly one claim, which reads: "The ornamental design for a [article], as shown and described"</cite>. <cite index="11-16,11-17">If a design is directed to just surface ornamentation, it must be shown applied to an article in the drawings</cite>, and <cite index="11-17">the article must be graphically distinguished from the surface ornamentation (e.g., by showing the article in broken lines)</cite>.

<cite index="12-22,12-23">Changes to the drawings or photographs after submission is not permitted</cite>. <cite index="13-24,13-25">The drawings are the last and most important element of a design patent</cite>. The application requires <cite index="1-13,1-14">filing with the USPTO along with the filing fee</cite>, including <cite index="1-14">a preamble stating the name of the applicant, title of the design, and a brief description of the nature and intended use of the article in which the design is embodied</cite>.

Sources:

• https://www.finnegan.com/en/insights/articles/leveraging-the-u-s-design-patent-system-to-protect-innovative.html
• https://www.shannonwarren.com/resources/design-patent-application-process
• https://www.uspto.gov/patents/basics/apply/design-patent
• https://www.lloydmousilli.com/articles/design-patent-application-process
• https://www.copperpodip.com/post/designpatent-requirements-eligibility
• https://michelsonip.com/news/what-is-a-design-patent/

<cite index="1-1,2-1">Design patents protect the ornamental design of an article of manufacture</cite>, separating what something looks like from what it does. <cite index="2-2,4-2">Unlike utility patents, which protect functional aspects of an invention, a design patent protects the way a product looks</cite>. The line is strict: <cite index="2-7">a design patent provides protection only for the ornamental appearance of an article but not for any of the functional features or structural features</cite>.

<cite index="4-8">This can include its shape, configuration, surface ornamentation, or any combination of these elements</cite>. <cite index="5-1">Available for a new, original and ornamental design for an article of manufacture, a design patent protects how an item looks regardless of how it functions</cite>. The examination process requires <cite index="11-11">checking the application to ensure that all formal requirements have been met, ensuring the design can be understood from the drawing disclosure, and making a comparison of the claimed subject matter with the "prior art"</cite>.

<cite index="1-7,1-10">Design patents, copyrights, and trademarks are each powerful tools that can help to safeguard your creations</cite>. <cite index="1-10">Design patents protect the unique appearance of an object, while copyrights protect specific aspects of the design, such as drawings or patterns</cite>. The visual carries weight: <cite index="7-3,7-4">there are times when a novel presentation can be a more lucrative IP asset than the product itself</cite>, and <cite index="7-4">recognizable designs are critical to the aesthetic appeal of goods and function as brand elements in a similar way to your trademarks</cite>.

Sources:

• https://michelsonip.com/news/what-is-a-design-patent/
• https://www.callahan-law.com/what-is-a-design-patent/
• https://grant.legal/can-you-patent-a-design/
• https://www.sgrlaw.com/ttl-articles/1539/
• https://www.dennemeyer.com/ip-blog/news/design-patents-and-design-rights-what-are-they-and-what-do-they-do/

<cite index="3-6,3-7,3-8">Among measurement methods, the one most relevant to work on visual representations is measurement of verbal responses, where researchers use this method to collect some aspect of the way participants experience a stimulus, most commonly asking participants to provide descriptive aspects of stimuli such as complexity, regularity, or novelty, and evaluative aspects of hedonic value</cite>. <cite index="5-2">Data sets contain rating information on variables including liking, emotional valence, emotional arousal, visual complexity, and familiarity</cite>.

<cite index="21-2,21-3">Substantial divergence is observed in inter-annotator agreement (Krippendorff's α approximately 0.25 for binary labels), reflecting the irreducibly subjective nature of visual design preference even among experts, yet per-designer model fine-tuning and retrieval-augmented prompting yield consistently higher predictive accuracy for individual judgments despite using 20x fewer training examples than aggregated models</cite>. <cite index="9-1,9-3">Pictorial technique as an innovative method enables participants to mark impactful areas within artworks, transforming subjective impressions into spatial data visualized as heatmaps</cite>. <cite index="1-14">The initial question for researchers is whether they aim to research aesthetics regarding art-related phenomena or whether they want to know how everyday phenomena are processed aesthetically</cite>.

Sources:

• https://www.researchgate.net/publication/363865170_BeauVis_A_Validated_Scale_for_Measuring_the_Aesthetic_Pleasure_of_Visual_Representations
• https://www.researchgate.net/publication/372026624_Aesthetic_Emotion_Measurement_Methods_for_Painting
• https://www.emergentmind.com/topics/personalized-visual-design-evaluation
• https://www.ncbi.nlm.nih.gov/pmc/articles/PMC11826878/
• https://link.springer.com/chapter/10.1007/978-3-319-76054-4_5

<cite index="14-2,14-3">Research employed a mixed-method approach integrating behavioral experiments, eye-tracking technology, and NASA-TLX cognitive load measurements to validate correspondence between computational predictions and human cognitive processes, implementing processing fluency theory, Gestalt organizational principles, and dual-pathway processing mechanisms</cite>. <cite index="10-12,10-13,10-14">For applications in aesthetic image evaluation, it may be sufficient to build systems that match human perception in deciding whether an image is beautiful, but for researchers who want to learn about aesthetics per se, limitations of deep learning models are obvious since with handcrafted features it is easy to draw conclusions about which features contribute to aesthetic value</cite>.

<cite index="22-1,22-5">Three main factors affect human visual complexity perception—distribution of compositions, colors, and contents—and researchers extract a total of 29 features to represent the three factors separated into global features, local features, and salient region features</cite>. <cite index="24-4,24-5,24-6">A design space of experimental methods introduces paradigms, adjustment types, response types, and dependent measures used in vision science research, providing a shared lexicon for facilitating experimental visualization research and discussing advantages and limitations of each technique</cite>. <cite index="19-4,19-5">Deep understanding of how visual perception operates enables creation of graphics that leverage strengths and limitations of the human visual system to communicate information clearly and efficiently, as empirical evidence suggests well-designed visualizations can exploit the high sensory bandwidth of the visual modality</cite>.

Sources:

• https://www.nature.com/articles/s41598-026-42766-8
• https://www.frontiersin.org/journals/computational-neuroscience/articles/10.3389/fncom.2017.00102/full
• https://www.sciencedirect.com/science/article/abs/pii/S0950705118303150
• https://arxiv.org/pdf/2009.06855
• https://pmc.ncbi.nlm.nih.gov/articles/PMC12292122/

<cite index="18-1">Eye-tracking technology offers a powerful, quantitative approach to assessing visibility, aesthetics, and design components, providing unique insights into visual engagement</cite>. <cite index="18-5">The findings corroborate that eye-tracking technology offers in-depth insights into gaze patterns, visual perception, and attention, which can inform design strategies</cite>.

<cite index="12-3,12-4,12-5">Researchers select representative participants to evaluate design schemes by employing emotional measurement and eye tracking technology, determine the conversion relationship between aesthetic evaluation index and physiological index, then utilize eye tracking to evaluate aesthetic perception of alternatives</cite>. <cite index="18-6">Assessing visual designs based on eye-tracking data can enhance consumer-centered interfaces, better align with user preferences, and foster more engaged behaviors in both digital and physical environments</cite>.

<cite index="23-4">One study validated the efficacy of eye-tracking metrics as an objective evaluation criterion, thereby refining the interface design parameters–lighting parameters system quality assessment framework</cite>. <cite index="4-4,4-5">Combining pictorial technique with methods such as eye-tracking, neural imaging, or verbal protocols can provide holistic understanding of the interplay between spontaneous visual attention, cognitive processing, and reflective judgments, exploring how techniques correlate with physiological methods to examine temporal and contextual aspects of aesthetic engagement</cite>.

Sources:

• https://www.ncbi.nlm.nih.gov/pmc/articles/PMC11673074/
• https://www.hindawi.com/journals/mpe/2020/1791450/
• https://journals.sagepub.com/doi/10.1177/20416695241309780
• https://www.mdpi.com/2075-5309/15/20/3796

<cite index="1-13">The field faces confusion of terminology and a lack of standard research methods</cite>, but the measurement approaches form a taxonomy. <cite index="3-5">Experimental aesthetics relies on measurement of historical data, verbal ratings and judgments, measurement of nonverbal behavior, and measurement of psychophysiological changes</cite>. <cite index="2-1,2-2">Data is primarily generated from experiments where researchers manipulate independent variables to observe effects, and from observational data where behavior is observed or surveyed without manipulations</cite>.

<cite index="2-7,2-8,2-9">Contemporary empirical aesthetics studies aesthetic experiences with brain-imaging and measures of physiological responses such as eye movements and facial responses, while neuroaesthetics measures neural correlates using fMRI, EEG, MEG, and DTI</cite>. <cite index="4-1">Objective methods measure observable phenomena, whereas subjective methods involve self-reported psychological processes</cite>. <cite index="7-12,7-17">The observation method describes aesthetics phenomena, tests theory and hypotheses, and augments other research methods</cite>.

The practical problem: <cite index="1-15">researchers must define what constructs like aesthetic appreciation and aesthetic experience mean and how to optimally operationalize and measure such constructs in terms of employed variables and research methodology</cite>. <cite index="5-6,5-8">Choosing stimuli is a persistent challenge since artworks differ in style, complexity, formal features, valence, and historical context, and common standards for stimulus selection advance comparability of studies</cite>.

Sources:

• https://link.springer.com/chapter/10.1007/978-3-319-76054-4_5
• https://iep.utm.edu/empirical-aesthetics/
• https://www.researchgate.net/publication/363865170_BeauVis_A_Validated_Scale_for_Measuring_the_Aesthetic_Pleasure_of_Visual_Representations
• https://journals.sagepub.com/doi/10.1177/20416695241309780
• https://www.researchgate.net/publication/372026624_Aesthetic_Emotion_Measurement_Methods_for_Painting
• https://researchwith.montclair.edu/en/publications/observation-method-in-empirical-aesthetics/

<cite index="2-1,2-2">Tempo magazine, through the illustrations on its cover, succeeded in conveying a message about political expansion through the use of solid symbols and effective visual signs, including analysis through icons, indexes, and symbols—results that significantly contribute to a deeper understanding of media semiotics and how magazine covers can influence public perception.</cite> <cite index="24-4,24-5,24-6,24-7,24-8,24-9">Visual designers should remain conscious of how they conceive of and utilize the signs they create: Who is the target audience? What will be the context of their use? Do they take advantage of commonly held conventions? Can meaning be inferred or will it need defining?</cite> <cite index="24-11">We cannot assume that customers or audiences will interpret signs as we have conceived them to be read.</cite> <cite index="3-11">Interpretation is not stagnant; rather it is a process that can vary over time with changing socio-political contexts and among different social groups.</cite> The photograph and the illustration are separate languages. Peirce gives you the grammar to choose between them.

Sources:

• https://www.researchgate.net/publication/319503153_Peirce_on_signs_Writings_on_semiotic_by_Charles_Sanders_peirce
• https://ed-brandt.com/student-resources/signs-icons-indexes-and-symbols.pdf
• https://www.researchgate.net/figure/Triadic-model-of-semiosis-of-charles-sanders-peirce-source-Own-figure_fig3_310663475

<cite index="6-1,6-6">Peirce's semiotic framework for iconicity in visual signs—the image, the diagram, and the metaphor—offers a useful framework for discussing how the meaning of visual signs is motivated.</cite> These three subdivisions of the icon are called hypoicons. The image is pure resemblance—a portrait that looks like the sitter. <cite index="18-8">The diagram need not be tangible: every algebraical equation is an icon, insofar as it exhibits, by means of algebraical signs (which are not themselves icons), the relations of the quantities concerned.</cite> The metaphor is an icon of parallelism or structural similarity. <cite index="9-1,9-2,9-3">This book explores the communicative power of pictorial and multimodal documents using Peircean semiotics, developing the theoretical potential of Peirce's theory of signs and the persuasive strategies in which they are employed (visual rhetoric) in a variety of documents, using pictorial signs as prime examples.</cite> <cite index="3-10">Semiotic theory offers a mode of critical analysis for visual landscape design, including how the audience interprets the meaning compared to the intended representations.</cite>

Sources:

• https://www.researchgate.net/publication/371417381_Icons_and_metaphors_in_visual_communication_The_relevance_of_Peirce's_theory_of_iconicity_for_the_analysis_of_visual_communication
• https://csmt.uchicago.edu/glossary2004/symbolindexicon.htm
• https://libguides.atu.edu/c.php?g=1481744&p=11044431
• https://www.researchgate.net/figure/Triadic-model-of-semiosis-of-charles-sanders-peirce-source-Own-figure_fig3_310663475

<cite index="9-8">Peirce classified signs into three main categories: icons (which resemble their objects, like a portrait), indexes (which have a direct connection to their objects, like smoke to fire), and symbols (which are based on learned or arbitrary associations, like words).</cite> <cite index="13-2,13-7">An icon is a sign that bears a visual or shapely resemblance to the object it represents.</cite> <cite index="18-7">Classical paintings and photographs are obviously icons, as they visually resemble their objects.</cite> <cite index="13-3,13-8">The index indicates a direct or causal relationship between the sign and its meaning.</cite> <cite index="18-4">While symbols cannot be signs without an interpreter, indices cannot be signs without their objects.</cite> <cite index="13-9">Symbols are signs whose meaning is determined based on social agreements or conventions.</cite> <cite index="21-11">An icon or index can also become a symbol over time through repetition.</cite> The categories are not mutually exclusive. A photograph is indexical (light imprinted the surface), iconic (it resembles the subject), and symbolic (we agree it stands for documentation).

Sources:

• https://libguides.atu.edu/c.php?g=1481744&p=11044431
• https://journal.civiliza.org/index.php/ijois/article/download/774/654/3484
• https://csmt.uchicago.edu/glossary2004/symbolindexicon.htm
• https://vanseodesign.com/web-design/icon-index-symbol/

<cite index="4-10,4-11">Peirce's triadic model comprises sign (representamen), object, and interpretant—a richer framework than Saussure's dyadic signifier-signified, which abstracts away context and interpretive input.</cite> <cite index="4-12,9-7">Meaning is not fixed but continuously evolves through interpretation, forming an ongoing process called semiosis.</cite> The representamen is the form the sign takes—word, image, sound. The object is what the sign refers to. <cite index="7-1,7-2">The interpretant is the effect on a mind, the relationship of the sign to its understanding.</cite> <cite index="7-3,7-4,7-5,7-6">Peirce distinguished three types of interpretants: immediate (the possibilities of interpretation a sign carries), dynamic (created when a singular mind interprets the sign in the here and now), and final (an esse in futuro, the interpretive result to which every interpreter is destined to arrive).</cite> This is not a static triangle. It is a generative structure. The interpretant becomes a new representamen, feeding forward. <cite index="6-7">Peirce's concept of hypoicons provides a richer understanding of how visual signs acquire meaning and how interpretation varies across cultural habits and collateral experience.</cite>

Sources:

• https://libguides.atu.edu/c.php?g=1481744&p=11044431
• https://www.academia.edu/96674694/Peircean_interpretants_and_Visual_Communication
• https://www.researchgate.net/publication/371417381_Icons_and_metaphors_in_visual_communication_The_relevance_of_Peirce's_theory_of_iconicity_for_the_analysis_of_visual_communication

The temporal structure of stakeholder involvement determines whether the methodology is extractive or collaborative. <cite index="6-4,6-9">A co-creation approach involves collaboration between researchers and end users from the onset, in question framing, research design and delivery, and influencing strategy, with implementation and broader dissemination strategies part of its design from gestation</cite>. Early involvement is not a nicety. It is definitional.

<cite index="3-7,3-8">Participatory design attempts to involve a variety of stakeholders—employees, partners, customers, citizens, end users—in the design process to help ensure the result meets their needs and is usable</cite>. The broader the constellation, the more friction between agendas. <cite index="10-4">Central to PD is the negotiation of power between traditionally enfranchised actors—designers, vendors, technologists—and historically marginalized or vulnerable groups—patients, children, survivors, QTBIPOC communities</cite>.

Participatory action research shares this temporal requirement. <cite index="4-1,4-4">Known as participatory action research, this methodology seeks to empower participants to tailor an intervention to suit their own contexts; ideally, collaboration occurs from the onset</cite>. If stakeholders enter after the frame is set, the methodology becomes consultation theatre.

Sources:

• https://bmcmedethics.biomedcentral.com/articles/10.1186/s12910-015-0072-2
• https://en.wikipedia.org/wiki/Participatory_design
• https://www.emergentmind.com/topics/participatory-design-pd
• https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4647576/

The tangible object is not decoration in participatory design. It is method. <cite index="1-3">The incorporation of iterative feedback and visible, material artifacts—prototypes, dashboards, physicalizations, storyboards—are hallmarks of PD practice</cite>. These artifacts are not presentation but translation.

<cite index="5-9,5-10,5-11">Participants can employ simple materials like pen and paper or more tactile resources such as LEGO blocks to express and build their ideas; the choice of tool is secondary to its ability to enable participants to concretely demonstrate what matters to them, producing data that is often more specific, authentic, and actionable compared to verbal descriptions alone</cite>. The physicality matters because it sidesteps the language hierarchy between expert and stakeholder.

Recent work on Participatory Data Physicalization identifies <cite index="10-3">novel ontologies and power-sensitive agendas—pedagogy, action research, engagement, practice, exploration, validation—enabling nuanced analysis of decision points and stakeholder roles within data-driven design</cite>. The artifact becomes a site of negotiation. It holds the claim the stakeholder cannot otherwise articulate in the designer's language.

Sources:

• https://think.design/user-design-research/participatory-design/
• https://www.emergentmind.com/topics/participatory-design-pd

<cite index="7-1,7-2">Power dynamics have significant implications for ethical design, influenced by decision-makers and those in positions of authority; while power dynamics are inevitable when using participatory approaches, they are not desirable and can negatively impact the design process</cite>. The structural question is who holds influence.

<cite index="7-3,7-4">Power imbalances, where designers have the most influence and control, can compromise the ethics of the project and undermine the authenticity of participation</cite>. The Participant-Designer Journey Map (PDJM) attempts to document points of interaction and surface imbalances, though it was <cite index="8-1">identified as the tool with the most potential to facilitate a structured approach to navigating ethical dilemmas, particularly those related to power dynamics</cite>.

Cambridge research proposes five leverage points: <cite index="12-6">emergent versus predetermined design processes; direct versus indirect stakeholder participation; early versus late stakeholder participation; one time versus iterative participation; and singular versus multiple PD techniques</cite>. The claim is that <cite index="12-8,12-10">equitable design outcomes require equitable design processes, and acknowledging the power dynamics in a Participatory Design process and making every attempt to mitigate undesirable dynamics are paramount</cite>.

Sources:

• https://arxiv.org/pdf/2407.03735
• https://www.researchgate.net/publication/362803445_Towards_a_Power-Balanced_Participatory_Design_Process
• https://www.cambridge.org/core/journals/design-science/article/participatory-design-a-systematic-review-and-insights-for-future-practice/C310A25B481980BE14AD4B38C0EE46D1

Participatory design claims to foreground end-users in the creation of systems, but <cite index="2-2">the ethics of participatory design as a method remain distinct from the ethical considerations of the artifact being co-designed</cite>. Zytko and Louie's work on robot-assisted interventions identifies <cite index="2-4">ethical concerns posed by the act of stakeholder participation itself—risk of harm, exploitation, and reduction of stakeholder agency</cite>. Their response is what has been termed Meta-PD: <cite index="1-2">participatory construction of the PD protocol itself, foregrounding ethical agency, harm avoidance, and flexible stakeholder-defined participation structures</cite>.

The proposition is that stakeholders should not merely respond to researcher-defined frameworks but <cite index="2-5">design their own form of participation by being included in the creation of participatory design sessions, structures, and processes</cite>. This is not tokenism. It is structural.

Co-design approaches carry <cite index="6-5,6-10">a defining feature of emergent and adaptive nature, making detailed pre-specification of interventions and outcome measures impossible</cite>. That unpredictability troubles ethics committees trained on the stable logics of randomized controlled trials. But it is the unpredictability that earns the methodology its claim to stakeholder agency.

Sources:

• https://arxiv.org/pdf/2203.10398
• https://www.emergentmind.com/topics/participatory-design-pd
• https://bmcmedethics.biomedcentral.com/articles/10.1186/s12910-015-0072-2

<cite index="12-1">Unlike previous person-focused qualitative research strategies, where we carefully create a research design that allows us to construct data through questioning and observing, we will spend our time tracking down data and finding out what possibly exists.</cite> <cite index="12-7,12-9">A second (or third) reason to employ these archival and historical sources is that we are interested in the historical "record" as the phenomenon itself. Our interest here is not in any particular human subject but in the record left by the company.</cite>

<cite index="14-1">Traditionally, archival research methods are applied in a range of fields that involve the study of historical documents such as English Literature, History and Classics, however they are increasingly used by scholars engaged in non-historical investigations on contemporary issues.</cite> <cite index="14-2">Archival methods are informed by a number of research philosophies including modernist, postmodernist and feminist approaches, and there is an increasing body of literature around the ethics of archival research.</cite>

<cite index="16-1,16-2">Historical researchers often use documentary, biographical, oral history, and archival methods, in addition to many of the methods commonly used across the social sciences. Historical research is often concerned with topics related to social change over time and data can take many forms, including photographs and secondary data and documents from a range of official and academic sources.</cite>

Sources:

• https://open.oregonstate.edu/qualresearchmethods/chapter/chapter-16-archival-and-historical-research/
• https://research.ncl.ac.uk/methodshub/methods/archives/
• https://libraries.etsu.edu/research/guides/archivalstudies/methods

<cite index="1-1">Source analysis is central, promoting critical evaluation of primary and secondary sources to ensure accuracy and reliability.</cite> <cite index="2-1">The four basic methods used by historians to accomplish this purpose are source criticism, time series analysis, use of comparative methods, and counterfactual analysis.</cite>

<cite index="20-1">Historiography and historical method include the study of the reliability of the sources used, in terms of, for example, authorship, credibility of the author, and the authenticity or corruption of the text.</cite> <cite index="25-5,25-6">Source criticism is a set of skills that allows you to think carefully about the nature of historical sources. Rather than simply accepting what sources say, these skills help you to develop a healthy skepticism about the reasons a source was made and whether you can trust it.</cite>

<cite index="22-3,22-4">The following core principles of source criticism were formulated by two Scandinavian historians, Olden-Jørgensen (1998) and Thurén Torsten (1997): Human sources may be relics such as a fingerprint; or narratives such as a statement or a letter. Relics are more credible sources than narratives.</cite> <cite index="20-11,20-12">When two sources disagree on a particular point, the historian will prefer the source with most "authority"—i.e. the source created by the expert or by the eyewitness.</cite>

Sources:

• https://periodicos.ufmg.br/index.php/transversal/article/view/59971
• https://study.com/academy/lesson/historical-research-design-definition-advantages-limitations.html
• https://en.wikipedia.org/wiki/Source_criticism
• https://en.wikipedia.org/wiki/Historical_method
• https://www.historyskills.com/source-criticism/

<cite index="3-1">Design History research draws on a range of research methods, including archival research, oral histories, and visual analysis.</cite>

<cite index="3-6">Archival research involves the study of primary sources, such as documents, images, and artifacts, that are held in archives and special collections.</cite> <cite index="10-7">This type of research provides a unique window into the past, allowing researchers to examine the historical context in which design emerged and evolved.</cite> <cite index="10-8">Some key archival sources for Design History research include: Design archives: collections of design-related documents, such as correspondence, sketches, and prototypes · Government archives: documents and records related to design policy and regulation ·</cite>

<cite index="3-7,3-8">Oral histories and interviews provide a valuable source of information for Design History researchers, allowing them to gather first-hand accounts of design practices and experiences. This type of research can be particularly useful for understanding the social and cultural context of design, and for gaining insight into the lives and work of designers.</cite>

<cite index="3-3">Some key concepts and principles in Design History methodology include: Contextualization: understanding design within its historical and cultural context · Interdisciplinarity: drawing on a range of disciplines to understand design · Materiality: examining the physical properties and material culture of design artifacts · Visual analysis: analyzing the visual elements and aesthetic qualities of design ·</cite>

Sources:

• https://www.numberanalytics.com/blog/ultimate-guide-design-history-methodology

<cite index="4-7">Historiography goes beyond data gathering to analyze and develop theoretical and holistic conclusions about historical events and periods.</cite> <cite index="4-8">It includes a critical examination of sources, interpretation of data, and analysis that focuses on the narrative, interpretation, and use of valid and reliable evidence that supports the study conclusions.</cite>

<cite index="7-10">The historian's skill lies in identifying these sources, evaluating their relative authority, and combining their testimony appropriately in order to construct an accurate and reliable picture of past events and environments.</cite> This is not mechanical. <cite index="7-13">Though historians agree in very general and basic principles, in practice "specific canons of historical proof are neither widely observed nor generally agreed upon" among professional historians.</cite>

<cite index="23-7">The study of these various interpretations is known as historiography.</cite> <cite index="23-16,23-17">What gives the study of history value is the process by which historians make sense out of that evidence and draw conclusions about what occurred in the past. We call this process historical interpretation.</cite> The same evidence yields different readings. <cite index="23-5,23-6">Ultimately, however, historical events will have multiple interpretations offered to explain them. This even happens when historians are using the same evidence to form their conclusions.</cite>

Sources:

• https://methods.sagepub.com/ency/edvol/sage-encyc-qualitative-research-methods/chpt/historical-research
• https://en.wikipedia.org/wiki/Historical_method
• https://study.com/learn/lesson/historical-methodology-evidence-interpreation.html

<cite index="3-7,3-8">Speculative design is concerned with future consequences and implications of the relationship between science, technology, and humans, problematizing this relation by proposing provocative future design scenarios where technology and design implications are accentuated.</cite> <cite index="3-9">These design proposals are meant to trigger debates about the future rather than marketing products.</cite>

<cite index="5-2,5-4">Critical design is described as a form of critical thinking through design—not taking things for granted, being skeptical, always questioning what is given—and is successful when people need to make up their own mind.</cite> <cite index="27-9,27-10">The goal is to make us think, but also raising awareness, exposing assumptions, provoking action, sparking debate, even entertaining in an intellectual sort of way, like literature or film.</cite> <cite index="2-13,2-14">The decisive factor is to provide thought-provoking impulses; Dunne and Raby do not intend to offer solutions that could be implemented immediately.</cite> The artifact is the prompt. The debate is the outcome. The image holds the question long enough for someone to see it.

Sources:

• https://en.wikipedia.org/wiki/Speculative_design
• https://medium.com/global-design-futures/what-if-699af21053da
• https://designmanifestos.org/dunne-raby-manifesto-39/
• https://speculativecitizendesign.aichaabbadi.com/speculativedesign.html

<cite index="11-1,11-5">The term 'critical design' first appeared in Anthony Dunne's book Hertzian Tales (1999) and was further developed in Design Noir: The Secret Life of Electronic Objects (2001).</cite> <cite index="13-6">The cultural speculations and conceptual design proposals in Hertzian Tales are not utopian visions or blueprints; instead, they embody a critique of present-day practices, "mixing criticism with optimism."</cite>

<cite index="13-1,13-2">Dunne argued designers of electronic products must think more broadly about the aesthetic role of electronic products in everyday life, and that industrial design has the potential to enrich our daily lives and even be subverted for socially beneficial ends.</cite> <cite index="16-2">He believed the most difficult challenges for designers of electronic objects lie not in technical and semiotic functionality but in the realms of metaphysics, poetry, and aesthetics, where little research has been carried out.</cite> <cite index="18-2">In his preface to the MIT Press edition, Dunne wrote that design is not engaging with the social, cultural, and ethical implications of the technologies it makes so sexy and consumable.</cite> The book is a provocation. The visual is a tool for that.

Sources:

• https://en.wikipedia.org/wiki/Critical_design
• https://www.amazon.com/Hertzian-Tales-Electronic-Aesthetic-Experience/dp/0262541998
• https://dokumen.pub/hertzian-tales-electronic-products-aesthetic-experience-and-critical-design-0262042320-9780262042321.html
• https://www.critical.design/post/hertzian-tales-electronic-products-aesthetic-experience-and-critical-design

<cite index="2-4,25-1">Dunne and Raby created a list entitled A/B, a manifesto for their practice, comparing design as commonly understood (A) to their practice (B), not as a replacement but to add another dimension.</cite> <cite index="21-1,21-3">The manifesto contrasts: A (affirmative design) solves problems, provides answers, and serves industry; B (speculative design) finds problems, asks questions, and serves society.</cite>

<cite index="23-1">Affirmative design (Side A) focuses on solving specific problems, optimizing current systems, and designing for production in the service of industry; speculative design (Side B) prioritizes problem-finding, questioning assumptions, encouraging critical thinking, and designing for debate in the service of society.</cite> <cite index="23-2">While affirmative design seeks incremental improvement within commercial frameworks, speculative design disengages from these limitations by exploring alternative possibilities that challenge existing norms and provoke critical thought.</cite> <cite index="27-2,27-7">Affirmative design is design that reinforces the status quo.</cite> The manifesto does not reject affirmative work. It maps the terrain.

Sources:

• https://speculativecitizendesign.aichaabbadi.com/speculativedesign.html
• https://medium.com/@Jamesroha/speculative-design-a-comprehensive-field-guide-for-2026-c09b5ca9216b
• https://www.researchgate.net/publication/334714904_Speculative_and_Critical_Design_-_Features_Methods_and_Practices
• https://designmanifestos.org/dunne-raby-manifesto-39/

<cite index="1-4,1-5">Dunne and Raby use design to create ideas, not just things—a means of speculating about how things could be, to imagine possible futures.</cite> <cite index="1-7">They pose "what if" questions intended to open debate about the kind of future people want and do not want.</cite> <cite index="1-1">Methodologically, the practice uses speculations and conjectures rather than facts and information as the design basis.</cite> <cite index="1-13">The term 'Critical Design' was coined by Dunne and Raby, first appearing in Dunne's 1999 dissertation Hertzian Tales.</cite>

<cite index="3-5,3-6">The term 'speculative design' was popularized by the pair as a subset of critical design, aiming not at commercially-driven proposals but at design that identifies and debates crucial issues that might happen in the future.</cite> <cite index="3-11,3-12">Speculative design can be seen as an attitude, stance, or position instead of a process or methodology, with tactics and methods varying widely.</cite> <cite index="6-6">It is not about forecasting the future but using "what if" questions to speculate on how the present might be different.</cite> The design artifact is language. The question it carries is the image.

Sources:

• https://www.researchgate.net/publication/334714904_Speculative_and_Critical_Design_-_Features_Methods_and_Practices
• https://en.wikipedia.org/wiki/Speculative_design
• https://www.artforum.com/columns/dunne-raby-speculative-design-alex-estorick-1234724076/

<cite index="11-5,11-6">A design sprint is most effective when the stakes are high and the road ahead is long because the process itself represents a considerable investment</cite>. <cite index="11-27">The sprint requires the full-time commitment of a diverse team for an entire week, which can be a significant investment and disruptive to other work</cite>. <cite index="11-30">Success is heavily dependent on a skilled facilitator who can manage time, guide the team, and remain neutral</cite>.

<cite index="15-23,15-24,15-25">Participating in a design sprint is intense—fast paced and requires dedicated brain power for around six hours a day, which can seem uncomfortable at first as it moves away from traditional working practices but can be immensely rewarding as things happen fast</cite>. <cite index="15-26,15-28">This steps up for the facilitator who has to guide everyone through the process, keep track of time, be energetic and highly organized, ask questions to get information out in the open, make sure information gets written down properly, and mind the clock and move through the steps</cite>.

<cite index="16-13,16-14">Jake Knapp devised the design sprint process for Google in 2010, drawing inspiration from areas like Google's product development culture and IDEO's design thinking workshops</cite>. <cite index="12-13">The process is a greatest hits of business strategy, innovation, behavior science, design thinking, and more—packaged into a battle-tested process any team can use</cite>.

Sources:

• https://www.atlassian.com/agile/design/design-sprint
• https://www.team-consulting.com/insights/design-sprints-rapid-innovation-in-a-regulated-world/
• https://ixdf.org/literature/topics/design-sprints
• https://www.gv.com/sprint/

<cite index="11-17">The five-day sprint is structured as a five-phase process, with each day dedicated to a specific phase: understand, sketch, decide, prototype, and validate</cite>.

<cite index="12-3,12-4,12-5,12-6,12-7">Monday's structured discussions create a path for the sprint week—the team starts at the end and agrees to a long-term goal, makes a map of the challenge, asks company experts to share what they know, then picks an ambitious but manageable piece of the problem to solve in one week</cite>. <cite index="12-8,12-9,12-10">Tuesday focuses on solutions—the day starts with a review of existing ideas to remix and improve, then each person sketches using a four-step process that emphasizes critical thinking over artistry</cite>.

<cite index="12-19,12-20,12-21,12-22">Wednesday morning critiques each solution and decides which have the best chance of achieving the long-term goal, then the afternoon weaves winning scenes into a storyboard—a step-by-step plan for the prototype using a fake-it philosophy to turn the storyboard into a prototype in one day</cite>. <cite index="12-23">Thursday also prepares for Friday's test by confirming the schedule, reviewing the prototype, and writing an interview script</cite>.

<cite index="12-28,12-29">Friday interviews customers and the team learns by watching them react to the prototype—this test makes the entire sprint worthwhile because by end of day the team knows how far they have to go and what to do next</cite>.

Sources:

• https://www.gv.com/sprint/
• https://www.atlassian.com/agile/design/design-sprint
• https://coda.io/@jazer/design-sprint
• https://www.cio.com/article/196379/what-is-a-design-sprint-a-5-day-plan-for-improving-products-and-services.html
• https://ixdf.org/literature/topics/design-sprints

<cite index="1-1,1-5">Jake Knapp started running design sprints at Google in 2010, then brought them to Google Ventures in 2012</cite>, where <cite index="1-6,1-7,1-8">Braden Kowitz, Michael Margolis, and John Zeratsky contributed story-centered design, streamlined customer research, and metrics focus</cite>. <cite index="3-4,6-9">Knapp ran the process over 150 times with companies like Nest, Slack, 23andMe, and Flatiron Health</cite>.

<cite index="12-12">The sprint is a five-day process for answering critical business questions through design, prototyping, and testing ideas with customers</cite>. <cite index="12-14,12-16">Working in a sprint shortens the endless-debate cycle and compresses months of time into a week, letting teams fast-forward to see finished product and customer reactions before expensive commitments</cite>.

<cite index="11-7,11-9">A traditional design sprint lasts five days, during which the team is completely immersed in the problem without daily distractions, ideally Monday to Friday to maintain momentum</cite>. <cite index="2-17,2-18">The big idea is to build a prototype and test it with real customers by clearing the schedule for a week and rapidly answering important questions using a proven step-by-step checklist</cite>. <cite index="11-14,11-15">Design sprints dramatically reduce the risk of failure by ensuring user feedback is gathered before significant engineering effort begins, saving time and money that might otherwise be spent building something nobody wants</cite>.

Sources:

• https://www.gv.com/sprint/
• https://www.thesprintbook.com/
• https://designbetterpodcast.com/p/jake-knapp-design-sprint
• https://voltagecontrol.com/blog/the-guy-who-created-the-design-sprint/
• https://www.atlassian.com/agile/design/design-sprint

<cite index="38-2,38-7">Rhythm in typography is the arrangement of type elements creating harmony, flow, and musicality.</cite> <cite index="42-2">Horizontal rhythm impacts legibility, while vertical rhythm impacts readability and establishes visual hierarchy.</cite> <cite index="41-1,41-11,41-13">The simplest form: continuous rows of lines unified into solid mass, with letter, word, and line spacing directing flow.</cite>

<cite index="38-9,38-10">Spacing and alignment play crucial roles—proper spacing between lines, paragraphs, and elements creates harmony and flow.</cite> <cite index="41-14,41-15">Like changing tempo in music, you can add space to increase speed, but extending lines too far makes it difficult for the eye to pick up the next line and disrupts continuity.</cite>

<cite index="43-11">When we read, we scan chunks and pick out repeating shapes and patterns which we extrapolate into something comprehensible.</cite> <cite index="40-4,40-5">Effective use of contrast creates typographic rhythm—varying contrast levels creates flow and continuity, making it easier to follow text and engage with content.</cite>

Sources:

• https://www.numberanalytics.com/blog/typography-rhythm-essentials-graphic-design
• https://betterwebtype.com/rhythm-in-web-typography/
• https://www.loveofgraphics.com/typography-rhythm/
• https://creativepro.com/finding-your-typographic-rhythm/
• https://www.numberanalytics.com/blog/ultimate-guide-typographic-rhythm

<cite index="20-1,20-3">Typographic color refers to perceived tonal density and texture created by typeface, font size, spacing, and layout—not the actual color of ink.</cite> <cite index="20-7">A page with dense, tightly spaced text in a heavy typeface will have darker typographic color compared to widely spaced, light, thin text.</cite>

<cite index="20-6">Factors contributing to typographic color include typeface weight, width, style, and spacing between letters, words, and lines.</cite> <cite index="26-1,26-6">The contrast of texture—how lines of type look as a mass—depends partly on letterforms and partly on their arrangement, like threads in cloth forming the fabric of daily communication.</cite>

<cite index="43-1,43-4,43-6">Well-set type should have even texture, but careless spacing of letters, words, and lines can break rhythm and disrupt evenness.</cite> <cite index="43-12">For patterns to be recognizable, type needs good balance of space inside and outside letters.</cite> <cite index="20-10">The concept dates to early printing days, when typographers used color to describe density and texture long before color printing was available.</cite>

Sources:

• https://design-encyclopedia.com/?T=Typographic+Color
• https://creativepro.com/dot-font-seven-principles-of-typographic-contrast/
• https://creativepro.com/finding-your-typographic-rhythm/

<cite index="2-18,2-19">Noordzij introduced his pedagogical system in The stroke of the pen (1982) and De Streek (1985, translated 2005).</cite> <cite index="2-20">He defined typography as writing with prefabricated characters.</cite> <cite index="2-3">Noordzij identified the stroke of the pen as the central idea in making letter forms—making type accessible to students.</cite>

<cite index="11-11,12-4,13-6">Using simple geometrical concepts, he described in minute detail how strokes of writing can be formed.</cite> <cite index="11-1,12-1,13-2">His theory repaired the split that grew up, with the invention of printing, between written and typographic letters.</cite> <cite index="12-2">He showed the underlying written quality of all letters, regardless of the technology used to form them.</cite>

<cite index="19-3,19-4">The theory is analysis as practice: to analyze writing you need to write, and to write you need analysis—a circle-game played in the workshop, not the study.</cite> <cite index="2-5">The contrast cube became an iconic model of his ideas.</cite> <cite index="15-2">The Stroke has been the practical and theoretical foundation of the KABK TypeMedia master for over twenty years.</cite>

Sources:

• https://en.wikipedia.org/wiki/Gerrit_Noordzij
• https://www.abebooks.com/9780907259305/Stroke-Theory-Writing-Noordzij-Gerrit-0907259308/plp
• https://hyphenpress.co.uk/products/books/978-0-907259-30-5/
• https://www.amazon.com/Stroke-Theory-Writing-Gerrit-Noordzij/dp/0907259308
• https://www.eyemagazine.com/review/article/fruitful-lines-of-graphic-type-analysis

<cite index="28-1,30-5">Noordzij's central claim: the relation between shape and countershape—white and black—is the foundation of perception.</cite> <cite index="11-5,13-5,31-5">His method starts with white space that creates definition by surrounding letters.</cite> <cite index="4-4">The theorist described writing not as strokes but as space divided into characteristic shapes by strokes.</cite>

<cite index="30-3,30-4">Maintaining equilibrium in the white shapes makes all the difference—the white of the word is the only hold fast.</cite> <cite index="30-8,30-9,30-10">Capitals lack rhythmic bond because white inside a D differs from white inside a B, and the white between letters cannot be simultaneously identical to both interior forms.</cite> <cite index="30-15">Minuscule letterforms achieve rhythmic bond because interior shapes can be equivalent when arranged horizontally rather than stacked.</cite>

<cite index="35-1,35-3">Noordzij categorized white space into three uses: inside letters, between letters, and between words.</cite> <cite index="32-15">His notes on counterform and the relationship between stroke thickness and letterspacing are essential reading for any budding typographer.</cite>

Sources:

• https://www.fontshop.com/content/perception-of-black-and-white
• https://www.scribd.com/document/455732997/The-Stroke-theory-of-Writing-Gerrit-Noordzij-pdf
• https://www.amazon.com/Stroke-Theory-Writing-Gerrit-Noordzij/dp/0907259308
• https://www.dutchgraphicroots.nl/en/gerrit-noordzij/
• https://www.eyemagazine.com/review/article/fruitful-lines-of-graphic-type-analysis
• https://www.typeroom.eu/in-memoriam-gerrit-noordzij-1931-2022

<cite index="9-4,9-5,9-6,9-7">Documentation rots — it's not a question of if, but how fast; the single biggest reason design system docs go stale is simple: no one owns the updates; the design system team builds the initial docs, ships them, moves on to building new components, and the documentation drifts away from the live code and design files.</cite> <cite index="9-9,9-10,9-11,9-12">Assign clear ownership; every section of your documentation needs a named owner, either a permanent documentation lead or a rotating champion per product team; this person isn't responsible for writing everything but for making sure their section stays current.</cite>

<cite index="9-13,9-14">Adopt semantic versioning; design systems should version their documentation the same way software releases: Major (v2.0) for breaking changes.</cite> <cite index="10-1,10-14">Regularly update documentation with changes in components or tokens.</cite>

<cite index="9-29,9-30,9-31">Design system documentation is often the most overlooked step in design system work; teams invest months in building tokens, components, and patterns, then treat the docs as a cleanup task for later; the result is rework, slow onboarding, and a creeping inconsistency that undermines the whole point of having a system in the first place.</cite> <cite index="9-3">Most teams should aim for comprehensive documentation on their top 10-15 highest-traffic components and standard documentation as the baseline for everything else.</cite>

Sources:

• https://www.magicpatterns.com/blog/design-system-documentation
• https://namastedev.com/blog/design-systems-101-tokens-components-and-documentation/

<cite index="10-8,10-9">Design tokens are the core building blocks of a design system; they encapsulate design decisions such as color, spacing, typography, and more in a way that can be programmatically interpreted.</cite> <cite index="13-5">Design tokens store design decisions (colors, typography, spacing) in JSON files, organized into three levels: primitive (raw values), semantic (usage-specific references), and component (per-component customization for theming).</cite>

<cite index="18-7,18-12">The Design System's visual design is based on consistent palettes of typography, spacing units, color, and other discrete elements of style called design tokens, which are discrete palettes of values from which all visual design is based.</cite> <cite index="18-16,18-17">You can think of a design token as a key that unlocks a specific value; often, the specific value is less important than its effect.</cite>

<cite index="9-20,9-21">Design tokens should reference the specific token names the component uses (e.g., $button-primary-bg, $spacing-md) rather than raw hex codes or pixel values; this is the bridge between design and engineering, and skipping it forces engineers to guess.</cite> <cite index="13-6">A well-structured semantic token layer reduces ambiguity by embedding design rules directly into the system, enabling consistent communication between designers, developers, and content creators across platforms.</cite> <cite index="15-19,15-20">The more technical aspect of tokens documentation can be complemented with ad-hoc guidance of how to actually use them in practice, helping designers and engineers alike to follow good practices when bringing tokens into product.</cite>

Sources:

• https://namastedev.com/blog/design-systems-101-tokens-components-and-documentation/
• https://www.contentful.com/blog/design-token-system/
• https://designsystem.digital.gov/design-tokens/
• https://www.magicpatterns.com/blog/design-system-documentation
• https://goodpractices.design/articles/design-tokens

<cite index="2-1,2-12">In design system documentation, components should be considered as first-class entities.</cite> <cite index="2-15,2-16,2-17">Naming things is hard, and as component documentation grows it can be difficult to ensure consistency among prop names, prop types, prop descriptions and even the order props are displayed within prop tables, but consistency is key.</cite> <cite index="2-19,2-20">One common practice when creating prop names is to use linking verbs; for example, to set a button to disabled, the prop would be named isDisabled.</cite>

<cite index="12-2,12-3">Good documentation explains not just what exists (component inventory), but why it exists and how to use it correctly, including component usage guidelines (when to use, when not to), design specs (sizes, colors, spacing), code examples (for developers), accessibility requirements, and brand guidelines.</cite> <cite index="9-18,9-19">Code examples should be working, copyable snippets showing how to implement the component, including framework-specific versions if your system supports multiple frameworks.</cite>

<cite index="9-22,9-23">Accessibility requirements include keyboard behavior, ARIA attributes, focus management, contrast requirements; every component entry should specify which web accessibility standards apply, what keyboard interactions are expected, and which ARIA attributes are required.</cite> <cite index="12-9,12-10,12-11,12-12">Documentation should be detailed enough that a new designer can use a component correctly without asking questions; visual examples are better than prose, showing 3-5 usage patterns per component and explaining when not to use it.</cite>

Sources:

• https://blog.stackblitz.com/posts/design-system-component-documentation/
• https://jobcannon.io/skills/design-system-documentation
• https://www.magicpatterns.com/blog/design-system-documentation

<cite index="4-12,4-13">A component library is one part of the design system, a subset of the entire system that includes other building blocks.</cite> <cite index="4-4">Design systems contain detailed documentation and guidelines, as the aim here is to provide a standard for the design team — a comprehensive mechanism for all projects.</cite> <cite index="4-1,4-2">A component library does not include any standard documentation for designers; the absence of documentation and policies in component libraries is, in fact, deliberate and useful.</cite>

<cite index="3-6,3-7">A design system is a collection of guidelines, rules, principles, components, and resources designed to ensure consistent and efficient design for a brand, product line, or application, providing a unified framework and design language to harmonize the look and feel, interactions and user experience across different platforms and channels.</cite> <cite index="5-2,5-3">At its core, a design system is a set of building blocks and standards that help keep the look and feel of products and experiences consistent, offering a unified language and structured framework that guides teams through the complex process of creating digital products.</cite>

<cite index="3-16,3-17">Changes in the design system have no direct impact on the component library, and vice versa; separate management can encourage modularity by allowing different component libraries to be combined into a single design system.</cite> <cite index="3-19">Separate management requires careful coordination to ensure components adhere to design guidelines and provide a consistent user experience.</cite>

Sources:

• https://www.ramotion.com/blog/design-system-vs-component-library/
• https://public-ui.github.io/en/blog/2023/06/28
• https://www.figma.com/blog/design-systems-101-what-is-a-design-system/

<cite index="2-5,2-6">WCAG isn't a law—but organizations that want to comply with the Americans with Disabilities Act (ADA) should follow WCAG standards, which include many success criteria that developers and designers can apply to remove barriers</cite>. <cite index="18-4">For each guideline, testable success criteria are provided to allow WCAG 2.1 to be used where requirements and conformance testing are necessary such as in design specification, purchasing, regulation, and contractual agreements</cite>. <cite index="6-9">WCAG 2.2 success criteria are written as testable statements that are not technology-specific</cite>.

Inclusive design operates differently. <cite index="13-8">Inclusive design aims to address problems by considering diverse users throughout the software design process</cite>. <cite index="13-10,13-11">In co-design diverse users can be invited into design sessions to directly collaborate with software designers in a small group setting, while user testing can give diverse users an opportunity to provide input about an existing software design, leading to a more inclusive design</cite>. <cite index="13-12,13-13">Working with diverse users directly is costly, both in terms of money and time, so methods that do not directly require users to be present are also needed—there has been a move to develop inclusive design guidelines and analytic methods but this work is still in its infancy</cite>.

<cite index="15-1">The Web Content Accessibility Guidelines are the consensus standard for digital accessibility, and the WCAG framework is useful for developing a better design philosophy</cite>. The standard gives you pass or fail. The methodology gives you the image that earns its place.

Sources:

• https://www.wcag.com/resource/what-is-wcag/
• https://www.w3.org/TR/WCAG21/
• https://guides.cuny.edu/accessibility/whyitmatters
• https://arxiv.org/pdf/1905.02812
• https://vispero.com/resources/what-is-inclusive-design/

<cite index="10-3,10-4">Inclusive design is a design process in which a product, service, or environment is designed to be usable for as many people as possible, particularly groups who are traditionally excluded—its focus is on fulfilling as many user needs as possible, not just as many users as possible</cite>. <cite index="10-6">Rather than focusing on designing for disabilities, inclusive design is a methodology that considers many aspects of human diversity that could affect a person's ability to use a product, service, or environment, such as ability, language, culture, gender, and age</cite>.

<cite index="9-1,9-3">Inclusive Design is a methodology that enables and draws on the full range of human diversity—we seek out exclusions, and use them as opportunities to create new and better experiences</cite>. <cite index="10-7">The Inclusive Design Research Center reframes disability as a mismatch between the needs of a user and the design of a product or system, emphasizing that disability can be experienced by any user</cite>. <cite index="10-8,10-9">Three dimensions in inclusive design methodology include: Recognize, respect, and design with human uniqueness and variability; use inclusive, open, and transparent processes, and co-design with people who represent a diversity of perspectives</cite>.

<cite index="11-3,11-6">Inclusive design is a methodology that understands the full range of human diversity as a resource for a better design—modifying the built environment to meet a specific user need often improves user experiences across the board</cite>. <cite index="15-5">Inclusive design addresses biases by intentionally including under-represented and historically excluded groups in the design process</cite>.

Sources:

• https://en.wikipedia.org/wiki/Inclusive_design
• https://inclusive.microsoft.design/
• https://careers.bu.edu/blog/2025/02/03/introduction-to-inclusive-design-a-beginners-guide/
• https://vispero.com/resources/what-is-inclusive-design/

<cite index="26-1">POUR stands for Perceivable, Operable, Understandable, and Robust</cite>. <cite index="27-4,27-5,27-6">These principles spell the acronym POUR, describe a flexible approach to accessible design that is relevant across digital contexts, and each principle introduces a section with a list of requirements that describe how to achieve digital accessibility</cite>.

<cite index="2-9">Perceivable: Information must be perceivable to people using only one of their senses, so they understand all related content</cite>. <cite index="2-10,2-11">Operable: End users must be able to interact with all webpage elements—for instance, your website should be easily navigable with just a keyboard or voice controls for non-mouse users</cite>. <cite index="2-12">Understandable: The principle is just what it seems—end users must be able to understand web page content and functionality information</cite>. <cite index="2-13">Robust: Your website must effectively communicate information to all users, including users of assistive technologies, and remain compatible with evolving technologies and user needs</cite>.

<cite index="29-8">Every WCAG success criterion maps to one of these principles and serves as the foundation for accessible UX design</cite>. <cite index="29-11,29-12">These four principles are not a checklist; they are a design philosophy—the most common accessibility failures in UX happen when one of these is treated as optional or addressed only at the end of the design process</cite>.

Sources:

• https://www.wcag.com/resource/what-is-wcag/
• https://reciteme.com/us/news/pour-accessibility-principles/
• https://accessibility.umich.edu/basics/concepts-principles/pour
• https://www.audioeye.com/post/accessibility-ux-design/

<cite index="1-1,1-4">The Web Content Accessibility Guidelines are technical standards developed by the World Wide Web Consortium under the Web Accessibility Initiative</cite>, and <cite index="1-5">they serve as the globally recognized framework for digital accessibility</cite>. <cite index="8-15,8-16">WCAG 2.2 has 13 guidelines organized under four principles: perceivable, operable, understandable, and robust</cite>—the POUR framework. <cite index="1-6">The guidelines provide specific success criteria organized around these four principles with three conformance levels: A, AA, and AAA</cite>.

<cite index="18-1">Three levels of conformance are defined: A (lowest), AA, and AAA (highest)</cite>. <cite index="1-7">For most organizations, WCAG 2.1 AA represents the appropriate standard, providing comprehensive accessibility while meeting legal and procurement requirements</cite>. <cite index="19-4,19-5">Level AA is the target—it is what the European Accessibility Act, the UK Equality Act, US Section 508, and virtually all other accessibility laws reference</cite>. <cite index="16-13">While WCAG AAA conformance represents the highest level of accessibility, it is rarely the target for organizations due to the stringent and often impractical nature of its success criteria</cite>.

<cite index="3-5">WCAG 2.2 became a W3C Recommendation on 5 October 2023</cite>. <cite index="19-8,19-9">WCAG 2.2 is a strict superset of 2.1—if you meet WCAG 2.2 AA, you automatically meet WCAG 2.1 AA</cite>. <cite index="7-12">Accessibility involves a wide range of disabilities, including visual, auditory, physical, speech, cognitive, language, learning, and neurological disabilities</cite>.

Sources:

• https://accessible.org/web-content-accessibility-guidelines/
• https://www.w3.org/WAI/standards-guidelines/wcag/
• https://en.wikipedia.org/wiki/Web_Content_Accessibility_Guidelines
• https://www.w3.org/TR/WCAG21/
• https://askem.com/compliance/wcag-2-2/

<cite index="13-1,13-3,13-4">Peer reviews are rapidly gaining traction in the design industry, even becoming mandatory for certain projects. Professional organizations like the American Institute of Architects and the American Society of Civil Engineers are placing greater emphasis on peer review through their standards and recommendations. This reflects a growing industry-wide focus on design quality and safety.</cite> <cite index="13-9,13-10">The standard of care for a peer reviewer is crucial. Design professionals expect expertise and diligence from a reviewer to ensure a thorough and objective evaluation.</cite>

<cite index="6-1,6-2,6-3,6-4">The criteria for such strategies are five-fold. First, they should improve the frequency and quality of feedback by implementing clear and relevant guidelines. Second, they should facilitate knowledge acquisition during the process. Third, they should engage both learners and instructors.</cite>

<cite index="2-4">Since the performance score of the students was highly correlated to the number of segments in critiques, it is concluded that quality rather than quantity of critiques determine the success level of proposed design solutions.</cite> Quality is not volume. The photograph earns its place or it dilutes the piece.

Sources:

• https://www.risk-strategies.com/blog2/peer-review-in-design-pluses-and-perils
• https://pubs.lib.umn.edu/index.php/edc/index
• https://www.academia.edu/25870366/The_Design_Critique_as_a_Model_for_Distributed_Learning

<cite index="15-1,15-3">A four-level criteria framework (categories-components-items-entries) has been developed for manuscript peer review. The findings provide a theoretical framework for standardised and systemised review criteria.</cite> <cite index="15-8,15-9">The review criteria that reviewers and editors use are crucial in the journal peer review process. Review criteria converge on core scholarly standards yet diverge in response to disciplinary epistemic norms.</cite>

<cite index="16-4,16-5">The primary aims of peer review are to detect flaws and deficiencies in the design and interpretation of studies, and ensure the clarity and quality of their presentation. However, it has been questioned whether peer review fulfils this function.</cite> <cite index="16-1">Reviewers were particularly attentive to methodological details, the organisation and writing quality, and interpretation of results, with 78–85% of reviews in these areas considered adequate.</cite>

<cite index="17-1,17-3,17-4">The design of peer review is complex as there are a number of considerations to take into account. Research is beginning to show that the two components—students reviewing the work of peers and receiving reviews from peers—result in different learning benefits. However, in the design of peer review it is usual that the process is reciprocal with students both reviewing and receiving reviews.</cite>

Sources:

• https://onlinelibrary.wiley.com/doi/10.1002/leap.2016?af=R
• https://link.springer.com/article/10.1007/s11192-022-04357-y
• https://www.reap.ac.uk/PEERToolkit/Design.aspx

<cite index="8-4,8-5">The Design Critique method is becoming more common in Human–Computer Interaction and User Experience studies as the need for new evaluation methods of emerging technologies is increasing. However, there is a clear lack of guidelines on how to conduct DC studies in the UX context.</cite>

<cite index="11-22,11-23,11-24">Peer review steps shouldn't follow a one-size-fits-all approach because not all designs are created equal. What works for a UX project might completely miss the mark in a branding critique. To make feedback truly effective, the review process needs to adapt to the specific needs of each design type.</cite> <cite index="11-6,11-7,11-8">At Spotify's design system Encore, a member of the Encore Web team is assigned as a peer reviewer. They review proposals to ensure they meet Spotify's high-quality standards, either approving the work or requesting changes. This structured process keeps designs aligned while still encouraging creativity.</cite>

<cite index="12-1,12-3,12-4">What makes peer critique distinct from other forms of feedback is its reciprocal structure and its criterion-reference. That reciprocity creates an obligation of care that impersonal assessment does not. And the criterion-basis—the requirement that feedback refers to explicit standards rather than personal taste—is what separates rigorous academic critique from arbitrary judgment.</cite>

Sources:

• https://seriousxr.ca/wp-content/uploads/2022/11/1-s2.0-S0950584922001902-main.pdf
• https://www.todaymade.com/blog/peer-review
• https://customuniversitypapers.com/peer-review-guidelines/

<cite index="1-3,1-4">The critique is central to design and design education: it's how designs are improved and design skills are developed in workplaces and studio education around the world.</cite> <cite index="1-5">Work is presented by a designer, criticized by others, its virtues and limitations debated, and the work improved.</cite>

<cite index="3-1">Design critiques format vary from one-on-one critique, involving a tutor and a student, to group critiques, peer discussion, informal juries, pin-ups, and final juries.</cite> <cite index="7-1,7-2">The pedagogy maps across two dimensions: styles (the postures instructors adopt) and goals. Styles range from expert judgment to shared inquiry, demonstration, confrontation, and ritual performance.</cite>

<cite index="10-4,10-5">The instructional methods in the architecture design studio have inherited the historical tradition of the Ecole des Beaux-Arts and its atelier model. Moore argues that instructors in architectural studios have followed ingrained conventions through generations without seriously examining the underlying pedagogy.</cite> <cite index="9-1">Little has been written on how faculty might enhance the quality of their critiques and interactions with students.</cite> <cite index="6-5,6-6,6-9">There's a manual now aimed at providing collegiate educators from all disciplines with immersive critiquing activities that engage students and instructors alike. Currently, nothing in the nature of a compiled source of critique-based research and resources exists.</cite>

Sources:

• https://socialsci.libretexts.org/Bookshelves/Education_and_Professional_Development/Design_for_Learning_-Principles_Processes_and_Praxis(McDonald_and_West)/01:_Instructional_Design_Practice/04:_Evaluating/4.01:_Design_Critique
• https://dl.designresearchsociety.org/cgi/viewcontent.cgi?article=1326&context=learnxdesign
• https://www.jonkolko.com/phd/writing/25-09-08-the-style-and-goals-of-design-critique-pedagogy
• https://pubs.lib.umn.edu/index.php/edc/index
• https://collegiateteachinginartanddesign.com/wp-content/uploads/2018/10/critique-formats-and-styles-20181.pdf

<cite index="5-8,5-9">Sutnar was brought to the United States to design the exhibition for Czechoslovakia at the New York World Fair in 1939, but due to its cancellation he chose to settle in New York leaving his family behind in Prague as Nazi control continued there.</cite> <cite index="2-3,2-4">He immigrated to the United States in 1939, shortly after arriving for the New York World's Fair as the chief designer of the Czechoslovak Hall in the Czech pavilion, and subsequently embarked upon a prolific career in typography, packaging, advertising and exhibition design.</cite>

<cite index="5-1,5-2">Sutnar was one of the first designers to actively practice in the field of information design, and his work was based on rationality and the process of displaying massive amounts of information in a concise and organized way to benefit the general viewer.</cite> <cite index="4-2,4-10">Catalog Design Progress became the model of progressive information graphics, or information architecture as it was later dubbed by Richard Saul Wurman.</cite> <cite index="2-1">Sutnar was known for his ability to communicate complex information with clarity, most notably for Sweet's Catalog Service and in publications including Design for Point of Sale (1952), Package Design: The Force of Visual Selling (1953), and Visual Design in Action: Principles, Purposes (1961).</cite>

Sources:

• https://en.wikipedia.org/wiki/Ladislav_Sutnar
• https://collection.cooperhewitt.org/people/18043523/bio
• https://www.printmag.com/daily-heller/the-daily-heller-the-greatest-catalog-design-story-ever-told/

<cite index="18-1,18-3">Originally published in 1961, Ladislav Sutnar's Visual Design in Action is one of the most groundbreaking books on modern graphic design.</cite> <cite index="20-3,20-4">Perhaps his most important book, Visual Design in Action was published in 1961 to showcase his achievements as a designer and to accompany an exhibition of his work of the same name.</cite> <cite index="20-10">The text is set entirely in italics, to "intensify ideas," as Sutnar explained.</cite> <cite index="20-11">His standards were so exacting that when in 1961 he could find no publisher willing to pay the high printing and production costs that his design for the book demanded, he paid Hastings House out of his own pocket to print a limited edition of 3,000 copies.</cite>

<cite index="18-4,18-9">Sutnar's brilliant structural systems for clarifying otherwise dense industrial data placed him in the pantheon of modernist pioneers and made him one of the visionaries of what is today called information design.</cite> <cite index="18-11">The publication is a testament to the historical relevance of modernism and the philosophical resonance of Sutnar's focus on the functional beauty of total clarity.</cite> <cite index="20-7">Design writer Steven Heller has said that Visual Design in Action "is arguably the most intellectually stimulating Modern design book since Jan Tschichold's Die Neue Typographie."</cite>

Sources:

• https://www.lars-mueller-publishers.com/ladislav-sutnar-visual-design-action
• https://www.designersandbooks.com/blog/rare-beautiful-ladislav-sutnar-visual-design-in-action

<cite index="10-2,10-6">Sutnar often used punctuation symbols to help organize information, but his signature creation was the idea to place parentheses around the area codes in telephone books.</cite> <cite index="11-4,11-5">He introduced the now common use of parentheses around area codes to distinguish them when Bell made area codes part of the U.S. telephone numbering system in the 1950s, and he was enamored of the function and aesthetics of American punctuation marks.</cite> <cite index="12-2,12-6">The parentheses were among the many signature devices he used to distinguish and highlight various types of information.</cite> <cite index="12-1">He was never credited by the Bell System because it was felt that graphic designers, like their own functional graphics, should be transparent to the public eye.</cite>

<cite index="10-1,10-5">Typography and a limited color palette was stressed in his work.</cite> <cite index="10-8,10-9">Heavily influenced by Modernism, Sutnar's work borrowed from De Stijl principles with a reduction to primary colors, straight lines, and an overall harmony of irregular text alignment.</cite> <cite index="12-3">As art director of Sweet's Catalog Service, Sutnar developed an array of typographic and iconographic navigational tools that allowed users to traverse seas of data efficiently.</cite>

Sources:

• https://en.wikipedia.org/wiki/Ladislav_Sutnar
• https://www.designersandbooks.com/blog/rare-beautiful-ladislav-sutnar-visual-design-in-action
• https://eyemagazine.com/feature/article/sutnar

<cite index="1-3,1-4,1-9,1-10">From 1941 to 1960, Ladislav Sutnar served as art director for F.W. Dodge Corporation's Sweet's Catalog Service, producers of industrial catalogs.</cite> <cite index="1-5,1-11">Sweet's catalogs brought together plumbing, electrical, and building supplies marketed to architecture and engineering trades.</cite> <cite index="6-1,6-2,6-6,6-7">He applied simple organizing principles to the redesign of routinely chaotic hardware, appliance and mechanical parts catalogs, establishing navigational systems for locating and retrieving fundamental data rather than a potpourri of confusing descriptions and prices.</cite>

<cite index="5-13,5-14">Sutnar implemented typographic and iconographic characters that enabled viewers to quickly navigate through an overwhelming amount of information by making use of grids, tabs, icons, and symbols.</cite> <cite index="7-13,7-14">Together with Knud Lönberg-Holm, the two men used modern functional principles to solve the contemporary problem of information organization and retrieval, defining and pioneering the field now called information design.</cite> <cite index="7-1,7-2,7-3">During their tenure at Sweet's, Sutnar and Lönberg-Holm wrote and designed three publications on information design: Catalog Design (1944) introduced basic concepts, Designing Information (1947) applied the basic concepts to a broader range, and Catalog Design Progress (1950) further developed ideas in visual communication.</cite>

Sources:

• https://visualartsfordham.com/ladislav-sutnar-pioneer-of-information-design/
• https://www.printmag.com/daily-heller/the-daily-heller-ladislav-sutnars-modernudeism/
• https://en.wikipedia.org/wiki/Ladislav_Sutnar
• https://modernism101.com/products-page/graphic-design/sutnar-ladislav-k-lonberg-holm-catalog-design-progress-advancing-standards-in-visual-communication-1950-duplicate/

<cite index="23-1">Hofmann's principles include a deep sense of aesthetic values and understanding of form through an elemental graphic-form language of point, line, and plane. He achieves dynamic harmony where all parts of design are unified, and sees the relationship of contrasting elements as the means of breathing life into visual design—contrasts like light to dark, curved lines to straight lines, form to counterform, dynamic to static.</cite>

<cite index="27-9,27-10">Most compelling is the manual's emphasis on contrast as a fundamental design principle. Hofmann demonstrates how the interplay between black and white, positive and negative space, creates dynamic visual relationships.</cite> <cite index="24-2,24-6,24-7">His graphic system starts with a grid of dots, and shapes are then created by joining the dots through tangent lines. For Hofmann, these figures are an exercise in creating relationships between lines and dots: "If the dot is an important element in structure and analysis, the line performs the important duty of construction."</cite>

<cite index="27-4,27-5">What makes the manual particularly valuable is its methodical examination of design fundamentals through practical exercises. Hofmann demonstrates how systematic exploration of point, line, shape, contrast, and form builds comprehensive understanding of visual relationships.</cite> <cite index="22-7">The volume is particularly useful to designers and design students seeking to engage with form, as Hofmann's exercises are excellent prompts to further contemporary exploration.</cite> <cite index="2-10">He is well known for his posters, which emphasized economical use of color and fonts, in reaction to what Hofmann regarded as the "trivialization of color."</cite>

Sources:

• https://adesignmess.tumblr.com/post/65801553504/graphic-design-manual-1965-hofmann
• https://designbooks.org/graphic-design-manual
• https://bbtgnn.github.io/hofmann-1.0.0/about.html
• https://draw-down.com/products/graphic-design-manual-principles-and-practice-armin-hoffmann
• https://lleditions.se/product/graphic-design-manual-by-armin-hofmann/

<cite index="1-22,1-23">Following his education at the School of Arts and Crafts in Zurich, where he developed foundational skills in drawing and composition, Hofmann worked as a lithographer in Basel and Bern, honing practical expertise in printing and reproduction techniques that informed his later design philosophy. In 1947, he established his own design studio in Basel and joined the faculty of the Schule für Gestaltung.</cite> <cite index="2-3">He began his career in 1947 as a teacher at the Allgemeine Gewerbeschule Basel School of Art and Crafts at the age of twenty-six.</cite>

<cite index="2-8">His work is recognized for its reliance on the fundamental elements of graphic form—point, line, and shape—while subtly conveying simplicity, complexity, representation, and abstraction.</cite> <cite index="26-9">His modernist philosophy of design based on the elemental language of point, line, and plane has influenced generations of designers.</cite> <cite index="1-3,1-16">Hofmann's commissions often involved collaborations with students from his Basel School of Design classes, allowing practical application of theoretical exercises in real-world settings.</cite>

<cite index="1-8,1-9">Hofmann first taught at Yale University as a visiting faculty member in 1957 and continued periodic residencies until 1991. These roles included intensive one- to two-week workshops starting in 1970, during which he emphasized clarity, reduction, and typographic precision, significantly shaping American graphic design education by integrating rigorous Swiss methodologies into the curriculum.</cite> <cite index="8-28,8-29">His teachings heavily impacted his students, such as Kenneth Hiebert and April Greiman, who later brought elements of Hofmann's design ideologies with them as they blossomed into the next generation of leading designers.</cite>

Sources:

• https://grokipedia.com/page/Armin_Hofmann
• https://lleditions.se/product/graphic-design-manual-by-armin-hofmann/
• https://www.cooperhewitt.org/2018/08/05/aharmonyofcontrasts/
• https://research.library.kutztown.edu/cgi/viewcontent.cgi?article=1003&context=designpioneers

<cite index="11-9,11-10,11-11">The Basel approach to teaching design fosters formal discovery conducive to contextual awareness and critical responsiveness to specific environments. The studio experience endorses form-making as a structure for knowledge production, where ideas arise from the act of making and manipulating visual form.</cite> <cite index="11-12">The pedagogical methodologies of the Kunstgewerbeschule Basel are much more significant than the specific design artifacts that mark its place in design history.</cite>

<cite index="2-6,2-7">Hofmann's teaching methods were unorthodox and broad based, setting new standards that became widely known in design education institutions throughout the world. His independent insights as an educator married with his rich and innovative powers of visual expression created a body of work enormously varied.</cite> <cite index="11-2,11-3">Hofmann's first exercise with student Wolfgang Weingart in spring 1964 was one of consistent reduction using only line to compose and activate a square space. These so-called "finger exercises" emphasized physical commitment to the activity of design, whether through ruling pen or press.</cite>

<cite index="14-3,14-6">It was in the late 1950s that Hofmann's methodically structured courses, in cooperation with Emil Ruder's typography courses, became increasingly recognized on an international stage thanks to articles in trade magazines, books, exhibitions, and teaching activities abroad.</cite> <cite index="8-14">Basel designers sought to meaningfully communicate through minimal form and signs, while designers in Zurich referred to rational intellectualism and rigid grid systems.</cite>

Sources:

• https://repository.gatech.edu/server/api/core/bitstreams/613f1071-353c-4068-9fcb-29ce182ac1a6/content
• https://lleditions.se/product/graphic-design-manual-by-armin-hofmann/
• https://www.scheidegger-spiess.ch/_files_media/ckeditor/the-basel-school_034551.pdf
• https://research.library.kutztown.edu/cgi/viewcontent.cgi?article=1003&context=designpioneers

<cite index="1-10,1-11">Armin Hofmann's Graphic Design Manual: Principles and Practice was first published in 1965 by Niggli Verlag, offering a methodical introduction to grid systems, point, line, shape, and form through examples drawn from his teaching exercises and professional work.</cite> <cite index="4-15">All illustrations in the book came from studies executed in the Graphic Course (Fachklasse) of the Allgemeine Gewerbeschule in Basel.</cite> <cite index="1-12">The manual advocates for a rational, objective approach to design, analyzing the inherent laws of image and form to achieve clarity and universality.</cite>

<cite index="7-8">The book's sections devoted to the dot, the line, confrontation between dissimilar elements like form and lettering, and letters and signs illustrated Hofmann's design philosophy and methodical approach to problem solving.</cite> <cite index="8-19,8-20,8-21">Hofmann begins the manual with the idea of the dot—a form that can increase in size, adopt new colors or textures, multiply, and create gradations, but fundamentally remains a dot. Because of its balance and versatility, the dot exhibits key principles of composition and serves as a building block of instruction.</cite> <cite index="27-1">The manual demonstrates how systematic exploration of point, line, shape, contrast, and form builds comprehensive understanding of visual relationships.</cite>

<cite index="1-13">The manual has been translated into English, French, and other languages, becoming a cornerstone text for design education worldwide.</cite> <cite index="20-6">A thoroughly revised edition in 2022 included new sections that adapt his thoughts to contemporary technological uses.</cite>

Sources:

• https://grokipedia.com/page/Armin_Hofmann
• https://modernism101.com/products-page/graphic-design/hofmann-armin-graphic-design-manual-principles-and-practice-new-york-van-nostrand-reinhold-1965-foreword-by-george-nelson/
• https://bookstore.thisisdisplay.org/products/graphic-design-manual-principles-practice-armin-hofmann-hardcover
• https://research.library.kutztown.edu/cgi/viewcontent.cgi?article=1003&context=designpioneers
• https://www.amazon.com/Graphic-Design-Manual-Principles-Practice/dp/3721210069
• https://designbooks.org/graphic-design-manual

<cite index="4-9">Over the course of his career Carter designs type by essentially all the methods ever used: metal by hand, metal by machine, photoset, digital, desktop, screen and woodtype for letterpress posters</cite>. <cite index="4-4,4-5,4-6">On leaving school in 1955 he spent a year at the Enschedé type foundry in the Netherlands learning to make metal type by hand—a skill that proved to be commercially obsolete. To earn a living he had to adapt to drawing alphabets for modernist designers frustrated by the lack of contemporary sans-serif typefaces in Britain. Therefore, Carter's background is a technical one</cite>.

<cite index="7-3,7-4,7-5">CRT Gothic was designed to survive distortion of width or slant on the Linotype 505, a typesetter that used a cathode ray tube for imaging. The result was that a single physical font was needed for multiple styles. Like many of his typefaces designed to solve specific technical problems, CRT Gothic was made obsolete by new typesetting technology, but its design survived to be released as a digital type family by Linotype</cite>. <cite index="12-14">Matthew has a thorough grounding in the 500-year history of movable type; at the same time, he has dived deep into each successive wave of technological development, mastering and sometimes demonstrating the ways of designing type for each new environment</cite>.

Sources:

• https://www.typeroom.eu/matthew-carter-10-things-to-know-about
• https://typenetwork.com/articles/matthew-carter-collection

<cite index="1-2">Matthew Carter talks about his experience designing type for the past five decades, and how technical constraints influenced his designs</cite>. <cite index="1-3,1-4">The central question he tries to answer is, "Does a constraint force a compromise? By accepting a constraint, are you working to a lower standard?"</cite> <cite index="3-2,3-3">He doesn't resent these constraints. Instead, he sees them as design challenges, complex technical puzzles that inspire him to metamorphose, mutate and transform his designs</cite>.

<cite index="3-4">"All industrial designers work within constraints," he says, "[and] the distinction between a constraint and a compromise is very subtle, but it's very central to my attitude toward work … I'm a pragmatist, not an idealist, out of necessity."</cite> <cite index="5-5,5-7">"You are constrained, and I think if you are going to be a type designer you need a temperament that is interested in working within certain constraints ... The tussle between those two things is what inspires me."</cite> <cite index="2-10">Carter's career began in the early 1960s and has bridged all three major technologies used in type design: physical type, phototypesetting and digital type design</cite>.

Sources:

• https://jlzych.com/2014/05/03/matthew-carters-my-life-in-typefaces/
• https://blog.ted.com/the-fascinating-evolution-of-type-design-matthew-carter-at-ted2014/
• https://www.creativebloq.com/computer-arts/matthew-carter-1118715
• https://en.wikipedia.org/wiki/Matthew_Carter

<cite index="11-11,11-12,11-13">Carter noted that Verdana and Georgia "were all about binary bitmaps: every pixel was on or off, black or white ... The bold versions are bolder than most bolds, because on the screen, at the time we were doing this in the mid-1990s, if the stem wanted to be thicker than one pixel, it could only go to two pixels. That is a bigger jump in weight than is conventional in print series."</cite> <cite index="12-1">By the early 1990s, Matthew was designing Georgia and Verdana, the first finely crafted typefaces for on-screen reading, which became the default fonts on the web</cite>.

<cite index="20-23,20-24,20-25">In the early 1990s, Microsoft recognized that the handful of fonts available on most computers were designed for print—optimized for ink on paper, not pixels on glass. Text on the web looked poor because the typefaces rendering it had never been intended for that purpose</cite>. <cite index="15-21">By working with a sans-serif, large proportions and lots of white space between letters Carter made Verdana suitable for reading text on screen, even in a small font size and on a low-resolution screen</cite>. <cite index="2-6">Charter was created to use a minimal number of design elements to fit in a small memory space on early computers, a problem that had expired even before he finished the design</cite>.

Sources:

• https://en.wikipedia.org/wiki/Matthew_Carter
• https://typenetwork.com/articles/matthew-carter-collection
• https://madegooddesigns.com/georgia-font/
• https://www.catapult.be/en/matthew-carter

<cite index="21-1,21-3">Bell Centennial is a sans-serif commissioned by AT&T in 1975–1978 to replace Bell Gothic in their telephone directories</cite>. <cite index="21-5">The brief demanded more characters per line without sacrificing legibility, fewer abbreviations and two-line entries, and reduced paper consumption</cite>. <cite index="21-6">Carter designed the face to overcome the limitations of high-speed newsprint printing: poor reproduction and ink spread that closed up counterforms</cite>.

<cite index="21-7">To anticipate ink-spread degradation, Carter drew letters with deep ink traps, designed to fill in as ink spread onto newsprint fiber, leaving counterforms open and legible at small sizes</cite>. <cite index="21-8">At the small sizes used in telephone directories, the ink traps are invisible, having done their job; filling in and smoothing out the character stroke</cite>. <cite index="21-9">At larger sizes and on coated paper there is not enough ink spread to fill the traps and the shapes remain noticeable</cite>. <cite index="28-4">Carter's first experience of digital design required him to draw every character on quadrille graph paper, pixel by pixel</cite>. <cite index="22-11">CRT composition removed the Linotype limitation requiring the same letter in different weights to be the same width, so Carter improved clarity of visual hierarchy between weights</cite>.

Sources:

• https://en.wikipedia.org/wiki/Bell_Centennial
• https://nicksherman.com/articles/bellCentennial.html
• https://www.centerstreetstudio.com/matthew-carter

Helfand co-founded Design Observer in 2003 with Michael Bierut, Rick Poynor, and her late partner William Drenttel. In interviews, she described the platform as an effort to "cast a wider net around design" and write about it as a humanist discipline—"perhaps greater than the sum of its many parts." This happened before "design thinking" entered mainstream vocabulary.

But she has been vocal about her distance from the profession's commercial direction. She is not, she said, a branding person, a marketing person, or a focus group person. She finds "the digital means by which design happens to be a rather limited, truncated lens. It doesn't allow for certain kinds of solutions that, to my mind, are really exciting, daring, even." One profile noted she has been "quite critical—and vocal—about what's happened to the ways we practice."

Helfand taught at Yale for more than two decades as senior critic in graphic design. She won the AIGA medal in 2013 (shared with Drenttel), is a member of the Alliance Graphique Internationale, and was inducted into the Art Director's Hall of Fame. She wrote books on Paul Rand, on historical volvelles (Reinventing the Wheel), and on American scrapbooks. She later turned to painting. Design Observer published a fifteen-year anthology in 2018 titled Culture is Not Always Popular.

Sources:

• https://en.wikipedia.org/wiki/Jessica_Helfand
• https://www.madamearchitect.org/interviews/2019/8/16/jessica-helfand
• https://designobserver.com/archives/jessicahelfand.php
• https://yale.academia.edu/JessicaHelfand

In one of the essays from Screen, Helfand addressed what she called the dematerialization of screen space. She argued that Internet space lacks both physical boundaries and temporal references—the clocks, calendars, sunrise markers that give meaning to action. She described the Internet as operating on a 24-7 continuum where conventions of timekeeping become "virtually immaterial."

She challenged a persistent myth: that screen space functions like domestic space. "Do we find shelter, permanence, or comfort there?" she asked. "Space on the screen is just that: on the screen. Not in it. Not of it." Design tools, she claimed, perpetuate the illusion that Internet space is made of pages, words, flat screens—when the medium is anything but flat. She described the web as "its own peculiar galaxy, with its own constellations of information."

Her argument extended to software itself. Most digital design tools remain rooted in print models—page-oriented display systems built on editing and publishing paradigms. Supporting languages like HTML, XML, and SGML deal in Cartesian logic: x and y coordinates, pull-down menus, scrolling screens. Helfand asked why design thinking remains "so brainwashed by this notion" when the medium demands different spatial thinking entirely.

Sources:

• https://designopendata.wordpress.com/portfolio/dematerialization-of-screen-space-2001-jessica-helfand/

Jessica Helfand published Screen: Essays on Graphic Design, New Media, and Visual Culture in 2001 through Princeton Architectural Press. The collection brought together more than twenty essays—some from her earlier chapbooks Paul Rand: American Modernist and Six (+2) Essays on Design and New Media, both already considered classics in the field. The pieces appeared first in journals like Eye, Print, ID, The New Republic, and the Los Angeles Times. The book addressed topics ranging from scratchy typography and avatars to reality television and what she called "sex on the screen."

Reviewers noted the overall tone as cynical. One claimed Helfand "directly challenges the designers of screen spaces and interfaces to take a stand" and use technology as secondary, not primary. The phrase "Use the pixels, don't let them use you" summarized her position. Another reader described the essays as essential but occasionally self-important, "in the way that is natural for a trained designer facing the 'user-generated' generation." A third observed the book felt dated even by 2001 standards—philosophizing an industry saturated with how-to manuals and short on theory. The essays decode, the publisher said, "the technologies, trends, themes, and personalities" of what was then being called "the new media."

Sources:

• https://www.amazon.com/Screen-Essays-Graphic-Design-Culture/dp/1568983107
• https://archive.org/details/screenessaysongr0000helf
• https://books.google.com/books/about/Screen.html?id=ktYO5RKPHygC
• https://www.amazon.com/-/he/Jessica-Helfand/dp/1568983204

<cite index="8-20,8-21">In Bringhurst's conception, typographic decisions should go unnoticed—he summarizes the job of the typographer as "creative non-interference," and while this may appear overly prescriptive to some practitioners, for the rest the strong views help create a clarifying lens, a new tool to understand another corner of the world</cite>. <cite index="10-5,10-6">The author's prose is sometimes flowery, and some strongly expressed opinions are questionable, but there's a wealth of sound advice and instruction</cite>.

<cite index="8-15,8-16,8-17">Bringhurst has deep knowledge of typography, and the historical chapter on typefaces alone makes it worth reading, but in many instances he falls into the trap of confusing tradition with quality and begs most raised questions—the chapter on page proportions, as one concrete example, is pure numerology</cite>. <cite index="6-5,6-6">As broad guiding principles, the book's techniques are dubious, calling into question its function and value as a style guide—for a manual that is poorly structured around its topic, inaccurate in its portrayal of design practice, and gives thin, simplified advice on a complex subject, this historicist bias amounts to a conservative polemic</cite>.

<cite index="18-9,18-10,18-11">Bringhurst is a gifted author used to making every word tell, his prose "serene and incantatory," finding words that capture why typography matters, most simply evident in "first principles": "Typography exists to honor content"</cite>. <cite index="15-7,15-8,15-9">The first three chapters are an excellent introduction to the philosophy of classical typographic composition, and through poetic images Bringhurst distills with pedagogy and naturalness what many teachers struggle to share with students—it is this breath of fresh air that is the author's strength, rather than the erudition easily found in other textbooks</cite>.

Sources:

• https://www.goodreads.com/book/show/685483
• https://www.amazon.com/Elements-Typographic-Style-Robert-Bringhurst/dp/0881791326
• https://medium.com/re-form/a-refutation-of-the-elements-of-typographic-style-3b18c07977f3
• https://blazetype.eu/blog/the-elements-of-typographic-style/
• https://typographica.org/typography-books/the-elements-of-typographic-style-4th-edition/

<cite index="12-1,12-2,24-2,24-3">The book's historical narrative highlights pivotal advancements—Claude Garamond's sixteenth-century refinements to roman and italic faces for greater elegance and legibility, John Baskerville's eighteenth-century innovations in punch-cutting and paper quality elevating type design toward neoclassical ideals, and figures like Giambattista Bodoni through the transition to photocomposition and computer-based systems, illustrating how technological shifts tested enduring principles of form and function</cite>.

<cite index="15-10,15-11,15-12,15-17,15-18">The first chapters introduce a wide panorama of type history, though the author's choices are not always easy to follow—after dealing with composition of headings, beginnings of paragraphs, captions, and notes, the reader is led to consider ligatures and the history of individual glyphs like the hyphen, discussing its use by Estienne and Garamont during the Renaissance, its graphic aspect, whether slanted or not, single or double, and conflicts between calligraphic or purely linear and modernist versions preferred by distributors versus the choices of type designers</cite>.

<cite index="18-1,18-31">The book is described as a wonderfully written and wise summary of the world of typography as Bringhurst found it, focused on the world of books rather than web, mobile, and display typography</cite>. <cite index="6-16,6-18">Bringhurst describes the book variously as a simple list of working principles, a short manual for typographic etiquette, a rulebook, but also "neither a manual of editorial style nor a textbook on design," and where its principles of typographic etiquette intersect with editorial style is where it promotes nonstandard, antiquated techniques that are out of place in mainstream American book and magazine publishing today</cite>.

Sources:

• https://grokipedia.com/page/The_Elements_of_Typographic_Style
• https://blazetype.eu/blog/the-elements-of-typographic-style/
• https://typographica.org/typography-books/the-elements-of-typographic-style-4th-edition/
• https://medium.com/re-form/a-refutation-of-the-elements-of-typographic-style-3b18c07977f3

<cite index="20-3">Bringhurst writes about striving for rhythm, proportion, and harmony; choosing and combining type; multilingual typography; designing pages; using section heads, subheads, footnotes, and tables; applying kerning and other type adjustments to improve legibility</cite>. <cite index="24-6,24-7,24-8">The opening section, "The Grand Design," establishes typography as an ethical endeavor dedicated to honoring content, portraying typography's primary goal as creating a transparent medium that enhances readability and the intrinsic energy of language—good typography interprets and amplifies the text's meaning much like a skilled performer interprets a musical score</cite>.

<cite index="22-12,22-13">Bringhurst compares space in typography to time in music and discusses page proportions as musical intervals, including the Golden Section and Fibonacci series as they relate to page layout</cite>. <cite index="12-3,12-6,24-4,24-5">Bringhurst frames typography as a "visual form of language linking timelessness and time," integrating quotes from historical typographers to reinforce its intellectual lineage, including Beatrice Warde's view of letterpress as a transparent vehicle for ideas, and drawing parallels between typographic rhythm—the harmonious spacing and proportion of letters—and the cadence of verse</cite>.

<cite index="18-9,18-10,18-11">Bringhurst's prose is described as "serene and incantatory," finding words that capture why typography matters, most simply evident in his first principle: "Typography exists to honor content"</cite>. <cite index="18-14">Even at his most direct, Bringhurst's tone is moderate and reflective</cite>.

Sources:

• https://www.abebooks.com/9780881790337/Elements-Typographic-Style-Bringhurst-Robert-0881790338/plp
• https://www.goodreads.com/book/show/44735.The_Elements_of_Typographic_Style
• https://grokipedia.com/page/The_Elements_of_Typographic_Style
• https://typographica.org/typography-books/the-elements-of-typographic-style-4th-edition/

<cite index="3-1,3-4">Robert Bringhurst, a Canadian typographer, poet, and translator, published The Elements of Typographic Style in 1992 through Hartley & Marks, with subsequent revisions through 2012</cite>. <cite index="3-5">Hermann Zapf called it the Typographers' Bible</cite>, and <cite index="3-6">Jonathan Hoefler and Tobias Frere-Jones called it "the finest book ever written about typography"</cite>. <cite index="3-7">Because of its standing as a respected resource, typographers and designers often refer to it simply as Bringhurst</cite>.

<cite index="2-1,10-2">The book covers five and a half centuries, addressing the design of individual characters and entire alphabets, as well as the layout of pages, including footnotes, margins, and tables</cite>. <cite index="2-7">A glossary defines terms like kern, fore-edge, and pica, and annotated lists catalog type designers from the 1400s to now</cite>. <cite index="7-1">It has established itself as a house manual at most American university presses and a standard university text</cite>.

<cite index="18-30,18-31">By 1992, when the first edition appeared, Bringhurst was already an accomplished poet and translator—most notably of Haida poetry—and a self-trained book designer cataloging best practices of book typography loosely modeled after Strunk and White's Elements of Style</cite>. <cite index="12-12,12-13">His literary background informed his approach to visual rhythm, and the book originated in the 1980s from lectures and essays, evolving as a practical handbook for printers navigating the shift from metal type to digital methods</cite>.

Sources:

• https://en.wikipedia.org/wiki/The_Elements_of_Typographic_Style
• https://www.amazon.com/Elements-Typographic-Style-Robert-Bringhurst/dp/0881791326
• https://grokipedia.com/page/The_Elements_of_Typographic_Style
• https://typographica.org/typography-books/the-elements-of-typographic-style-4th-edition/

<cite index="1-5">Tufte's 1983 book (second edition 2001) contains 250 illustrations of the best (and a few of the worst) statistical graphics, with detailed analysis of how to display data for precise, effective, quick analysis.</cite> <cite index="9-21,9-22">Statistical graphics—length and area to show quantity, time-series, scatterplots, multivariate displays—were invented around 1750–1800, long after logarithms, Cartesian coordinates, calculus, and probability theory; William Playfair (1759–1823) developed or improved upon nearly all the fundamental graphical designs.</cite>

<cite index="4-13">"Graphical excellence consists of complex ideas communicated with clarity, precision, and efficiency."</cite> <cite index="9-24,9-25">At their best, graphics are instruments for reasoning about quantitative information; often the most effective way to describe, explore, and summarize a set of numbers—even a very large set—is to look at pictures of those numbers.</cite> <cite index="4-17">Tufte writes "It was not until the seventeenth century that the combination of cartographic and statistical skills required to construct the data map came together, fully 5,000 years after the first geographic maps were drawn on clay tablets."</cite>

<cite index="10-6,10-7">Tufte's main argument is that data graphics should be designed to reveal the truth about the data, not to distort or mislead.</cite> The book is a history and a doctrine.

Sources:

• https://www.edwardtufte.com/book/the-visual-display-of-quantitative-information/
• https://jeffhale.medium.com/five-takeaways-from-the-visual-display-of-quantitative-information-dd36dae35299
• https://www.amazon.com/Visual-Display-Quantitative-Information/dp/0961392142
• https://www.barnesandnoble.com/w/the-visual-display-of-quantitative-information-edward-r-tufte/1121680843
• https://medium.com/@maroofashraf987/classic-wisdom-in-data-visualization-a-review-of-the-visual-display-of-quantitative-information-fe8e30afb275

<cite index="31-8">Tufte introduced the term "sparkline" in 2006 for "small, high-resolution graphics embedded in a context of words, numbers, images," which are "data-intense, design-simple, word-sized graphics."</cite> <cite index="34-1,34-2">A sparkline is a small, intense, simple, word-sized graphic with typographic resolution; graphics are no longer cartoonish special occasions with captions and boxes but can be embedded in a sentence, table, headline, map, spreadsheet, graphic.</cite>

<cite index="37-1,37-3">Small multiples are a concept Tufte introduced, described as "Illustrations of postage-stamp size indexed by category or label, sequenced over time like movie frames, or ordered by a quantitative variable not used in the single image itself."</cite> <cite index="37-4,37-5">Small multiples use the same basic graphic or chart to display different slices of a data set, showing rich, multi-dimensional data without cramming it into a single, overly-complex chart.</cite>

<cite index="38-13">"Their multiplied smallness enforces local comparisons within our eye span, relying on an active eye to select and make contrasts rather than on bygone memories of images scattered over pages and pages."</cite> Both forms push information density. Both ask the eye to do the work.

Sources:

• https://en.wikipedia.org/wiki/Sparkline
• https://www.edwardtufte.com/notebook/sparkline-theory-and-practice-edward-tufte/
• https://www.juiceanalytics.com/writing/better-know-visualization-small-multiples
• https://taodong.medium.com/creating-clean-rich-and-meaningful-information-displays-92772d0e63c0

<cite index="21-6,21-12">The lie factor is a concept Tufte introduced to quantify distortion between data differences and their visual representation.</cite> <cite index="23-4,23-5">Lie Factor equals the size of effect in graphic divided by size of effect in data; a lie factor of 1.0 indicates an honest graphic, with values between 0.95 and 1.05 acceptable.</cite>

<cite index="22-16,23-8">In a 1978 New York Times graphic showing fuel economy standards, the visual change was 783% (line lengths 0.6" to 5.3") versus data change of 53% (18 to 27.5 mpg).</cite> <cite index="23-6">Tufte called it a "whopping lie."</cite> <cite index="26-4">One of his six principles of graphical integrity is that the representation of numbers, as physically measured on the surface of the graph, should be directly proportional to the numerical quantities represented.</cite>

<cite index="30-6,30-7">Tufte singled out a graph of a shrinking doctor to prove graphical exaggerations are lies—the number of family practice doctors shrunk by 29 percent, but the picture shrank by considerably more, "for a lie factor of 2.8."</cite> The formula is straightforward. The ethics behind it are stark.

Sources:

• https://brainly.com/question/49200406
• https://davidgiard.com/data-visualization-part-3-graphical-integrity
• https://chartbuddy.io/blog/tuftes-principles-for-graphical-integrity
• https://www.ruins.blog/p/edward-tufte

<cite index="13-16,13-17,13-18">Tufte introduced data-ink as "the non-erasable core of a graphic, the non-redundant ink arranged in response to variation in the numbers represented."</cite> <cite index="11-2">The data-ink ratio is the proportion of ink used to display the data divided by the total ink used.</cite> <cite index="19-1">He coined the term "chartjunk" for excessive elements including decorations, background images, unnecessary colors, gridlines, axes, and tick marks.</cite>

<cite index="11-4,11-5">Tufte criticized designers adding effects like 3D perspective and decoration, insisting "graphics do not become attractive and interesting through the addition of ornamental hatching and false perspective to a few bars."</cite> <cite index="15-4">A chart with a high data-ink ratio has few or no redundant or decorative elements—Tufte's ideal is a visualization that communicates data in the most efficient way possible.</cite>

<cite index="13-6,13-13">A 2007 study asked 87 students to rate standard and minimalist bar graphs taken from Tufte's 1983 book; the majority did not like Tufte's minimalist design and preferred "chartjunk."</cite> <cite index="19-6,19-7">A 1994 multi-experiment paper found some non-data-ink may decrease accuracy and increase response time, but axis lines—which Tufte considered chartjunk—were proved to increase performance in some cases.</cite> The principle is clean. The practice is contested.

Sources:

• https://data.europa.eu/apps/data-visualisation-guide/chart-junk-and-data-ink-origins
• https://infovis-wiki.net/wiki/Data-Ink_Ratio
• https://www.performancemagazine.org/data-ink-ratio-minimalism-data-visualization/

<cite index="25-2,25-18">Munari believed that everyone can be creative if given the right tools and developed a simple design methodology that guides from problem to solution</cite>. <cite index="25-3,25-19">When faced with a problem, Munari proposes a series of steps that guide through the process of problem-solving</cite>: Problem, Definition of the problem, Problem components, Data collection, Data analysis, Creativity, Materials & technologies, Experimentation, Prototyping, Verification, Technical drawings, Solution.

This sequence dismantles the notion of genius in favor of method. <cite index="3-4,3-9,25-1,25-17">He was particularly interested in the development of creativity and imagination in small children through play, and he developed several tools to help children develop their fantasy and their creative thinking</cite>. <cite index="6-3">The Metodo Bruno Munari® promotes creativity through playful, experimental approaches in teaching</cite>. The approach is sequential, teachable, and applicable to any problem—Munari used cooking as an illustration. It is design stripped of mysticism, made available to anyone willing to follow the steps. <cite index="22-8">In 2001, the Bruno Munari Association was founded to promote and spread the Metodo Bruno Munari®, a patented educational method of teaching</cite>.

Sources:

• https://www.noisli.com/blog/bruno-munaris-design-methodology-from-problem-to-solution/
• https://www.academia.edu/893298/Experimental_experience_in_design_education_as_a_resource_for_innovative_thinking_The_case_of_Bruno_Munari
• https://www.researchgate.net/publication/248607539_Experimental_experience_in_design_education_as_a_resource_for_innovative_thinking_The_case_of_Bruno_Munari

<cite index="2-10,2-11">Munari developed visual communication workshops for children beginning in the late 1950s, encouraging children to explore materials, forms, and colors in a free and unstructured environment, fostering creativity and problem-solving skills</cite>. <cite index="16-2">These workshops, conceptualized as creative play spaces, provided children with basic materials like paper, scissors, and colors, encouraging free-form creation without the constraints of predetermined objectives</cite>. <cite index="22-3,22-4">The first educational project made by Bruno Munari in 1977 was a series of laboratories and ateliers for children called 'Play with Art', carried out in Italy and abroad, and the didactic method was based on 'make to understand'</cite>.

<cite index="21-10">Knowing through doing is the underlying principle of the activities devised for art teaching by Bruno Munari in the seventies</cite>. <cite index="21-15">The teaching principle: Do not say what to do, but how to do it</cite>. <cite index="17-1,17-2">One of his most well-known interventions was his Tactile Workshop series, in which Munari worked with groups of young children to experiment with touch as an exploration of material's properties and artistic concepts</cite>. <cite index="22-1">His experimentations as games for children include keywords such as: trial and error, improvisation and autonomy</cite>. <cite index="16-8">This approach was grounded in the belief that every child possesses inherent creativity, which can be cultivated through thoughtful, exploratory education</cite>.

Sources:

• https://artsproutsart.com/design-as-play-who-is-bruno-munari/
• https://www.researchgate.net/publication/248607539_Experimental_experience_in_design_education_as_a_resource_for_innovative_thinking_The_case_of_Bruno_Munari
• https://louisapenfold.com/bruno-munari/
• https://www.centroculturalechiasso.ch/m-a-x-museo/education/educational-workshops/?lang=en

<cite index="10-2">Munari redefined the processes of visual design by developing a method which integrates formal rigour, expressive synthesis and perceptual experimentation through a structural exploration of how meaning is conveyed through images</cite>. <cite index="11-1">Published after Munari served as visiting professor at Harvard's Carpenter Center, Design and Visual Communication takes over fifty lessons, class materials, and letters and transforms them into a book about the future of art, architecture, and design</cite>.

<cite index="11-5,11-6,11-7">Visual communication encompasses drawing, photography, three-dimensional modeling, and film; it extends to questions of visual perception such as the relationship between figure and ground, camouflage, optical illusions; it includes every aspect of graphics, from typographical fonts to newspaper layouts</cite>. <cite index="11-8">All these facets share something in common: objectivity</cite>. <cite index="10-7,10-3">The methodology is based on critical analysis enriched by theoretical references to semiotics, Gestalt theory and visual pedagogy</cite>. <cite index="10-8">Through examination of case studies—from the illegible books to editorial design and graphic experimentation for children—the study reveals how Munari constructs an autonomous visual syntax, in which the graphic sign becomes a self-sufficient communication system</cite>.

Sources:

• https://disegno.unioneitalianadisegno.it/index.php/disegno/article/view/817
• https://complit.fas.harvard.edu/book/bruno-munari-design-and-visual-communication-translation-and-critical-edition-by-jeffrey-schnapp/
• https://www.inventorypress.com/product/bruno-munari-design-and-visual-communication

<cite index="5-2">In Design as Art, Munari defines the designer as an artist who addresses the needs of society</cite>. <cite index="5-4">The designer reestablishes contact between art and the public because they have the humility and ability to respond to demands made by the society in which they live</cite>, <cite index="5-4">knowing the ways and means of solving each problem of design</cite>. <cite index="1-3,1-7">He charged the designer with a mission to re-establish the contact between living people and art as living</cite>.

<cite index="3-3">It is thanks to Munari that the figure of the artist has become like the one of a designer, a person who tries to solve everyday life problems</cite>. This is not about genius. <cite index="5-5">The designer responds to the human needs of their time and helps people solve problems without stylistic preconceptions or false notions of artistic dignity derived from the schism of the arts</cite>. <cite index="1-1">All his production, artistic and industrial, theoretical and practical, is characterized by a pedagogic target</cite>—evident in industrial product design, book editing, and children's creativity development through play.

<cite index="6-1">Design refers basically to a problem solving method, a creative problem solving approach</cite>. His perspective rejected the idea that art should stand apart from life and serve only a small group.

Sources:

• https://www.giuseppegallo.design/books-for-architects-and-designers/design-as-art-by-bruno-munari/
• https://www.researchgate.net/publication/248607539_Experimental_experience_in_design_education_as_a_resource_for_innovative_thinking_The_case_of_Bruno_Munari
• https://www.noisli.com/blog/bruno-munaris-design-methodology-from-problem-to-solution/
• https://www.academia.edu/893298/Experimental_experience_in_design_education_as_a_resource_for_innovative_thinking_The_case_of_Bruno_Munari

<cite index="28-4,28-5,28-9,28-10">Papanek cited hundreds of millions of lives and trillions of dollars worth of scarce resources squandered in the designs dedicated to the twentieth century's murderous wars and the attrition of raw materials through the planned obsolescence of mass-produced goods. This "Kleenex culture," as Papanek dubbed it, was characterized by the prodigalities and ecological disasters hatched by badly designed technology of the ludicrous Ford Edsel or supersonic transport variety</cite>.

<cite index="16-4,16-5">Design for the Real World was an impatient, jargon-free, and often passionate cri de coeur. Its main targets were examples of product design, architecture, and city planning that Papanek considered wasteful, dangerous, bad for the environment, or detached from the needs and lives of ordinary people</cite>.

<cite index="5-3,5-8">Its politics of social design, anti-corporatism, and environmental sustainability have found renewed pertinence in the twenty-first century and dominate the agendas of design schools today</cite>. <cite index="12-5">The book can be credited with the accurate prognostication of, or stimulant for, many of the humanitarian and environmentally conscious variants of design that have emerged in the almost 50 intervening years since it was first published</cite>.

Sources:

• https://www.ebsco.com/research-starters/literature-and-writing/design-real-world-calls-industrial-design-reform
• https://metropolismag.com/viewpoints/rereading-design-for-the-real-world/
• https://papanek.org/publications/designer-for-the-real/
• https://alicetwemlow.com/victor-papaneks-design-criticism-for-the-real-world/

<cite index="3-7">Papanek specialized for many years in design for the handicapped, the Third World, the sick, the poor, and people in need</cite>. <cite index="28-2,28-7">He decried the fantasy worlds that enveloped postindustrial nations' product design to the exclusion of the stark necessities of the grossly underresourced, fearful, and miserable "real" world—that is, the underdeveloped countries known collectively as the Third World</cite>.

<cite index="21-3,26-1">His ideal was the less polluting design traditions of indigenous people, made by simple methods with local materials</cite>. <cite index="25-3,25-4">He worked with a design team that prototyped an educational television set that could be utilized in the developing countries of Africa and produced in Japan for $9.00 per set (cost in 1970 dollars). His designed products also included a remarkable transistor radio, made from ordinary metal food cans and powered by a burning candle, that was designed to actually be produced cheaply in developing countries</cite>.

<cite index="8-4,8-5,8-6">He advised designers about both the importance and the ethical pitfalls of working in poor parts of America or in the developing world. "Ideally," he writes, the designer would not only "move to the country" in question but also "train designers to train designers. In other words he would become a 'seed project' helping to form a corps of able designers out of the indigenous population of a country</cite>.

Sources:

• https://readings.design/PDF/design-for-the-real-world-victor-papanek.pdf
• https://www.ebsco.com/research-starters/literature-and-writing/design-real-world-calls-industrial-design-reform
• https://www.researchgate.net/publication/361247536_Design_for_the_Real_World_a_look_back_at_Papanek_from_the_21st_Century
• https://onlinelibrary.wiley.com/doi/10.1002/sd.1878
• https://en.wikipedia.org/wiki/Victor_Papanek
• https://metropolismag.com/viewpoints/rereading-design-for-the-real-world/

<cite index="3-2,3-3">The designer shapes tools and environments (and, by extension, society and himself). This demands high social and moral responsibility from the designer. It also demands greater understanding of the people by those who practise design and more insight into the design process by the public</cite>.

<cite index="8-1,8-3">Papanek's focus on ecological and social responsibility as the twin pillars of design practice seems particularly timely four decades later</cite>. <cite index="4-4,4-5">Long before terms like "eco-friendly" or "zero waste" became global trends, Papanek spoke about respecting the planet's resources. He advocated for ecological design—based on durable materials, energy efficiency, and long-term thinking</cite>. <cite index="4-7">In Papanek's view, aesthetics cannot be separated from ethics</cite>.

<cite index="2-4">He firmly believed that designers have a moral obligation to create products that address societal needs and improve the well-being of individuals</cite>. <cite index="4-10,4-11">Papanek proposes a participatory process in which real users are co-creators of the solutions they need. This vision anticipates modern methods such as participatory design thinking and co-creation, which are now highly valued in socially impactful projects</cite>.

Sources:

• https://readings.design/PDF/design-for-the-real-world-victor-papanek.pdf
• https://metropolismag.com/viewpoints/rereading-design-for-the-real-world/
• https://la-symphonie.com/responsible-design-victor-papanek-and-the-human-calling-in-design-for-the-real-world/
• https://encyclopedia.design/2023/08/03/victor-papanek-socially-responsible-designer/

<cite index="2-7,5-2">Design for the Real World: Human Ecology and Social Change appeared in 1971</cite> and <cite index="5-2,13-2">has been translated into more than twenty languages and never fallen out of print</cite>. <cite index="13-2">Twelve publishers turned it down before publication</cite>, but <cite index="14-8">the first edition became the most widely read book on design in the world</cite>.

<cite index="15-1">The book opens with the line: "There are professions more harmful then industrial design, but only a very few of them… Today, industrial design has put murder on a mass-production basis."</cite> <cite index="12-1,12-4">Papanek lambasted the industrial design profession and its complicity in harming people and the environment</cite>. <cite index="2-20">Despite facing criticism and backlash from his peers, Papanek's book, which called out designers for producing wasteful and socially irresponsible work, gained worldwide recognition and became a significant influence in sustainable and humanitarian design</cite>.

<cite index="14-6,14-7">Four years after publishing, Papanek was described as being "disliked, even loath by his contemporaries" in Design magazine. He was often savagely attacked by his peer designers and forced to resign from professional body, which threaten to boycott an exhibition at the Centre Pompidou in Paris if his work was included</cite>. The work he produced stood against an industry he condemned.

Sources:

• https://encyclopedia.design/2023/08/03/victor-papanek-socially-responsible-designer/
• https://papanek.org/publications/designer-for-the-real/
• https://www.oxfordreference.com/view/10.1093/oi/authority.20110803100304451
• https://divergentmba.wordpress.com/2012/04/29/design-for-the-real-world-human-ecology-and-social-change-1971-by-victor-papanek-1923-1998-10/
• https://www.christopherroosen.com/blog/2019/2/1/what-im-reading-design-for-the-real-world
• https://alicetwemlow.com/victor-papaneks-design-criticism-for-the-real-world/

<cite index="21-5,21-6,21-7">In the infancy of digital typography, as lead type gave way to text set on screens, Crouwel saw an opportunity for experiment—early CRT monitors rendered images in large pixels making traditional curvilinear letterforms difficult to reconstruct, so he redesigned the alphabet using only horizontal lines, and New Alphabet is, in his words, 'over-the-top and never meant to be really used,' a statement on the impact of new technologies on centuries of typographic tradition</cite>. <cite index="23-34,23-37,23-39">To Crouwel, it was clear the typeface was not fit for use but was designed for the sake of discussion—he was convinced from the beginning his experiments could never tear down the barriers of conventions guarding existing typeface tradition, but he thought it must be possible to start a sensible discussion on how to face new, revolutionary, electronic developments</cite>. <cite index="22-11,22-12">Many of his peers were of the opinion the design was too experimental and went too far, and the typeface received a lot of newspaper coverage which sparked a lively debate over typefaces as an art form compared to their practicality in everyday use</cite>. <cite index="22-15,22-16">New Alphabet was one of 23 digital typefaces acquired by MoMA in January 2011 for its Architecture and Design Collection and was on display in a 2011–2012 exhibition called Standard Deviations</cite>.

Sources:

• https://www.moma.org/collection/works/139322
• https://www.neugraphic.com/wim/crouwel-text3.html
• https://en.wikipedia.org/wiki/New_Alphabet

<cite index="16-5">In 1964, Crouwel wrote that 'good-looking' typography did not interest him, only typography that 'puts communication on paper in such a way that a message gets across plainly and clearly to the reader'</cite>. <cite index="3-12,3-13">In a 2012 interview he said 'I've always thought a designer should have a cool and detached approach. I thought that would be of more use to humanity than a personal, expressionist kind of design'</cite>. <cite index="7-11">Throughout his life, he was a fervent believer in taking a rational approach to the subject and believed neutrality is integral to the task of the designer</cite>. This position generated opposition within the profession. <cite index="7-14">His experimental New Alphabet in 1967 and design of the new Dutch phone book in 1977 proved controversial</cite>, and <cite index="7-15,7-16">in 1979 Filatelie magazine dubbed Crouwel's postage stamp—which incorporates his Gridnik font—the ugliest postal stamp ever designed, though they remained in circulation for over 25 years</cite>. The stance was philosophical. <cite index="23-31,23-32,23-33">To Crouwel, working along typographic grids was about finding the ultimate consequences of structuralism—learning from architecture, he imagined a book or publication as a 3-dimensional product where each position stood in specific relation to any other position, not a sum of single pages or double spreads</cite>.

Sources:

• https://tdc.org/medal-winner/wim-crouwel/
• http://www.dreamideamachine.com/?p=51216
• https://www.stedelijk.nl/en/news/wim-crouwel-1928-2019-2
• https://www.neugraphic.com/wim/crouwel-text3.html

<cite index="1-5">Crouwel's practice was profoundly influenced by the Swiss school of graphic design, whose rational, minimalist approach was organized around a grid system</cite>. <cite index="8-3,8-4">The formal nature of Swiss design deeply affected Crouwel—clarity, structure and the employment of grids became key aspects in his visual language, and he formed strong relationships with Swiss designers early in his career, becoming good friends with Gerard Ifert, Karl Gerstner and Josef Müller-Brockmann</cite>. He applied this to cultural institutions first at <cite index="1-6">the Van Abbemuseum in Eindhoven (1956-1964) and later for the Stedelijk Museum</cite>, working with the Van Abbe's director <cite index="8-5,8-6,8-7">Edy de Wilde starting in 1954—the two formed an amicable connection, sharing an interest in abstract art and appreciation for good design, and de Wilde appointed Crouwel as sole designer for the museum with complete creative autonomy</cite>. <cite index="10-9,10-10">Crouwel created a modular grid system which he employed to adapt the museum's various exhibitions across the collateral they required, from posters to signage and catalogs, and his minimalistic approach and use of sans serifs provided visual consistency while allowing the nuances and character of each exhibition to shine through</cite>. <cite index="1-4">Crouwel was a fervent advocate of the grid system, a tool he considers one of the most important in the designer's toolbox</cite>.

Sources:

• https://www.stedelijk.nl/en/exhibitions/wim-crouwel
• https://designmuseum.org/designers/wim-crouwel
• https://www.sessions.edu/notes-on-design/graphic-giants-wim-crouwel/

<cite index="7-3">Crouwel produced some 400 posters and over 300 catalogues for the Stedelijk Museum between 1963 and 1985</cite>, the period when museum director <cite index="2-3,2-4">Edy de Wilde brought him from the Van Abbemuseum and made him solely responsible for the Stedelijk's identity and for almost all posters and catalogues</cite>. That output was possible because <cite index="2-5">Crouwel developed a unique grid system that acted as a template for the museum's graphic identity, which created visual consistency for the museum</cite>. <cite index="1-7">Grid sheets provided templates for the abundance of typographic work produced for the Stedelijk at Total Design</cite>, the multidisciplinary agency Crouwel co-founded in 1963. The system did not flatten the work. <cite index="7-6,7-7">Although he believed a graphic designer must defer to the message and not interpret its content, his work for the Stedelijk shows exceptional variety despite his systematic approach—he evokes the work of the artist, selects reciprocal colors and creates a minimal, streamlined aesthetic with sans-serif fonts</cite>. <cite index="4-11,4-12">His posters were designed according to strict Modernist principles, predominantly typographic, and in several cases used custom letterforms crafted to reflect the content of the exhibition</cite>—the inflated alphabet for Claes Oldenburg in 1970, the grid-system typeface for the 1968 Vormgevers industrial design show.

Sources:

• https://www.stedelijk.nl/en/exhibitions/wim-crouwel-a-graphic-odyssey
• https://www.stedelijk.nl/en/news/wim-crouwel-1928-2019-2
• https://www.stedelijk.nl/en/exhibitions/wim-crouwel
• https://www.frieze.com/article/wim-crouwel

Gerstner called it integral typography. It extends Max Bill's functional typography. A text conveys information, but when typography is used with precision, it contributes to the connection between the words and their meaning. Typography becomes a way to express a whole greater than the sum of the words. The aesthetics of type aid the communication of ideas. Idea, text, and typographical presentation become one. The message and its form are inseparable and interdependent.

One of his Citroën advertisements reads "Don't buy this car" in large type, followed by "if you don't expect something out of the ordinary in a car" in smaller type. The typographic contrast makes the point. Gerstner and Kutter trailblazed the clever use of type in this way. Their principles brochure spoke of the necessary connection between word and illustration.

Gerstner extended this thinking beyond typography to the organization itself. It became more important to consider the whole of the company or project than individual design elements. His contribution may be this holistic pursuit: understanding a design problem within its context to find its solution. In integral typography, the type makes the image.

Sources:

• https://www.aisleone.net/tag/grid-systems/
• https://medium.com/@bryanarchy/celebrating-karl-gerstner-b0ffbcf65c96
• https://www.eyemagazine.com/review/article/the-designer-as-programmer

Gerstner saw the grid not as an arithmetic framework but as a programme. He distinguished it from squared paper, which is only a grid. A programme is different. Le Corbusier's module, for example, functions as a grid but is primarily a programme—a scale of proportions that makes the bad difficult and the good easy.

The typographic grid is a proportional regulator. It accommodates unknown items. The difficulty is to find the balance: maximum conformity to a rule with maximum freedom. Maximum constants with the greatest possible variability. For Capital magazine in 1962, Gerstner developed a complex grid that allowed rapid, creative, and consistent layouts. The grid was a mathematical system, but it was flexible in use.

Gerstner was among the first to truly exploit grids and create them with unmatched complexity. His grids were rigorously imposed but flexible. They disciplined the work—his typographic language varied dramatically but stayed within the grid and the restriction to grotesque fonts. The grid looks complicated to anyone who does not know the key. But the key is the programme, and the programme is the designer's invention.

Sources:

• https://openlab.citytech.cuny.edu/langecomd3504fa2019/files/2018/10/Gerstner_DesigningProgrammes-1.pdf
• https://medium.com/svilenk/what-i-learned-from-the-2-000-elusive-design-book-designing-programmes-f518faefcf4b
• https://www.typeroom.eu/article/memoriam-karl-gerstner-1930-2016
• https://carlosfiorentino.wordpress.com/wp-content/uploads/2010/08/karl_gerstner_and_design_programmes.pdf

Gerstner's morphological box of the typogram is a matrix. The left column lists parameters—expressive characteristics of typography. The right side breaks each parameter into components, showing how it can be modified. A designer moves row by row, selecting components. The selections concatenate. You could make selections blindly and arrive at a coherent solution.

Gerstner calls the criteria rough. As the work proceeds, the designer refines them. Components become new parameters. New components are specified. The morphological box is a generative system for wordmarks and typograms. It contains thousands of solutions. The inadequacy of any given box, Gerstner writes, belongs to the designer, not the method.

This is systematic, not mechanical. The programme does not eliminate creative work—it transfers the work to building the system. The designer builds the constraints that make certain solutions possible and others impossible. The programme must be comprehensive enough to address the problem. If it is not, the programme fails. A morphological box for typeface selection built in 1964 cannot account for the thousands of typefaces available now. The programme must be reactive to what cannot be predicted.

Sources:

• https://www.aisleone.net/tag/grid-systems/
• https://medium.com/svilenk/what-i-learned-from-the-2-000-elusive-design-book-designing-programmes-f518faefcf4b
• https://openlab.citytech.cuny.edu/langecomd3504fa2019/files/2018/10/Gerstner_DesigningProgrammes-1.pdf
• https://medium.com/@bryanarchy/celebrating-karl-gerstner-b0ffbcf65c96

Gerstner's 1964 book Designing Programmes proposed that a designer defines a rule set or system at the start—a programme—that determines every aesthetic choice for a given project. The programme is not a template. It is a method for arriving at solutions through structure rather than waiting for inspiration. One designer writing about the book describes it as "systematically creeping up on a task rather than hoping for inspiration from the higher regions."

The programme responds to the problem. It is built from an understanding of the constraints. Gerstner writes that to describe the problem is part of the solution, and that the creative process reduces to an act of selection. The designer picks determining elements and combines them. The more exact the criteria, the more creative the work becomes.

This was 1964—before Knuth's Metafont, before the personal computer. Gerstner was thinking in computational terms while computers were still in their infancy. His four essays cover rule-based color, architecture as programme, generative literature, and typographic systems. The book does not give cut-and-dried solutions. It develops principles. It remains relevant to computational design today.

Sources:

• https://runemadsen.com/blog/karl-gerstner-designing-programmes/
• https://carlosfiorentino.wordpress.com/wp-content/uploads/2010/08/karl_gerstner_and_design_programmes.pdf
• https://www.amazon.com/Designing-Programmes-Karl-Gerstner/dp/3037780932
• https://openlab.citytech.cuny.edu/langecomd3504fa2019/files/2018/10/Gerstner_DesigningProgrammes-1.pdf

<cite index="5-2">Frutiger emphasized that the material of typography is the black, and it is the designer's task with the help of this black to capture space, to create harmonious whites inside the letters as well as between them.</cite> <cite index="22-1">In a 1998 interview, Frutiger remarked that the eye does not read letters, but the space between them.</cite> The claim inverts hierarchy. <cite index="18-4,18-10">Ascenders and descenders are very prominent, and apertures are wide to easily distinguish letters from one another.</cite> <cite index="7-6">Frutiger's structure is an open design, with wide apertures on the letters, and a high x-height for clarity.</cite> <cite index="3-9">His career path was characterized by his passion for the criteria of legibility and the beauty of form.</cite> <cite index="23-1">Type, he said, is the clothing a word wears, so it must be subordinate to the content, and his type designs are consistent with this philosophy—open, clear, and capable of conveying the message without detracting from the intent.</cite>

Sources:

• https://danisblog538.wordpress.com/2019/06/15/adrian-frutiger/
• https://inkbotdesign.com/adrian-frutiger/
• https://en.wikipedia.org/wiki/Frutiger_(typeface)
• https://medium.com/@sueyintr/a-ui-case-study-about-frutiger-a3779094b605
• https://api.pageplace.de/preview/DT0400.9783035623635_A41603315/preview-9783035623635_A41603315.pdf

<cite index="18-1,18-6">In designing the typeface's predecessors Concorde and Roissy, Frutiger's goal was to create a sans-serif typeface with the rationality and cleanliness of Univers but the organic and proportional aspects of Gill Sans.</cite> <cite index="24-2">Frutiger decided to blend the sleek lines from Univers with the humanist touch of other fonts to enhance its legibility and effectiveness.</cite> <cite index="21-7">Like Univers it uses a single-story g, unlike the double of Gill Sans, and has square dots on the letters, but has a generally humanist design with wide apertures to increase legibility.</cite> <cite index="13-5">Type designer Steve Matteson described its structure as the best choice for legibility in pretty much any situation at small text sizes, while Erik Spiekermann named it as the best general typeface ever.</cite> The marriage was structural. <cite index="2-1,2-16">Unlike his contemporaries who focused on aesthetic flavor, Frutiger prioritized the systematic legibility and architectural harmony of letterforms across different weights and environments.</cite>

Sources:

• https://en.wikipedia.org/wiki/Frutiger_(typeface)
• https://medium.com/@ps9058/frutiger-typeface-navigating-the-world-of-legible-design-d0fef05694cf
• https://en.wikipedia.org/wiki/Adrian_Frutiger
• https://inkbotdesign.com/adrian-frutiger/

<cite index="10-17,10-18">Frutiger used different stroke thicknesses for horizontals, diagonals, and verticals in response to his assessment of visual discrepancies in other typefaces, and his interest in creating functional type followed documented scientific research from the 1930s and 1940s on the mechanics of eye movement during reading.</cite> <cite index="11-1,11-2,11-6">He knew the human eye is easily tricked and designed Avenir with subtle variations in stroke thickness to make the letters feel more balanced.</cite> The designer pursued what he saw as optical truth rather than mathematical uniformity. <cite index="16-3">A universal letter structure recognized by Frutiger as the prototype skeleton is the constant that a priori provides legibility.</cite> <cite index="25-2,25-3,25-8">In its inner lines, Frutiger echoes the old-style forms of the Renaissance more than the constructive symmetries of nineteenth-century industrialism, with counters of a, c, e, g, and s more open than in the grotesque style, differentiating the letters for easier discrimination.</cite>

Sources:

• https://www.scribd.com/document/145806097/Univers
• https://inkbotdesign.com/adrian-frutiger/
• https://www.ncbi.nlm.nih.gov/pmc/articles/PMC7963459/
• https://lucidafonts.com/blogs/bigelow-holmes-blog/philosophies-of-form-in-seriffed-typefaces-of-adrian-frutiger

<cite index="5-1,5-4">Frutiger hand-crafted each letter for the Charles de Gaulle signage and tested the typeface in fog and poor lighting by blurring the characters to check which letterforms could still be identified.</cite> <cite index="18-9,18-10">The letter properties were engineered for legibility at various angles, sizes, and distances, with prominent ascenders and descenders and wide apertures to distinguish letters from one another.</cite> <cite index="6-1,6-4">He proposed a modified version of Concorde, refining it following research into legibility.</cite> <cite index="21-7">The typeface has a generally humanist design with wide apertures to increase legibility, decided on after legibility research.</cite> This was applied research—not theoretical. <cite index="5-6">After working on large-scale typefaces for airport signage and the Paris Metro, Frutiger realized that readability follows the same rules about counters and side bearings in all sizes.</cite> <cite index="18-2">His goal was total clarity—what he called nudity—an absence of any kind of artistic addition.</cite>

Sources:

• https://danisblog538.wordpress.com/2019/06/15/adrian-frutiger/
• https://en.wikipedia.org/wiki/Frutiger_(typeface)
• https://en.wikipedia.org/wiki/Adrian_Frutiger

<cite index="4-9,4-10">A separate chapter of illustrations resumes the argument — representative examples are shown and analyzed in captions.</cite> <cite index="5-6">The argument is illustrated by freshly made photographs of items not often reproduced before.</cite> <cite index="4-11">The book concludes with a critical discussion of the literature of typographic history and a full bibliography.</cite>

<cite index="6-8">Modern Typography was published in 1992.</cite> <cite index="9-1,9-2,9-3">The book was designed by Françoise Berserik, The Hague, and typeset by Teus de Jong — first edition 1992, second edition reprint 2004.</cite> <cite index="6-22,6-23,6-24">Robin Kinross (born 1949) is an author and publisher on visual communication and typography — Modern Typography is his most significant work, and he was proprietor of Hyphen Press, which published books on design and typography from 1980 to 2017.</cite> <cite index="6-25">Kinross did undergraduate and graduate studies at the Department of Typography & Graphic Communication at the University of Reading.</cite>

Sources:

• https://hyphenpress.co.uk/products/books/978-0-907259-18-3/
• https://www.amazon.com/Modern-Typography-Essay-Critical-History/dp/0907259057
• https://en.wikipedia.org/wiki/Robin_Kinross
• https://fontsinuse.com/uses/6371/modern-typography-an-essay-in-critical-histor

<cite index="2-3">The book traces developments and shifts while giving attention to ideas, social contexts, and techniques, thereby bypassing the tired tropes of stylistic analysis.</cite> <cite index="3-5">Kinross's overview focuses on the history of typography as an intricate web of social, technical, and material processes, rather than a parade of typeface styles.</cite> <cite index="5-5,5-6">The treatment stresses debates over principle and explanations of practice, but gives full weight to the social, technical and material bases of the activity.</cite>

<cite index="4-4,4-5">Britain provides the main context for nineteenth-century modern typography; in the twentieth century, the USA and certain continental European countries are prominent.</cite> <cite index="2-4,2-5">Concise accounts of modernist typography in Central Europe between the wars and Switzerland in the 1950s and '60s are included, along with traditionalist typography in the USA, Britain, Germany, and the Low Countries.</cite> <cite index="3-22">Kinross never draws easy lines of cause and effect, but rather presents the whole rich synchronic picture of three centuries.</cite>

Sources:

• https://www.perimeterbooks.com/products/robin-kinross-modern-typography-an-essay-in-critical-history
• https://www.goodreads.com/book/show/119155.Modern_Typography
• https://www.amazon.com/Modern-Typography-Essay-Critical-History/dp/0907259057
• https://hyphenpress.co.uk/products/books/978-0-907259-18-3/

<cite index="4-19,4-20,4-21">Kinross starts around 1700 because typography began to separate from printing then — instructional manuals appeared, a historical record was constructed, and a new figure emerged: the typographer.</cite> <cite index="3-22">The thesis holds that 'modern' becomes useful when the typographic trades became self-conscious.</cite> <cite index="1-1">He echoes Jürgen Habermas's proposition that modernity is 'a continuing project'.</cite>

<cite index="5-3,5-4">The book proposes modern typography as something larger than a modernism of style — rather, 'modern' implies an articulate consciousness of action.</cite> <cite index="4-23,4-24">It's more than modernism of style; it's the attempt to work in the spirit of rationality, for clear and open communication.</cite> <cite index="13-4,13-5,13-6">Matthew Carter observed that British histories treated Modernism as aberration while studies of Modernism isolated it from traditional typography — this book breaks that separation by avoiding 'bibliophilic nostalgia'.</cite> <cite index="4-28">Steven Heller called it the first history of typography with a critical thesis.</cite>

Sources:

• https://hyphenpress.co.uk/products/books/978-0-907259-18-3/
• https://www.goodreads.com/book/show/119155.Modern_Typography
• https://editions-b42.com/en/produit/modern-typography/
• https://www.amazon.com/Modern-Typography-Essay-Critical-History/dp/0907259057
• https://en.wikipedia.org/wiki/Robin_Kinross

Vignelli published the Canon in 2010 and made it available as a free PDF download. The book runs ninety-six pages and includes examples from his own projects—product design, signage, graphic design, corporate identity. Lars Müller published the physical edition. The manual reads less like instruction and more like testimony. Michael Bierut, who studied under Vignelli, called him a mentor and teacher as much as a boss. Vignelli believed good design enhances experience, improves function, and contributes to social harmony. He argued that design belongs in every part of life, not just luxury or art. The Canon was his way of codifying fifty years of practice into principles others could use. It emphasizes semantics first—understand the object completely before designing it. Then syntax—make sure all the parts relate to each other and to the whole. Then pragmatics—does it work. The document is a practitioner's distillation. One reviewer noted that reading it feels like a conversation with a calm, confident mentor who believes good design is not subjective but simply right.

Sources:

• https://www.creativebloq.com/graphic-design/massimo-vignelli-61411897
• https://library.obys.agency/books/the-vignelli-canon/
• https://www.blinkist.com/en/books/the-vignelli-canon-en

Vignelli insisted that design is a discipline with rules, not a style. He wrote that people confuse the two and that nothing could be more wrong. Design discipline sits above style. All styles require discipline to be expressed, but the discipline itself is universal. His analogy was architectural: an architect must be able to design anything from a spoon to a city. He believed if you can design one thing, you can design everything, because the principles don't change. This was a reaction against what he saw as arbitrary decoration and marketing-driven vulgarity. He rejected design that looked down on the consumer. The designer's role is problem-solving, not self-expression. He described his life as a fight against ugliness. The Canon presents this as a moral position—design should be semantically correct, syntactically consistent, and pragmatically understandable. It should be visually powerful, intellectually elegant, and above all timeless. The book itself was designed to be a concise manual, a guide that young designers could hold in one hand.

Sources:

• https://justinreynoldsessays.com/2014/06/09/massimo-vignelli-design/
• https://en.wikipedia.org/wiki/Massimo_Vignelli
• https://library.obys.agency/books/the-vignelli-canon/

Vignelli refused trends. He believed design that lasts comes from stripping away everything that doesn't serve the core idea. He called it a subtractive process—remove lines until you reach the essence. The opposite approach is additive, where decoration piles on without thought. His position was that elementary forms and primary colors guarantee durability because they don't depend on fashion. He used Helvetica, Bodoni, Garamond, Century Expanded—typefaces that had already lasted decades or centuries. He limited his palette to black, white, and red in much of his work. This wasn't minimalism for aesthetic sake. It was a belief that timelessness lives in essence, not appearance. The American Airlines logo he designed in 1967 stayed in service for almost fifty years with only minor refinements. That longevity proved his thesis. He wrote that intellectual elegance is the clarity of thought expressed through the simplest possible form.

Sources:

• https://mymodernmet.com/massimo-vignelli-design-is-not-art/
• https://www.livrano.com/post/the-legacy-of-massimo-vignelli-timeless-design-principles
• https://www.designyourway.net/blog/massimo-vignelli/

The Canon splits into two sections. The first part covers intangibles—semantics, discipline, appropriateness, coherence. The second covers tangibles—grids, typography, margins, scale, white space. Semantics means understanding what a thing actually is before you draw anything. Syntax means the elements talk to each other consistently across every surface. Pragmatics means the result works in the real world. Vignelli divided the manual this way because he believed you need the invisible framework before you touch a grid. The intangibles section reads like a set of vows. Discipline appears as a standalone principle. He writes that there is no room for carelessness and that attention to detail requires discipline. The tangibles section shows you how to apply the rigor. The structure reflects his training in architecture—foundations first, then construction.

Sources:

• https://www.lars-mueller-publishers.com/vignelli-canon
• https://uxdesign.cc/the-vignelli-canon-a-design-classic-from-the-last-of-the-modernists-74d6e7dc0169?gi=13085ed75314
• https://www.rit.edu/vignellicenter/sites/rit.edu.vignellicenter/files/documents/The%20Vignelli%20Canon.pdf

Ellen Lupton teaches in the Graphic Design MFA program at Maryland Institute College of Art in Baltimore, where she serves as the Betty Cooke and William O. Steinmetz Design Chair. She is Curator Emerita at Cooper Hewitt, Smithsonian Design Museum in New York City, where she organized exhibitions including Herbert Bayer: Bauhaus Master and The Senses: Design Beyond Vision. She concluded a thirty-year career at Cooper Hewitt as senior curator of contemporary design, during which her exhibitions, lectures, and publications covered every aspect of design from broad concepts of typography to practical elements of everyday life.

Lupton received her bachelor's degree from Cooper Union and earned a doctorate in communication design from the University of Baltimore, completing the degree in 2008. She has received notable international awards including the AIGA Gold Medal for Lifetime Achievement and is a Fellow of the American Academy of Arts and Sciences. Her other books include Extra Bold: A Feminist, Inclusive, Anti-Racist, Nonbinary Field Guide for Graphic Designers, Graphic Design Thinking, and Design Is Storytelling. She maintains a popular Type Mom persona on Instagram.

Sources:

• https://papress.com/products/thinking-with-type-3-edition
• https://www.amazon.com/Thinking-Type-2nd-revised-expanded/dp/1568989695
• https://letterformarchive.org/shop/the-past-present-and-future-of-typographic-education/
• https://www.typeroom.eu/ellen-lupton-celebrating-30-years-of-thinking-with-type-at-cooper-hewitt

The book is often compared to foundational texts in other fields—"Thinking with Type is to typography what Stephen Hawking's A Brief History of Time is to physics," according to I Love Typography. It covers finicky matters such as kerning, small capitals, non-lining numerals, punctuation, alignment, and baseline grids, with demonstrations of basic design principles including visual balance, Gestalt grouping, and responsive layout. The second edition added content on style sheets for print and web, ornaments and captions, mixing typefaces, and font formats and licensing.

The book uses numerous illustrations to demonstrate typographic principles, with one reader noting that Lupton's use of illustrations is notable for showing the number of choices in organizing text that are not at all obvious. The book repeatedly draws on magazine grids to illustrate novel approaches that highlight different dimensions of text. It includes examples of both successful work by leading practitioners and classic errors to avoid, conveying meaning as much through its form as through its content.

Sources:

• https://www.amazon.com/Thinking-Type-2nd-revised-expanded/dp/1568989695
• https://www.goodreads.com/en/book/show/69736.Thinking_with_Type
• https://www.mubranding.com/teach/wp-content/uploads/2020/06/Thinking_with_Type.pdf

One review notes that Lupton "made learning about typography fun," popularizing phrases like "typography is what language looks like." The book is aimed at designers, writers, editors, students, and anyone working with words on page or screen. It has been described as the go-to volume for students needing an overview of practical type use and conception.

Lupton herself discovered typography as an art student in the early 1980s at Cooper Union, where she was taught by George Sadek and William Bevington. She describes typography as the convergence of art and language, which makes it powerful as both tool and means of expression. The book provides clear guidance on how letters, words, and paragraphs should be aligned, spaced, ordered, and shaped, showing both the rules and how to break them through historical and contemporary examples of graphic design. The compact size, affordable price, and approachable tone have made it destined to become essential in many typographers' and designers' libraries.

Sources:

• https://ilovetypography.com/2008/01/10/type-faces-ellen-lupton-interview/
• https://www.amazon.com/Thinking-Type-Designers-Critical-Students/dp/1568984480
• https://www.amazon.com/Thinking-Type-2nd-revised-expanded/dp/1568989695

Ellen Lupton wrote Thinking with Type because she could not find a suitable textbook for her class at Maryland Institute College of Art. The book is structured in three sections—letter, text, and grid—each opening with an essay covering historical, technological, and theoretical concepts followed by practical exercises. The first edition appeared in 2004, with a second edition adding forty-eight pages in 2010 and a third edition launching in March 2024 that includes new voices, examples, and a wider array of typefaces.

Lupton describes the book as "a naturalist's field guide" to typography, an homage to James Craig's Designing with Type but approaching type as evolutionary rather than mechanical. The book covers all typography essentials—typefaces and type families, kerning and tracking, grids and layout principles—with visual examples showing how to be inventive within systems of typographic form. The third edition includes reproductions from the Letterform Archive and addresses typographic systems beyond Latin character sets, embracing global writing systems and the cultures who contributed to typography's history.

Sources:

• https://www.goodreads.com/en/book/show/69736.Thinking_with_Type
• https://papress.com/products/thinking-with-type-3-edition
• https://www.mubranding.com/teach/wp-content/uploads/2020/06/Thinking_with_Type.pdf
• https://www.amazon.com/Thinking-Type-Critical-Designers-Students/dp/1797226827

<cite index="21-6,21-7">Apart from the SBB wayfinding system created in 1982, Müller-Brockmann was most known for the 'Musica viva' poster series for the Zurich Tonhalle, which sought visual linkage between Constructivism and musical harmonic structures, showing complete freedom within the rigid system of the grid.</cite> <cite index="30-6">From 1951 he produced concert posters for the Tonhalle in Zurich.</cite>

<cite index="23-3,23-12">Poster campaigns for longtime clients such as the Tonhalle concert hall or the Automobile Club of Switzerland followed strict functional criteria yet exhibited a variety of design solutions and exciting, dynamic compositions.</cite> <cite index="22-2,22-3">Müller-Brockmann infused a rich sense of harmony and melodious rhythm into seemingly simple posters; his 1955 Beethoven concert poster was as visually resonant as the composer's Fifth Symphony that inspired it.</cite> <cite index="25-9">The young Zurich graphic artist was asked to improve the Tonhalle's concert posters and attacked the task seriously, not seeking temporary or brilliant solutions but determined to gradually develop an idea of his own.</cite> <cite index="25-30,25-31">The graphic interpretation of a concert programme was an unexpected and novel task—the transposition of music into the language of the artist.</cite> <cite index="23-8,23-11">His posters demonstrate how a sober, formally reduced language works best for conveying a universal, timeless message.</cite>

Sources:

• https://socks-studio.com/2016/11/30/joseph-muller-brockmann-musica-viva-posters-for-the-zurich-tonhalle/
• https://www.internationalposter.com/exhibitions/mid-century-modern-the-posters-of-josef-muller-brockmann/
• https://www.lars-mueller-publishers.com/josef-muller-brockmann
• https://www.spindlerantiques.com/posters/1951-classical-music-concert-poster-by-j-muller-brockmann-featuring-isaac-stern
• https://www.neugraphic.com/muller-brockmann/muller-brockmann-text3.html

<cite index="11-3,11-4">The International Typographic Style emerged from Basel and Zurich design schools in the late 1940s, becoming the dominant visual language of the second half of the twentieth century, with Müller-Brockmann, Emil Ruder, and Armin Hofmann establishing principles of grid structure and rational composition exported globally.</cite> <cite index="12-1">The basic principles included minimalist graphics, modular grid systems, asymmetrical layout and sans-serif fonts.</cite>

<cite index="13-11,13-12">Following the Bauhaus motto of "form follows function," Swiss Style pioneers saw design as a vehicle for communication, not personal expression, preferring to convey information approachably and let content speak for itself.</cite> <cite index="20-3,20-4">After World War II, as international trade increased and relations between countries strengthened, typography and design became crucial—clarity, objectivity, region-less glyphs and symbols were essential to communication between international partners.</cite> <cite index="16-10,16-11">The style is celebrated for its grids, sans-serif typefaces and minimalism, emphasizing clarity, functionality and universal communication to create designs that are clean, structured and timeless.</cite> <cite index="14-2,14-3">Helvetica typography became synonymous with the movement, which championed clean, modern sans-serif fonts like Helvetica and Univers.</cite>

Sources:

• https://designreviewed.com/design-movement/international-typographic-style/
• https://en.wikipedia.org/wiki/Swiss_Style_(design)
• https://www.bighuman.com/blog/guide-to-swiss-design-style
• https://docs.mew.design/blog/swiss-design-style/
• https://en.wikipedia.org/wiki/International_Typographic_Style
• https://www.ilustromania.com/artistic-movements/international-typographic-style

<cite index="1-4,1-5">Swiss designers in the postwar period built on rudimentary medieval grid systems to create a more rigid and coherent framework for page layout, with Müller-Brockmann spreading this knowledge globally.</cite> <cite index="2-1,2-3">He first presented his interpretation of the grid in 1961</cite>, though <cite index="1-18">a brief presentation with text and illustrations had appeared in an earlier book</cite>. His position was unambiguous: <cite index="2-4,2-5">"The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style."</cite>

<cite index="1-6,1-12">The 1961 volume provided guidelines for grid systems from 8 to 32 fields, applicable to varied projects including three-dimensional work, with exact directions for each configuration.</cite> <cite index="9-1">The grid was positioned as a practical working instrument enabling designers to handle visual problems with greater speed and confidence in both two and three dimensions.</cite> <cite index="10-8,10-9">Müller-Brockmann emphasized grids as fundamental tools for organizing content and achieving visual harmony, defining a grid as intersecting vertical and horizontal lines forming a framework for arranging content.</cite> <cite index="5-7,5-8">The typographer, graphic designer, photographer and exhibition designer all used it for solving visual problems—from press advertisements and books to exhibition spaces and window displays.</cite>

Sources:

• https://www.amazon.com/Grid-systems-graphic-design-communication/dp/3721201450
• https://draw-down.com/products/grid-systems-in-graphic-design
• https://books.google.com/books/about/Grid_Systems_in_Graphic_Design.html?id=MLYiAQAAIAAJ
• https://www.blinkist.com/en/books/grid-systems-in-graphic-design-en
• https://www.artlebedev.com/izdal/modulnye-sistemy-2021/