Hallmark's 2+1 Font Rule Explained: Why Italic Headers Are Banned

Hallmark's "2+1" font rule limits designs to two type families plus italic reserved exclusively for body copy, with italic headers strictly prohibited to avoid AI-generated design tells and preserve visual hierarchy.

This typographic constraint is codified throughout the Nutlope/hallmark repository, where design patterns are enforced through Markdown-based skill definitions and reference documentation. The rule represents a deliberate stance against common auto-generated design artifacts, ensuring that hallmark-branded materials communicate intentionality and human craft.

What the 2+1 Font Rule Means

The "2+1" notation breaks down into two core constraints:

• 2 — A maximum of two type families per page: typically one display/heading face and one body face
• +1 — Italic as a third stylistic variant allowed only within running body text, never on headings or display elements

This limitation forces designers to create emphasis through weight, color, scale, and spacing rather than leaning on italic variants that can signal automated or uninspired typography.

Why Italic Headers Are Banned Globally

The prohibition against italic headers appears in multiple files across the repository, with consistent reasoning that combines design integrity, AI detection avoidance, and accessibility.

Primary Source: SKILL.md

In skills/hallmark/SKILL.md, the rule is stated explicitly:

"Headings and display type are always roman (font-style: normal). An italicised emphasis word inside an otherwise-upright heading — or worse, an all‑italic display face — is one of the most reliable AI tells; italic headers are banned globally."

This positions the ban as a defensive design pattern against the visual signatures of large language model outputs, which frequently overuse italic for false emphasis or inappropriate heading styling.

Supporting Documentation: anti-patterns.md

The skills/hallmark/references/anti-patterns.md file reinforces the prohibition with practical alternatives:

"Headers are roman (font-style: normal). Carry emphasis with weight, accent colour, or a drawn underline. Italic survives only as body‑copy emphasis inside running paragraphs."

The document treats italic headers as an anti-pattern — a common but counterproductive practice that undermines the design system's goals.

How to Implement the Rule in Practice

The following patterns demonstrate compliant and non-compliant usage:

Compliant: Roman Headings with Body Italic

<!-- Correct: Heading remains roman, italic reserved for inline emphasis -->
<h1 class="display">Sustainable Design Principles</h1>

<p>
  Our methodology <em>prioritizes</em> longevity over novelty, ensuring that
  every decision serves both present needs and future generations.
</p>

/* Hallmark-compliant heading styles */
h1, h2, h3, h4, h5, h6 {
  font-style: normal;    /* Mandatory: italic banned */
  font-weight: 700;      /* Emphasis through weight */
  color: #1a1a1a;
}

/* Italic permitted only for inline body emphasis */
p em, p i {
  font-style: italic;
}

Non-Compliant: Italic in Headings

<!-- Incorrect: Italic in any heading context violates the 2+1 rule -->
<h1 class="display"><em>Sustainable</em> Design Principles</h1>
<h2 style="font-style: italic">A New Approach</h2>

Both examples would trigger the anti-pattern detection documented in the repository's reference files.

Where This Rule Lives in the Codebase

File Path	Purpose
skills/hallmark/SKILL.md	Primary definition of the 2+1 rule and global italic header ban
skills/hallmark/references/anti-patterns.md	Detailed explanation of why italic headers fail and how to replace them
skills/hallmark/references/typography.md	Type role definitions including italic constraints

These files collectively enforce the constraint across all hallmark-generated outputs, making the rule machine-readable as well as human-documented.

Summary

• Hallmark's 2+1 rule restricts designs to two type families with italic as a body-only third variant
• Italic headers are banned globally because they represent a reliable signal of AI-generated, uncrafted design
• The prohibition is codified in SKILL.md and anti-patterns.md with specific alternative patterns for achieving emphasis
• Compliant emphasis uses weight, color, scale, and drawn underlines rather than italic styling
• The rule improves accessibility, maintains visual hierarchy, and distinguishes human-intentional design from automated output

Frequently Asked Questions

What happens if I need to emphasize a word within a heading?

Use font-weight changes, accent colors, or drawn underlines rather than italic. The anti-patterns documentation explicitly recommends carrying emphasis through these alternative channels without breaking the roman heading rule.

Does the 2+1 rule allow italic in any context?

Yes — italic is fully permitted and expected within running body paragraphs for standard emphasis (<em>, <i>). The restriction applies only to headings, display type, and other non-body contexts.

Is this rule specific to web CSS or does it apply to all mediums?

The repository's documentation presents the rule as medium-agnostic. Whether implemented in CSS, print typography, or native app design systems, the constraint of two families plus body-only italic remains consistent across hallmark-branded outputs.

Why focus on italic headers as an "AI tell" specifically?

Italicized headings emerged as a common pattern in early large language model outputs, where models frequently injected false emphasis or misapplied typographic conventions. By banning this specific artifact, hallmark signals human curation and avoids the visual associations of unreviewed generated content.

{
  "mcpServers": {
    "instagit": {
      "command": "npx",
      "args": ["-y", "instagit@latest"]
    }
  }
}