diff --git a/content/site/anti-patterns-catalog.js b/content/site/anti-patterns-catalog.js index 6c67bb627..cae6dd9c7 100644 --- a/content/site/anti-patterns-catalog.js +++ b/content/site/anti-patterns-catalog.js @@ -138,8 +138,6 @@ export const VISUAL_EXAMPLES = { // ── LLM-only rule visuals ───────────────────────────────────────── - 'syne-display-font': `
Synelike
Every AI landing page uses this shape.
`, - 'monospace-as-technical': `
TECHNICAL_TOOL
Mono for "developer" vibes. Lazy.
`, 'dark-mode-default': `
Dark by default
Defaulting to dark is a retreat from a decision.
`, @@ -256,14 +254,6 @@ export const GALLERY_ITEMS = [ // ─── LLM-only rules ────────────────────────────────────────────────── export const LLM_ONLY_RULES = [ - { - id: 'syne-display-font', - category: 'slop', - name: 'Syne as display font', - description: - 'Syne is the most overused "distinctive" display font and reads as an instant AI design tell. Pick something else.', - skillSection: 'Typography', - }, { id: 'monospace-as-technical', category: 'slop', diff --git a/source/skills/impeccable/SKILL.md b/source/skills/impeccable/SKILL.md index 08b400ac6..517905a8b 100644 --- a/source/skills/impeccable/SKILL.md +++ b/source/skills/impeccable/SKILL.md @@ -95,7 +95,7 @@ Instrument Sans Instrument Serif -Reject every font that appears in the reflex_fonts_to_reject list. They are your training-data defaults and they create monoculture across projects. **Syne in particular is the most overused "distinctive" display font and is an instant AI design tell. Never use it.** +Reject every font that appears in the reflex_fonts_to_reject list. They are your training-data defaults and they create monoculture across projects. Step 3. Browse a font catalog with the 3 brand words in mind. Sources: Google Fonts, Pangram Pangram, Future Fonts, Adobe Fonts, ABC Dinamo, Klim Type Foundry, Velvetyne. Look for something that fits the brand as a *physical object* — a museum exhibit caption, a hand-painted shop sign, a 1970s mainframe terminal manual, a fabric label on the inside of a coat, a children's book printed on cheap newsprint. Reject the first thing that "looks designy" — that's the trained reflex too. Keep looking. @@ -108,7 +108,6 @@ DO vary font weights and sizes to create clear visual hierarchy. DO vary your font choices across projects. If you used a serif display font on the last project, look for a sans, monospace, or display face on this one. DO NOT use overused fonts like Inter, Roboto, Arial, Open Sans, or system defaults — but also do not simply switch to your second-favorite. Every font in the reflex_fonts_to_reject list above is banned. Look further. -DO NOT use Syne. Ever. It is an instant AI design tell. DO NOT use monospace typography as lazy shorthand for "technical/developer" vibes. DO NOT put large icons with rounded corners above every heading. They rarely add value and make sites look templated. DO NOT use only one font family for the entire page. Pair a distinctive display font with a refined body font.