[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-automattic-typography-that-sells":3,"mdc-78g31p-key":36,"related-repo-automattic-typography-that-sells":5304,"related-org-automattic-typography-that-sells":5382},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":31,"sourceUrl":34,"mdContent":35},"typography-that-sells","upgrade typography for premium design","Upgrade typography from generic SaaS to premium, authored, high-conviction design. Uses distinct display fonts, lighter body weights, tight negative tracking, mono eyebrows, restrained serif accents, and OpenType details to create typography with taste, authority, and emotional signal. Use when a page feels flat, template-y, overly safe, or visually anonymous.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"automattic","Automattic","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fautomattic.png",[12,16,19,22],{"name":13,"slug":14,"type":15},"Design System","design-system","tag",{"name":17,"slug":18,"type":15},"Frontend","frontend",{"name":20,"slug":21,"type":15},"Typography","typography",{"name":23,"slug":24,"type":15},"Design","design",1,"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fdesign-polish-suite","2026-06-20T07:57:08.002685",null,0,[],{"repoUrl":26,"stars":25,"forks":29,"topics":32,"description":33},[],"This suite contains 6 focused skills that together form a full-stack design intervention for interfaces suffering from Terminal Blandness Syndrome (TBS). Symptoms include: identical card radiuses everywhere, #000 text on #fff backgrounds, hover states that just make things darker, and gradients that scream “I asked an AI to make this.”","https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fdesign-polish-suite\u002Ftree\u002FHEAD\u002Ftypography-that-sells","---\nname: typography-that-sells\ndescription: Upgrade typography from generic SaaS to premium, authored, high-conviction design. Uses distinct display fonts, lighter body weights, tight negative tracking, mono eyebrows, restrained serif accents, and OpenType details to create typography with taste, authority, and emotional signal. Use when a page feels flat, template-y, overly safe, or visually anonymous.\n---\n\n# Typography That Sells\n\nMost generic product design does not fail because the layout is bad.\nIt fails because the typography has no point of view.\n\nThis skill exists to fix that.\n\nThe difference between a generic SaaS interface and a premium, venture-backed, deeply-considered product is often not color, not motion, not gradients, and not illustration. It is typography. Premium sites use type to create authority, mood, tension, and memory. The typography does not just carry information. It carries identity.\n\nThis skill should be used to make a design feel authored rather than assembled.\n\nIts job is not to make typography more decorative.\nIts job is to make typography more inevitable.\n\nExtracted from patterns seen across Cal.com, Hex, Antimetal, Duna, Incident, Reducto, Shade, AngelList, Cohere, Outseta, Amplemarket, and Autosend.\n\n## Core philosophy\n\nTypography is tone made visible.\n\nIt is rhythm.\nIt is control.\nIt is restraint.\nIt is emotion without theatrics.\n\nApproach typography the way a great producer approaches sound:\n- remove what is unnecessary\n- amplify what is emotionally true\n- create contrast with restraint\n- let one strong move carry the piece\n- leave enough silence for the work to resonate\n\nDo not ask:\n- How do I make this look more stylish?\n\nAsk:\n- What is the typographic mood of this page?\n- What is missing: authority, tension, elegance, clarity, intimacy, sharpness?\n- What is too loud?\n- What is too safe?\n- What can be removed so the typography has more weight?\n- What single move would make this page feel authored?\n\nPremium typography does not come from adding more.\nIt usually comes from choosing less, but choosing better.\n\n## What this skill is for\n\nInvoke this skill when:\n- the site uses Inter or system sans for both display and body\n- headings feel flat, default, or template-like\n- typography feels competent but emotionally anonymous\n- the page looks polished but not memorable\n- display type is large but badly spaced\n- body text is too heavy, too neutral, or too conventional\n- the design feels like “good SaaS” instead of “real taste”\n- the user says the work feels generic, unrefined, unpolished, flat, or AI-generated\n\n## What this skill must do\n\nThis skill should not simply suggest fonts.\n\nIt should:\n1. diagnose why the typography feels generic\n2. name what quality is missing\n3. define the intended mood\n4. identify the fewest changes needed to transform the design\n5. explain what should be removed, not just what should be added\n6. recommend exact implementation moves\n7. preserve restraint\n\nThe output should feel like a creative director making typography more inevitable, not a style guide generator dumping options.\n\n## The typographic moods\n\nBefore changing anything, identify the dominant mood of the page.\n\nChoose one primary direction:\n- precise\n- editorial\n- cinematic\n- intellectual\n- luxurious\n- calm\n- institutional\n- futuristic\n- intimate\n- confrontational\n\nThen commit.\n\nDo not mix moods casually.\nGeneric designs are often emotionally indecisive. They use safe fonts, safe hierarchy, safe spacing, and safe contrast, and end up saying nothing clearly.\n\nEach page should feel like it knows what it is.\n\n## The decision filter\n\nBefore applying any change, test it against these five questions.\n\n### 1. Does this make the page feel more inevitable?\n\nThe strongest typographic moves feel obvious after they are made.\nIf a move feels trendy, ornamental, or too self-aware, it is probably weaker than a simpler one.\n\n### 2. Does this increase tension in the right place?\n\nGood typography uses controlled tension:\n- tighter display tracking\n- lighter body against stronger headlines\n- wide-tracked mono labels against dense sans copy\n- a single serif interruption inside a disciplined system\n\nTension creates feeling.\nToo many competing tensions create noise.\n\n### 3. Does this remove genericness?\n\nThe page needs at least one real typographic point of view.\nThat could be:\n- a distinctive display face\n- unusually disciplined tracking\n- a weight strategy with real contrast\n- mono used as a structural voice\n- a serif accent used sparingly and precisely\n\nWithout one of these, the page usually remains forgettable.\n\n### 4. Is this gesture earned?\n\nDo not add details because they are “designerly.”\nItalic accents, mono labels, alternate glyphs, and expressive pairings should feel earned by the brand, the mood, and the page.\n\n### 5. Is there enough silence?\n\nTypography needs restraint to land.\nIf every element is emphasized, none of them matter.\n\n## Rules of restraint\n\n- One heroic move is better than five clever ones\n- If the display font has character, everything around it should get quieter\n- If the body text is elegant and light, do not over-style controls and labels\n- Mono is a tool, not confetti\n- Serif accents should feel like a whisper, not a costume\n- Tight tracking should create authority, not damage readability\n- If the UI is visually complex, typography should simplify\n- If the UI is sparse, typography can carry more personality\n- Premium does not mean louder\n- Editorial does not mean chaotic\n- Luxury does not mean serif everywhere\n- Taste is often subtraction\n\n## Response model for this skill\n\nWhen invoked, respond in this order:\n\n### 1. Current problem\nDescribe why the typography is failing in plain language.\n\nExamples:\n- The page is visually competent but emotionally anonymous.\n- The hierarchy exists, but the type has no tension or signature.\n- Everything is readable, but nothing feels authored.\n- The typography is too safe for the ambition of the product.\n\n### 2. Missing quality\nName the exact thing missing:\n- authority\n- elegance\n- sharpness\n- warmth\n- editorial tension\n- visual rhythm\n- conviction\n- softness\n- contrast\n\n### 3. Emotional direction\nDefine the typographic mood the page should move toward.\n\nExample:\n- Move this from “default SaaS utility” to “precise editorial software.”\n- Move this from “safe tech startup” to “calm premium infrastructure.”\n- Move this from “template-looking landing page” to “high-conviction product brand.”\n\n### 4. Typographic strategy\nRecommend the minimum set of changes needed.\n\nThis usually includes:\n- display\u002Fbody split\n- tracking correction\n- weight redistribution\n- line-height tightening\n- eyebrow treatment\n- optional accent move\n\n### 5. Exact implementation moves\nProvide specific settings, example pairings, and code when useful.\n\n### 6. What to avoid\nName the overcorrections that would ruin it.\n\n### 7. Optional taste move\nGive one elevated move only if the design can support it.\n\n## The 8 core rules\n\n### Rule 1: Display font must have a different voice from the body font\n\nPremium typography usually separates display from body.\nThe display carries identity.\nThe body carries clarity.\n\nUsing the same neutral sans everywhere is the fastest way to make a design feel generic.\n\n**Proven pairings from case studies:**\n\n| Site | Display | Body | Accent |\n|---|---|---|---|\n| Cal.com | Cal Sans 600 | Cal Sans UI Variable Light 300 | — |\n| Hex | PP Formula SemiExtended 600 | GT Cinetype 300\u002F400 | PP Editorial New italic |\n| Antimetal | Ivar Text serif | ABC Diatype Plus Variable | Silkscreen Bold |\n| Duna | GT America | GT America | Delight Mother serif |\n| Incident | Bureau Sans | Bureau Sans | Bureau Serif, Geist Mono |\n| Reducto | reductoSerif | reductosans \u002F Inter | Reddit Mono |\n| Shade | Inter Display 500\u002F600 | Inter 400 | Apple Garamond italic |\n| Cohere | CohereHeadline | CohereText \u002F CohereVariable | CohereMono |\n| Outseta | Kaio 700 | Inter Var | Permanent Marker |\n| Autosend | Lexend Giga uppercase | Geist 300 | Geist Mono uppercase |\n| AngelList | angellistdisplay variable | angellist variable | DM Mono |\n| Amplemarket | custom neo-grotesque | same | grain-textured wordmark |\n\n**Minimum viable pairing if bespoke fonts are not available:**\n```css\n--font-display: 'PP Neue Montreal', 'Söhne', 'Geist', 'Instrument Serif', 'Fraunces', system-ui, sans-serif;\n--font-body: 'Inter', 'Geist', system-ui, -apple-system, sans-serif;\n--font-mono: 'Geist Mono', 'Fragment Mono', 'JetBrains Mono', 'DM Mono', ui-monospace, monospace;\n--font-serif-accent: 'PP Editorial New', 'Instrument Serif', 'Fraunces', serif;\n```\n\nAnti-pattern:\n```css\nfont-family: Inter, sans-serif;\n```\non everything.\n\n### Rule 2: Display text needs tighter tracking than most people think\n\nLarge text without tracking adjustment looks blunt and unfinished.\n\nAt 48px and above, default tracking is rarely enough.\n\n**Observed tracking patterns:**\n```css\nh1-80px { letter-spacing: -0.02em; }\nh1-72px { letter-spacing: -0.04em; }\nh1-72px { letter-spacing: -0.06em; }\nh2-88-160px { letter-spacing: -0.02em; }\n\nh1-46px { letter-spacing: -0.46px; }\nh1-44px { letter-spacing: -1.32px; }\nh2-40px { letter-spacing: -0.4px; }\n```\n\n**Rule of thumb:**\n- start at `-0.02em` for display\n- push toward `-0.03em` or `-0.04em` at larger sizes\n- use px-based tracking when you want more foundry-like precision\n\nAnti-patterns:\n- leaving display text at default tracking\n- relying only on `tracking-tight`\n- making text huge without tightening it\n\n### Rule 3: Display line-height should be tight\n\nLarge type needs compression to feel composed.\n\nPremium sites typically keep display line-height at or below `1.1`.\n\nExamples:\n```css\nh1 { line-height: 1; }\nh1 { line-height: 0.9; }\nh1 { line-height: 1.04; }\nh1 { line-height: 1.1; }\n```\n\nBody text gets more room:\n```css\nbody { line-height: 1.4-1.55; }\n```\n\nAnti-pattern:\n```css\nh1 { line-height: 1.5; }\n```\n\n### Rule 4: Use weight contrast with intention\n\nMost mediocre typography uses the wrong contrast:\n- body too heavy\n- headings too blunt\n- everything crowded in the 400–700 range with no nuance\n\nPremium systems often use lighter body copy than expected and more disciplined display weights.\n\nExamples:\n```css\nh1, h2 {\n  font-family: var(--font-display);\n  font-weight: 500;\n}\n\nbody, p {\n  font-family: var(--font-body);\n  font-weight: 300;\n}\n```\n\nVariable fonts allow more exact control:\n```css\n--wght-body: 320;\n--wght-button: 450;\n--wght-label: 480;\n--wght-display: 560;\n```\n\nUse the axis if the font supports it.\n\n### Rule 5: Mono is for structure, labels, and signal\n\nMono fonts are not just for code.\nThey are excellent for:\n- section eyebrows\n- status labels\n- metadata\n- chips\n- timestamps\n- technical framing\n- subtle system voice\n\n**Eyebrow pattern:**\n```css\n.eyebrow {\n  font-family: var(--font-mono);\n  font-size: 11px;\n  font-weight: 400;\n  text-transform: uppercase;\n  letter-spacing: 0.14em;\n  color: var(--text-muted);\n}\n```\n\nMono creates a useful contrast against smoother sans body copy.\n\nAnti-pattern:\nUsing mono everywhere until the whole design feels gimmicky or over-art-directed.\n\n### Rule 6: A serif italic accent can make the whole page feel authored\n\nA single serif interruption inside a sans system can add humanity, editorial quality, and intention.\n\nThis works best when it is sparse.\n\nExample:\n```html\n\u003Cp>\n  A notebook for the next era of\n  \u003Cem class=\"accent-italic\">intelligence\u003C\u002Fem>.\n\u003C\u002Fp>\n```\n\n```css\n.accent-italic {\n  font-family: var(--font-serif-accent);\n  font-style: italic;\n  font-weight: 400;\n}\n```\n\nBest use cases:\n- one word in a hero\n- one phrase in a subheadline\n- one editorial pull quote\n- one short note of emotional contrast\n\nAnti-patterns:\n- italicizing too many words\n- using the body font’s default italic and expecting it to feel special\n- turning the whole brand into serif theater\n\n### Rule 7: Use OpenType features when the font deserves it\n\nMany premium type systems feel richer because they use features most default UI work ignores.\n\nUseful details:\n```css\nh1, h2 {\n  font-feature-settings: \"ss01\" on, \"cv11\" on;\n}\n\n.tabular {\n  font-variant-numeric: tabular-nums;\n}\n```\n\nExamples from case studies include:\n- stylistic sets\n- alternate glyphs\n- tabular numerics\n- common ligatures\n- variable weight axes\n\nThese are not mandatory, but when available they can make the typography feel truly finished.\n\n### Rule 8: Fluid typography beats abrupt breakpoint jumps\n\nGood display type often scales fluidly rather than snapping between arbitrary breakpoints.\n\nUse `clamp()` for smoother interpolation.\n\nExample:\n```css\nh1 {\n  font-size: clamp(2.625rem, 2rem + 3vw, 4.625rem);\n  line-height: 1;\n  letter-spacing: -0.03em;\n}\n```\n\nThis makes typography feel more natural across viewports and avoids awkward jumps.\n\n## Complete starter type system\n\n```css\n:root {\n  --font-display: 'PP Neue Montreal', 'Söhne', 'Geist', system-ui, sans-serif;\n  --font-body: 'Inter', 'Geist', system-ui, -apple-system, sans-serif;\n  --font-serif-accent: 'PP Editorial New', 'Instrument Serif', 'Fraunces', serif;\n  --font-mono: 'Geist Mono', 'Fragment Mono', 'JetBrains Mono', ui-monospace, monospace;\n\n  --text-display: clamp(3rem, 2rem + 5vw, 5rem);         \u002F* 48 → 80px *\u002F\n  --text-h1: clamp(2.5rem, 1.75rem + 3.75vw, 4rem);      \u002F* 40 → 64px *\u002F\n  --text-h2: clamp(2rem, 1.5rem + 2.5vw, 3rem);          \u002F* 32 → 48px *\u002F\n  --text-h3: 1.75rem;                                     \u002F* 28px *\u002F\n  --text-h4: 1.375rem;                                    \u002F* 22px *\u002F\n  --text-body-lg: 1.125rem;                               \u002F* 18px *\u002F\n  --text-body: 1rem;                                      \u002F* 16px *\u002F\n  --text-body-sm: 0.9375rem;                              \u002F* 15px *\u002F\n  --text-micro: 0.6875rem;                                \u002F* 11px *\u002F\n\n  --wght-display: 520;\n  --wght-body: 320;\n  --wght-label: 430;\n}\n```\n\n```css\nh1, .display {\n  font-family: var(--font-display);\n  font-size: var(--text-display);\n  font-weight: var(--wght-display);\n  line-height: 1;\n  letter-spacing: -0.035em;\n  font-feature-settings: \"ss01\" on, \"cv11\" on;\n}\n\nh2 {\n  font-family: var(--font-display);\n  font-size: var(--text-h2);\n  font-weight: var(--wght-display);\n  line-height: 1.04;\n  letter-spacing: -0.03em;\n}\n\nh3 {\n  font-family: var(--font-display);\n  font-size: var(--text-h3);\n  font-weight: 500;\n  line-height: 1.1;\n  letter-spacing: -0.02em;\n}\n\nbody, p {\n  font-family: var(--font-body);\n  font-size: var(--text-body);\n  font-weight: var(--wght-body);\n  line-height: 1.5;\n  letter-spacing: -0.01em;\n}\n\n.eyebrow {\n  font-family: var(--font-mono);\n  font-size: var(--text-micro);\n  font-weight: 400;\n  text-transform: uppercase;\n  letter-spacing: 0.14em;\n  color: var(--text-muted);\n}\n\n.accent-italic {\n  font-family: var(--font-serif-accent);\n  font-style: italic;\n  font-weight: 400;\n}\n\n.tabular {\n  font-variant-numeric: tabular-nums;\n}\n```\n\n## Application workflow\n\n1. Identify the page’s missing quality.\n2. Choose the intended typographic mood.\n3. Separate display and body roles.\n4. Lighten body text more than you think.\n5. Tighten display tracking.\n6. Compress display line-height.\n7. Replace generic labels with mono eyebrows if appropriate.\n8. Add one serif italic accent only if the page needs a human or editorial note.\n9. Enable advanced type features if the font supports them.\n10. Remove extra flourishes that compete with the type.\n\n## Anti-patterns to kill\n\n- Inter everywhere\n- large headings with default tracking\n- body text that is too heavy\n- headings that are just bold instead of considered\n- too many font weights\n- too many typefaces\n- faux-editorial details with no system behind them\n- uppercase labels without added tracking\n- serif accents scattered across the whole page\n- over-styled badges and buttons when the body is already delicate\n- treating type like decoration instead of structure\n\n## Stronger critique language this skill should use\n\nInstead of:\n“This needs more personality.”\n\nSay:\n“The typography is functional, but it has no real point of view. It reads like polished default software rather than a product with conviction.”\n\nInstead of:\n“Use a serif accent.”\n\nSay:\n“Introduce contrast only where it creates emotion. One serif italic interruption inside an otherwise disciplined sans system can make the page feel authored without making it feel costume-y.”\n\nInstead of:\n“Make the hero bigger.”\n\nSay:\n“Give the hero more authority by increasing scale, tightening tracking, and pulling line-height down until it feels composed rather than merely large.”\n\nInstead of:\n“The page feels flat.”\n\nSay:\n“The hierarchy exists, but the typography is not creating enough tension, rhythm, or signature. Everything is working, but nothing is landing.”\n\n## Reference patterns\n\n| Pattern | Case study |\n|---|---|\n| Display and body in one custom family with strong weight contrast | Cal.com |\n| Serif display with sans body | Antimetal, Reducto, Outseta |\n| Serif italic inside sans system | Hex, Shade |\n| px-based tracking precision | Incident, Antimetal, Amplemarket |\n| Stylistic set usage | Antimetal, Reducto |\n| Fluid display scaling | AngelList, Hex |\n| Mono eyebrows with wide tracking | Hex, AngelList, Duna |\n| Very light body text | Cal, Autosend, Hex |\n| Highly distinctive display voice | Outseta, Autosend |\n\n## Final instruction\n\nDo not use this skill to make typography busier.\n\nUse it to make typography truer.\n\nThe end result should feel:\n- sharper\n- calmer\n- more confident\n- more inevitable\n- less generic\n- more remembered\n\nIf the typography starts feeling self-conscious, you went too far.\nIf it starts feeling obvious in retrospect, you are getting close.\n",{"data":37,"body":38},{"name":4,"description":6},{"type":39,"children":40},"root",[41,49,55,60,65,70,75,80,87,92,97,102,132,137,145,150,183,188,194,199,242,248,253,258,297,302,308,313,318,371,376,381,386,392,397,404,409,415,420,443,448,454,459,487,492,498,503,509,514,520,583,589,594,600,605,610,633,639,644,692,698,703,708,726,732,737,742,775,781,786,792,797,803,808,814,820,825,830,839,1151,1159,1378,1383,1415,1420,1426,1431,1436,1444,1700,1708,1750,1755,1779,1785,1790,1803,1807,1943,1948,1998,2002,2041,2047,2052,2070,2075,2079,2252,2257,2296,2301,2307,2312,2350,2358,2528,2533,2538,2544,2549,2554,2558,2675,2772,2777,2800,2804,2822,2828,2833,2838,2978,2983,3011,3016,3022,3027,3040,3044,3167,3172,3178,3936,4926,4932,4985,4991,5049,5055,5060,5065,5070,5075,5080,5085,5090,5095,5101,5239,5245,5250,5255,5260,5293,5298],{"type":42,"tag":43,"props":44,"children":45},"element","h1",{"id":4},[46],{"type":47,"value":48},"text","Typography That Sells",{"type":42,"tag":50,"props":51,"children":52},"p",{},[53],{"type":47,"value":54},"Most generic product design does not fail because the layout is bad.\nIt fails because the typography has no point of view.",{"type":42,"tag":50,"props":56,"children":57},{},[58],{"type":47,"value":59},"This skill exists to fix that.",{"type":42,"tag":50,"props":61,"children":62},{},[63],{"type":47,"value":64},"The difference between a generic SaaS interface and a premium, venture-backed, deeply-considered product is often not color, not motion, not gradients, and not illustration. It is typography. Premium sites use type to create authority, mood, tension, and memory. The typography does not just carry information. It carries identity.",{"type":42,"tag":50,"props":66,"children":67},{},[68],{"type":47,"value":69},"This skill should be used to make a design feel authored rather than assembled.",{"type":42,"tag":50,"props":71,"children":72},{},[73],{"type":47,"value":74},"Its job is not to make typography more decorative.\nIts job is to make typography more inevitable.",{"type":42,"tag":50,"props":76,"children":77},{},[78],{"type":47,"value":79},"Extracted from patterns seen across Cal.com, Hex, Antimetal, Duna, Incident, Reducto, Shade, AngelList, Cohere, Outseta, Amplemarket, and Autosend.",{"type":42,"tag":81,"props":82,"children":84},"h2",{"id":83},"core-philosophy",[85],{"type":47,"value":86},"Core philosophy",{"type":42,"tag":50,"props":88,"children":89},{},[90],{"type":47,"value":91},"Typography is tone made visible.",{"type":42,"tag":50,"props":93,"children":94},{},[95],{"type":47,"value":96},"It is rhythm.\nIt is control.\nIt is restraint.\nIt is emotion without theatrics.",{"type":42,"tag":50,"props":98,"children":99},{},[100],{"type":47,"value":101},"Approach typography the way a great producer approaches sound:",{"type":42,"tag":103,"props":104,"children":105},"ul",{},[106,112,117,122,127],{"type":42,"tag":107,"props":108,"children":109},"li",{},[110],{"type":47,"value":111},"remove what is unnecessary",{"type":42,"tag":107,"props":113,"children":114},{},[115],{"type":47,"value":116},"amplify what is emotionally true",{"type":42,"tag":107,"props":118,"children":119},{},[120],{"type":47,"value":121},"create contrast with restraint",{"type":42,"tag":107,"props":123,"children":124},{},[125],{"type":47,"value":126},"let one strong move carry the piece",{"type":42,"tag":107,"props":128,"children":129},{},[130],{"type":47,"value":131},"leave enough silence for the work to resonate",{"type":42,"tag":50,"props":133,"children":134},{},[135],{"type":47,"value":136},"Do not ask:",{"type":42,"tag":103,"props":138,"children":139},{},[140],{"type":42,"tag":107,"props":141,"children":142},{},[143],{"type":47,"value":144},"How do I make this look more stylish?",{"type":42,"tag":50,"props":146,"children":147},{},[148],{"type":47,"value":149},"Ask:",{"type":42,"tag":103,"props":151,"children":152},{},[153,158,163,168,173,178],{"type":42,"tag":107,"props":154,"children":155},{},[156],{"type":47,"value":157},"What is the typographic mood of this page?",{"type":42,"tag":107,"props":159,"children":160},{},[161],{"type":47,"value":162},"What is missing: authority, tension, elegance, clarity, intimacy, sharpness?",{"type":42,"tag":107,"props":164,"children":165},{},[166],{"type":47,"value":167},"What is too loud?",{"type":42,"tag":107,"props":169,"children":170},{},[171],{"type":47,"value":172},"What is too safe?",{"type":42,"tag":107,"props":174,"children":175},{},[176],{"type":47,"value":177},"What can be removed so the typography has more weight?",{"type":42,"tag":107,"props":179,"children":180},{},[181],{"type":47,"value":182},"What single move would make this page feel authored?",{"type":42,"tag":50,"props":184,"children":185},{},[186],{"type":47,"value":187},"Premium typography does not come from adding more.\nIt usually comes from choosing less, but choosing better.",{"type":42,"tag":81,"props":189,"children":191},{"id":190},"what-this-skill-is-for",[192],{"type":47,"value":193},"What this skill is for",{"type":42,"tag":50,"props":195,"children":196},{},[197],{"type":47,"value":198},"Invoke this skill when:",{"type":42,"tag":103,"props":200,"children":201},{},[202,207,212,217,222,227,232,237],{"type":42,"tag":107,"props":203,"children":204},{},[205],{"type":47,"value":206},"the site uses Inter or system sans for both display and body",{"type":42,"tag":107,"props":208,"children":209},{},[210],{"type":47,"value":211},"headings feel flat, default, or template-like",{"type":42,"tag":107,"props":213,"children":214},{},[215],{"type":47,"value":216},"typography feels competent but emotionally anonymous",{"type":42,"tag":107,"props":218,"children":219},{},[220],{"type":47,"value":221},"the page looks polished but not memorable",{"type":42,"tag":107,"props":223,"children":224},{},[225],{"type":47,"value":226},"display type is large but badly spaced",{"type":42,"tag":107,"props":228,"children":229},{},[230],{"type":47,"value":231},"body text is too heavy, too neutral, or too conventional",{"type":42,"tag":107,"props":233,"children":234},{},[235],{"type":47,"value":236},"the design feels like “good SaaS” instead of “real taste”",{"type":42,"tag":107,"props":238,"children":239},{},[240],{"type":47,"value":241},"the user says the work feels generic, unrefined, unpolished, flat, or AI-generated",{"type":42,"tag":81,"props":243,"children":245},{"id":244},"what-this-skill-must-do",[246],{"type":47,"value":247},"What this skill must do",{"type":42,"tag":50,"props":249,"children":250},{},[251],{"type":47,"value":252},"This skill should not simply suggest fonts.",{"type":42,"tag":50,"props":254,"children":255},{},[256],{"type":47,"value":257},"It should:",{"type":42,"tag":259,"props":260,"children":261},"ol",{},[262,267,272,277,282,287,292],{"type":42,"tag":107,"props":263,"children":264},{},[265],{"type":47,"value":266},"diagnose why the typography feels generic",{"type":42,"tag":107,"props":268,"children":269},{},[270],{"type":47,"value":271},"name what quality is missing",{"type":42,"tag":107,"props":273,"children":274},{},[275],{"type":47,"value":276},"define the intended mood",{"type":42,"tag":107,"props":278,"children":279},{},[280],{"type":47,"value":281},"identify the fewest changes needed to transform the design",{"type":42,"tag":107,"props":283,"children":284},{},[285],{"type":47,"value":286},"explain what should be removed, not just what should be added",{"type":42,"tag":107,"props":288,"children":289},{},[290],{"type":47,"value":291},"recommend exact implementation moves",{"type":42,"tag":107,"props":293,"children":294},{},[295],{"type":47,"value":296},"preserve restraint",{"type":42,"tag":50,"props":298,"children":299},{},[300],{"type":47,"value":301},"The output should feel like a creative director making typography more inevitable, not a style guide generator dumping options.",{"type":42,"tag":81,"props":303,"children":305},{"id":304},"the-typographic-moods",[306],{"type":47,"value":307},"The typographic moods",{"type":42,"tag":50,"props":309,"children":310},{},[311],{"type":47,"value":312},"Before changing anything, identify the dominant mood of the page.",{"type":42,"tag":50,"props":314,"children":315},{},[316],{"type":47,"value":317},"Choose one primary direction:",{"type":42,"tag":103,"props":319,"children":320},{},[321,326,331,336,341,346,351,356,361,366],{"type":42,"tag":107,"props":322,"children":323},{},[324],{"type":47,"value":325},"precise",{"type":42,"tag":107,"props":327,"children":328},{},[329],{"type":47,"value":330},"editorial",{"type":42,"tag":107,"props":332,"children":333},{},[334],{"type":47,"value":335},"cinematic",{"type":42,"tag":107,"props":337,"children":338},{},[339],{"type":47,"value":340},"intellectual",{"type":42,"tag":107,"props":342,"children":343},{},[344],{"type":47,"value":345},"luxurious",{"type":42,"tag":107,"props":347,"children":348},{},[349],{"type":47,"value":350},"calm",{"type":42,"tag":107,"props":352,"children":353},{},[354],{"type":47,"value":355},"institutional",{"type":42,"tag":107,"props":357,"children":358},{},[359],{"type":47,"value":360},"futuristic",{"type":42,"tag":107,"props":362,"children":363},{},[364],{"type":47,"value":365},"intimate",{"type":42,"tag":107,"props":367,"children":368},{},[369],{"type":47,"value":370},"confrontational",{"type":42,"tag":50,"props":372,"children":373},{},[374],{"type":47,"value":375},"Then commit.",{"type":42,"tag":50,"props":377,"children":378},{},[379],{"type":47,"value":380},"Do not mix moods casually.\nGeneric designs are often emotionally indecisive. They use safe fonts, safe hierarchy, safe spacing, and safe contrast, and end up saying nothing clearly.",{"type":42,"tag":50,"props":382,"children":383},{},[384],{"type":47,"value":385},"Each page should feel like it knows what it is.",{"type":42,"tag":81,"props":387,"children":389},{"id":388},"the-decision-filter",[390],{"type":47,"value":391},"The decision filter",{"type":42,"tag":50,"props":393,"children":394},{},[395],{"type":47,"value":396},"Before applying any change, test it against these five questions.",{"type":42,"tag":398,"props":399,"children":401},"h3",{"id":400},"_1-does-this-make-the-page-feel-more-inevitable",[402],{"type":47,"value":403},"1. Does this make the page feel more inevitable?",{"type":42,"tag":50,"props":405,"children":406},{},[407],{"type":47,"value":408},"The strongest typographic moves feel obvious after they are made.\nIf a move feels trendy, ornamental, or too self-aware, it is probably weaker than a simpler one.",{"type":42,"tag":398,"props":410,"children":412},{"id":411},"_2-does-this-increase-tension-in-the-right-place",[413],{"type":47,"value":414},"2. Does this increase tension in the right place?",{"type":42,"tag":50,"props":416,"children":417},{},[418],{"type":47,"value":419},"Good typography uses controlled tension:",{"type":42,"tag":103,"props":421,"children":422},{},[423,428,433,438],{"type":42,"tag":107,"props":424,"children":425},{},[426],{"type":47,"value":427},"tighter display tracking",{"type":42,"tag":107,"props":429,"children":430},{},[431],{"type":47,"value":432},"lighter body against stronger headlines",{"type":42,"tag":107,"props":434,"children":435},{},[436],{"type":47,"value":437},"wide-tracked mono labels against dense sans copy",{"type":42,"tag":107,"props":439,"children":440},{},[441],{"type":47,"value":442},"a single serif interruption inside a disciplined system",{"type":42,"tag":50,"props":444,"children":445},{},[446],{"type":47,"value":447},"Tension creates feeling.\nToo many competing tensions create noise.",{"type":42,"tag":398,"props":449,"children":451},{"id":450},"_3-does-this-remove-genericness",[452],{"type":47,"value":453},"3. Does this remove genericness?",{"type":42,"tag":50,"props":455,"children":456},{},[457],{"type":47,"value":458},"The page needs at least one real typographic point of view.\nThat could be:",{"type":42,"tag":103,"props":460,"children":461},{},[462,467,472,477,482],{"type":42,"tag":107,"props":463,"children":464},{},[465],{"type":47,"value":466},"a distinctive display face",{"type":42,"tag":107,"props":468,"children":469},{},[470],{"type":47,"value":471},"unusually disciplined tracking",{"type":42,"tag":107,"props":473,"children":474},{},[475],{"type":47,"value":476},"a weight strategy with real contrast",{"type":42,"tag":107,"props":478,"children":479},{},[480],{"type":47,"value":481},"mono used as a structural voice",{"type":42,"tag":107,"props":483,"children":484},{},[485],{"type":47,"value":486},"a serif accent used sparingly and precisely",{"type":42,"tag":50,"props":488,"children":489},{},[490],{"type":47,"value":491},"Without one of these, the page usually remains forgettable.",{"type":42,"tag":398,"props":493,"children":495},{"id":494},"_4-is-this-gesture-earned",[496],{"type":47,"value":497},"4. Is this gesture earned?",{"type":42,"tag":50,"props":499,"children":500},{},[501],{"type":47,"value":502},"Do not add details because they are “designerly.”\nItalic accents, mono labels, alternate glyphs, and expressive pairings should feel earned by the brand, the mood, and the page.",{"type":42,"tag":398,"props":504,"children":506},{"id":505},"_5-is-there-enough-silence",[507],{"type":47,"value":508},"5. Is there enough silence?",{"type":42,"tag":50,"props":510,"children":511},{},[512],{"type":47,"value":513},"Typography needs restraint to land.\nIf every element is emphasized, none of them matter.",{"type":42,"tag":81,"props":515,"children":517},{"id":516},"rules-of-restraint",[518],{"type":47,"value":519},"Rules of restraint",{"type":42,"tag":103,"props":521,"children":522},{},[523,528,533,538,543,548,553,558,563,568,573,578],{"type":42,"tag":107,"props":524,"children":525},{},[526],{"type":47,"value":527},"One heroic move is better than five clever ones",{"type":42,"tag":107,"props":529,"children":530},{},[531],{"type":47,"value":532},"If the display font has character, everything around it should get quieter",{"type":42,"tag":107,"props":534,"children":535},{},[536],{"type":47,"value":537},"If the body text is elegant and light, do not over-style controls and labels",{"type":42,"tag":107,"props":539,"children":540},{},[541],{"type":47,"value":542},"Mono is a tool, not confetti",{"type":42,"tag":107,"props":544,"children":545},{},[546],{"type":47,"value":547},"Serif accents should feel like a whisper, not a costume",{"type":42,"tag":107,"props":549,"children":550},{},[551],{"type":47,"value":552},"Tight tracking should create authority, not damage readability",{"type":42,"tag":107,"props":554,"children":555},{},[556],{"type":47,"value":557},"If the UI is visually complex, typography should simplify",{"type":42,"tag":107,"props":559,"children":560},{},[561],{"type":47,"value":562},"If the UI is sparse, typography can carry more personality",{"type":42,"tag":107,"props":564,"children":565},{},[566],{"type":47,"value":567},"Premium does not mean louder",{"type":42,"tag":107,"props":569,"children":570},{},[571],{"type":47,"value":572},"Editorial does not mean chaotic",{"type":42,"tag":107,"props":574,"children":575},{},[576],{"type":47,"value":577},"Luxury does not mean serif everywhere",{"type":42,"tag":107,"props":579,"children":580},{},[581],{"type":47,"value":582},"Taste is often subtraction",{"type":42,"tag":81,"props":584,"children":586},{"id":585},"response-model-for-this-skill",[587],{"type":47,"value":588},"Response model for this skill",{"type":42,"tag":50,"props":590,"children":591},{},[592],{"type":47,"value":593},"When invoked, respond in this order:",{"type":42,"tag":398,"props":595,"children":597},{"id":596},"_1-current-problem",[598],{"type":47,"value":599},"1. Current problem",{"type":42,"tag":50,"props":601,"children":602},{},[603],{"type":47,"value":604},"Describe why the typography is failing in plain language.",{"type":42,"tag":50,"props":606,"children":607},{},[608],{"type":47,"value":609},"Examples:",{"type":42,"tag":103,"props":611,"children":612},{},[613,618,623,628],{"type":42,"tag":107,"props":614,"children":615},{},[616],{"type":47,"value":617},"The page is visually competent but emotionally anonymous.",{"type":42,"tag":107,"props":619,"children":620},{},[621],{"type":47,"value":622},"The hierarchy exists, but the type has no tension or signature.",{"type":42,"tag":107,"props":624,"children":625},{},[626],{"type":47,"value":627},"Everything is readable, but nothing feels authored.",{"type":42,"tag":107,"props":629,"children":630},{},[631],{"type":47,"value":632},"The typography is too safe for the ambition of the product.",{"type":42,"tag":398,"props":634,"children":636},{"id":635},"_2-missing-quality",[637],{"type":47,"value":638},"2. Missing quality",{"type":42,"tag":50,"props":640,"children":641},{},[642],{"type":47,"value":643},"Name the exact thing missing:",{"type":42,"tag":103,"props":645,"children":646},{},[647,652,657,662,667,672,677,682,687],{"type":42,"tag":107,"props":648,"children":649},{},[650],{"type":47,"value":651},"authority",{"type":42,"tag":107,"props":653,"children":654},{},[655],{"type":47,"value":656},"elegance",{"type":42,"tag":107,"props":658,"children":659},{},[660],{"type":47,"value":661},"sharpness",{"type":42,"tag":107,"props":663,"children":664},{},[665],{"type":47,"value":666},"warmth",{"type":42,"tag":107,"props":668,"children":669},{},[670],{"type":47,"value":671},"editorial tension",{"type":42,"tag":107,"props":673,"children":674},{},[675],{"type":47,"value":676},"visual rhythm",{"type":42,"tag":107,"props":678,"children":679},{},[680],{"type":47,"value":681},"conviction",{"type":42,"tag":107,"props":683,"children":684},{},[685],{"type":47,"value":686},"softness",{"type":42,"tag":107,"props":688,"children":689},{},[690],{"type":47,"value":691},"contrast",{"type":42,"tag":398,"props":693,"children":695},{"id":694},"_3-emotional-direction",[696],{"type":47,"value":697},"3. Emotional direction",{"type":42,"tag":50,"props":699,"children":700},{},[701],{"type":47,"value":702},"Define the typographic mood the page should move toward.",{"type":42,"tag":50,"props":704,"children":705},{},[706],{"type":47,"value":707},"Example:",{"type":42,"tag":103,"props":709,"children":710},{},[711,716,721],{"type":42,"tag":107,"props":712,"children":713},{},[714],{"type":47,"value":715},"Move this from “default SaaS utility” to “precise editorial software.”",{"type":42,"tag":107,"props":717,"children":718},{},[719],{"type":47,"value":720},"Move this from “safe tech startup” to “calm premium infrastructure.”",{"type":42,"tag":107,"props":722,"children":723},{},[724],{"type":47,"value":725},"Move this from “template-looking landing page” to “high-conviction product brand.”",{"type":42,"tag":398,"props":727,"children":729},{"id":728},"_4-typographic-strategy",[730],{"type":47,"value":731},"4. Typographic strategy",{"type":42,"tag":50,"props":733,"children":734},{},[735],{"type":47,"value":736},"Recommend the minimum set of changes needed.",{"type":42,"tag":50,"props":738,"children":739},{},[740],{"type":47,"value":741},"This usually includes:",{"type":42,"tag":103,"props":743,"children":744},{},[745,750,755,760,765,770],{"type":42,"tag":107,"props":746,"children":747},{},[748],{"type":47,"value":749},"display\u002Fbody split",{"type":42,"tag":107,"props":751,"children":752},{},[753],{"type":47,"value":754},"tracking correction",{"type":42,"tag":107,"props":756,"children":757},{},[758],{"type":47,"value":759},"weight redistribution",{"type":42,"tag":107,"props":761,"children":762},{},[763],{"type":47,"value":764},"line-height tightening",{"type":42,"tag":107,"props":766,"children":767},{},[768],{"type":47,"value":769},"eyebrow treatment",{"type":42,"tag":107,"props":771,"children":772},{},[773],{"type":47,"value":774},"optional accent move",{"type":42,"tag":398,"props":776,"children":778},{"id":777},"_5-exact-implementation-moves",[779],{"type":47,"value":780},"5. Exact implementation moves",{"type":42,"tag":50,"props":782,"children":783},{},[784],{"type":47,"value":785},"Provide specific settings, example pairings, and code when useful.",{"type":42,"tag":398,"props":787,"children":789},{"id":788},"_6-what-to-avoid",[790],{"type":47,"value":791},"6. What to avoid",{"type":42,"tag":50,"props":793,"children":794},{},[795],{"type":47,"value":796},"Name the overcorrections that would ruin it.",{"type":42,"tag":398,"props":798,"children":800},{"id":799},"_7-optional-taste-move",[801],{"type":47,"value":802},"7. Optional taste move",{"type":42,"tag":50,"props":804,"children":805},{},[806],{"type":47,"value":807},"Give one elevated move only if the design can support it.",{"type":42,"tag":81,"props":809,"children":811},{"id":810},"the-8-core-rules",[812],{"type":47,"value":813},"The 8 core rules",{"type":42,"tag":398,"props":815,"children":817},{"id":816},"rule-1-display-font-must-have-a-different-voice-from-the-body-font",[818],{"type":47,"value":819},"Rule 1: Display font must have a different voice from the body font",{"type":42,"tag":50,"props":821,"children":822},{},[823],{"type":47,"value":824},"Premium typography usually separates display from body.\nThe display carries identity.\nThe body carries clarity.",{"type":42,"tag":50,"props":826,"children":827},{},[828],{"type":47,"value":829},"Using the same neutral sans everywhere is the fastest way to make a design feel generic.",{"type":42,"tag":50,"props":831,"children":832},{},[833],{"type":42,"tag":834,"props":835,"children":836},"strong",{},[837],{"type":47,"value":838},"Proven pairings from case studies:",{"type":42,"tag":840,"props":841,"children":842},"table",{},[843,872],{"type":42,"tag":844,"props":845,"children":846},"thead",{},[847],{"type":42,"tag":848,"props":849,"children":850},"tr",{},[851,857,862,867],{"type":42,"tag":852,"props":853,"children":854},"th",{},[855],{"type":47,"value":856},"Site",{"type":42,"tag":852,"props":858,"children":859},{},[860],{"type":47,"value":861},"Display",{"type":42,"tag":852,"props":863,"children":864},{},[865],{"type":47,"value":866},"Body",{"type":42,"tag":852,"props":868,"children":869},{},[870],{"type":47,"value":871},"Accent",{"type":42,"tag":873,"props":874,"children":875},"tbody",{},[876,900,923,946,968,990,1013,1036,1059,1082,1105,1128],{"type":42,"tag":848,"props":877,"children":878},{},[879,885,890,895],{"type":42,"tag":880,"props":881,"children":882},"td",{},[883],{"type":47,"value":884},"Cal.com",{"type":42,"tag":880,"props":886,"children":887},{},[888],{"type":47,"value":889},"Cal Sans 600",{"type":42,"tag":880,"props":891,"children":892},{},[893],{"type":47,"value":894},"Cal Sans UI Variable Light 300",{"type":42,"tag":880,"props":896,"children":897},{},[898],{"type":47,"value":899},"—",{"type":42,"tag":848,"props":901,"children":902},{},[903,908,913,918],{"type":42,"tag":880,"props":904,"children":905},{},[906],{"type":47,"value":907},"Hex",{"type":42,"tag":880,"props":909,"children":910},{},[911],{"type":47,"value":912},"PP Formula SemiExtended 600",{"type":42,"tag":880,"props":914,"children":915},{},[916],{"type":47,"value":917},"GT Cinetype 300\u002F400",{"type":42,"tag":880,"props":919,"children":920},{},[921],{"type":47,"value":922},"PP Editorial New italic",{"type":42,"tag":848,"props":924,"children":925},{},[926,931,936,941],{"type":42,"tag":880,"props":927,"children":928},{},[929],{"type":47,"value":930},"Antimetal",{"type":42,"tag":880,"props":932,"children":933},{},[934],{"type":47,"value":935},"Ivar Text serif",{"type":42,"tag":880,"props":937,"children":938},{},[939],{"type":47,"value":940},"ABC Diatype Plus Variable",{"type":42,"tag":880,"props":942,"children":943},{},[944],{"type":47,"value":945},"Silkscreen Bold",{"type":42,"tag":848,"props":947,"children":948},{},[949,954,959,963],{"type":42,"tag":880,"props":950,"children":951},{},[952],{"type":47,"value":953},"Duna",{"type":42,"tag":880,"props":955,"children":956},{},[957],{"type":47,"value":958},"GT America",{"type":42,"tag":880,"props":960,"children":961},{},[962],{"type":47,"value":958},{"type":42,"tag":880,"props":964,"children":965},{},[966],{"type":47,"value":967},"Delight Mother serif",{"type":42,"tag":848,"props":969,"children":970},{},[971,976,981,985],{"type":42,"tag":880,"props":972,"children":973},{},[974],{"type":47,"value":975},"Incident",{"type":42,"tag":880,"props":977,"children":978},{},[979],{"type":47,"value":980},"Bureau Sans",{"type":42,"tag":880,"props":982,"children":983},{},[984],{"type":47,"value":980},{"type":42,"tag":880,"props":986,"children":987},{},[988],{"type":47,"value":989},"Bureau Serif, Geist Mono",{"type":42,"tag":848,"props":991,"children":992},{},[993,998,1003,1008],{"type":42,"tag":880,"props":994,"children":995},{},[996],{"type":47,"value":997},"Reducto",{"type":42,"tag":880,"props":999,"children":1000},{},[1001],{"type":47,"value":1002},"reductoSerif",{"type":42,"tag":880,"props":1004,"children":1005},{},[1006],{"type":47,"value":1007},"reductosans \u002F Inter",{"type":42,"tag":880,"props":1009,"children":1010},{},[1011],{"type":47,"value":1012},"Reddit Mono",{"type":42,"tag":848,"props":1014,"children":1015},{},[1016,1021,1026,1031],{"type":42,"tag":880,"props":1017,"children":1018},{},[1019],{"type":47,"value":1020},"Shade",{"type":42,"tag":880,"props":1022,"children":1023},{},[1024],{"type":47,"value":1025},"Inter Display 500\u002F600",{"type":42,"tag":880,"props":1027,"children":1028},{},[1029],{"type":47,"value":1030},"Inter 400",{"type":42,"tag":880,"props":1032,"children":1033},{},[1034],{"type":47,"value":1035},"Apple Garamond italic",{"type":42,"tag":848,"props":1037,"children":1038},{},[1039,1044,1049,1054],{"type":42,"tag":880,"props":1040,"children":1041},{},[1042],{"type":47,"value":1043},"Cohere",{"type":42,"tag":880,"props":1045,"children":1046},{},[1047],{"type":47,"value":1048},"CohereHeadline",{"type":42,"tag":880,"props":1050,"children":1051},{},[1052],{"type":47,"value":1053},"CohereText \u002F CohereVariable",{"type":42,"tag":880,"props":1055,"children":1056},{},[1057],{"type":47,"value":1058},"CohereMono",{"type":42,"tag":848,"props":1060,"children":1061},{},[1062,1067,1072,1077],{"type":42,"tag":880,"props":1063,"children":1064},{},[1065],{"type":47,"value":1066},"Outseta",{"type":42,"tag":880,"props":1068,"children":1069},{},[1070],{"type":47,"value":1071},"Kaio 700",{"type":42,"tag":880,"props":1073,"children":1074},{},[1075],{"type":47,"value":1076},"Inter Var",{"type":42,"tag":880,"props":1078,"children":1079},{},[1080],{"type":47,"value":1081},"Permanent Marker",{"type":42,"tag":848,"props":1083,"children":1084},{},[1085,1090,1095,1100],{"type":42,"tag":880,"props":1086,"children":1087},{},[1088],{"type":47,"value":1089},"Autosend",{"type":42,"tag":880,"props":1091,"children":1092},{},[1093],{"type":47,"value":1094},"Lexend Giga uppercase",{"type":42,"tag":880,"props":1096,"children":1097},{},[1098],{"type":47,"value":1099},"Geist 300",{"type":42,"tag":880,"props":1101,"children":1102},{},[1103],{"type":47,"value":1104},"Geist Mono uppercase",{"type":42,"tag":848,"props":1106,"children":1107},{},[1108,1113,1118,1123],{"type":42,"tag":880,"props":1109,"children":1110},{},[1111],{"type":47,"value":1112},"AngelList",{"type":42,"tag":880,"props":1114,"children":1115},{},[1116],{"type":47,"value":1117},"angellistdisplay variable",{"type":42,"tag":880,"props":1119,"children":1120},{},[1121],{"type":47,"value":1122},"angellist variable",{"type":42,"tag":880,"props":1124,"children":1125},{},[1126],{"type":47,"value":1127},"DM Mono",{"type":42,"tag":848,"props":1129,"children":1130},{},[1131,1136,1141,1146],{"type":42,"tag":880,"props":1132,"children":1133},{},[1134],{"type":47,"value":1135},"Amplemarket",{"type":42,"tag":880,"props":1137,"children":1138},{},[1139],{"type":47,"value":1140},"custom neo-grotesque",{"type":42,"tag":880,"props":1142,"children":1143},{},[1144],{"type":47,"value":1145},"same",{"type":42,"tag":880,"props":1147,"children":1148},{},[1149],{"type":47,"value":1150},"grain-textured wordmark",{"type":42,"tag":50,"props":1152,"children":1153},{},[1154],{"type":42,"tag":834,"props":1155,"children":1156},{},[1157],{"type":47,"value":1158},"Minimum viable pairing if bespoke fonts are not available:",{"type":42,"tag":1160,"props":1161,"children":1166},"pre",{"className":1162,"code":1163,"language":1164,"meta":1165,"style":1165},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","--font-display: 'PP Neue Montreal', 'Söhne', 'Geist', 'Instrument Serif', 'Fraunces', system-ui, sans-serif;\n--font-body: 'Inter', 'Geist', system-ui, -apple-system, sans-serif;\n--font-mono: 'Geist Mono', 'Fragment Mono', 'JetBrains Mono', 'DM Mono', ui-monospace, monospace;\n--font-serif-accent: 'PP Editorial New', 'Instrument Serif', 'Fraunces', serif;\n","css","",[1167],{"type":42,"tag":1168,"props":1169,"children":1170},"code",{"__ignoreMap":1165},[1171,1244,1290,1344],{"type":42,"tag":1172,"props":1173,"children":1175},"span",{"class":1174,"line":25},"line",[1176,1182,1188,1193,1197,1202,1206,1211,1215,1220,1224,1230,1234,1239],{"type":42,"tag":1172,"props":1177,"children":1179},{"style":1178},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[1180],{"type":47,"value":1181},"--font-display: 'PP Neue Montreal'",{"type":42,"tag":1172,"props":1183,"children":1185},{"style":1184},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[1186],{"type":47,"value":1187},",",{"type":42,"tag":1172,"props":1189,"children":1190},{"style":1178},[1191],{"type":47,"value":1192}," 'Söhne'",{"type":42,"tag":1172,"props":1194,"children":1195},{"style":1184},[1196],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1198,"children":1199},{"style":1178},[1200],{"type":47,"value":1201}," 'Geist'",{"type":42,"tag":1172,"props":1203,"children":1204},{"style":1184},[1205],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1207,"children":1208},{"style":1178},[1209],{"type":47,"value":1210}," 'Instrument Serif'",{"type":42,"tag":1172,"props":1212,"children":1213},{"style":1184},[1214],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1216,"children":1217},{"style":1178},[1218],{"type":47,"value":1219}," 'Fraunces'",{"type":42,"tag":1172,"props":1221,"children":1222},{"style":1184},[1223],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1225,"children":1227},{"style":1226},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[1228],{"type":47,"value":1229}," system-ui",{"type":42,"tag":1172,"props":1231,"children":1232},{"style":1184},[1233],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1235,"children":1236},{"style":1226},[1237],{"type":47,"value":1238}," sans-serif",{"type":42,"tag":1172,"props":1240,"children":1241},{"style":1178},[1242],{"type":47,"value":1243},";\n",{"type":42,"tag":1172,"props":1245,"children":1247},{"class":1174,"line":1246},2,[1248,1253,1257,1261,1265,1269,1273,1278,1282,1286],{"type":42,"tag":1172,"props":1249,"children":1250},{"style":1178},[1251],{"type":47,"value":1252},"--font-body: 'Inter'",{"type":42,"tag":1172,"props":1254,"children":1255},{"style":1184},[1256],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1258,"children":1259},{"style":1178},[1260],{"type":47,"value":1201},{"type":42,"tag":1172,"props":1262,"children":1263},{"style":1184},[1264],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1266,"children":1267},{"style":1226},[1268],{"type":47,"value":1229},{"type":42,"tag":1172,"props":1270,"children":1271},{"style":1184},[1272],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1274,"children":1275},{"style":1178},[1276],{"type":47,"value":1277}," -apple-system",{"type":42,"tag":1172,"props":1279,"children":1280},{"style":1184},[1281],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1283,"children":1284},{"style":1226},[1285],{"type":47,"value":1238},{"type":42,"tag":1172,"props":1287,"children":1288},{"style":1178},[1289],{"type":47,"value":1243},{"type":42,"tag":1172,"props":1291,"children":1293},{"class":1174,"line":1292},3,[1294,1299,1303,1308,1312,1317,1321,1326,1330,1335,1339],{"type":42,"tag":1172,"props":1295,"children":1296},{"style":1178},[1297],{"type":47,"value":1298},"--font-mono: 'Geist Mono'",{"type":42,"tag":1172,"props":1300,"children":1301},{"style":1184},[1302],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1304,"children":1305},{"style":1178},[1306],{"type":47,"value":1307}," 'Fragment Mono'",{"type":42,"tag":1172,"props":1309,"children":1310},{"style":1184},[1311],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1313,"children":1314},{"style":1178},[1315],{"type":47,"value":1316}," 'JetBrains Mono'",{"type":42,"tag":1172,"props":1318,"children":1319},{"style":1184},[1320],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1322,"children":1323},{"style":1178},[1324],{"type":47,"value":1325}," 'DM Mono'",{"type":42,"tag":1172,"props":1327,"children":1328},{"style":1184},[1329],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1331,"children":1332},{"style":1226},[1333],{"type":47,"value":1334}," ui-monospace",{"type":42,"tag":1172,"props":1336,"children":1337},{"style":1184},[1338],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1340,"children":1341},{"style":1178},[1342],{"type":47,"value":1343}," monospace;\n",{"type":42,"tag":1172,"props":1345,"children":1347},{"class":1174,"line":1346},4,[1348,1353,1357,1361,1365,1369,1373],{"type":42,"tag":1172,"props":1349,"children":1350},{"style":1178},[1351],{"type":47,"value":1352},"--font-serif-accent: 'PP Editorial New'",{"type":42,"tag":1172,"props":1354,"children":1355},{"style":1184},[1356],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1358,"children":1359},{"style":1178},[1360],{"type":47,"value":1210},{"type":42,"tag":1172,"props":1362,"children":1363},{"style":1184},[1364],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1366,"children":1367},{"style":1178},[1368],{"type":47,"value":1219},{"type":42,"tag":1172,"props":1370,"children":1371},{"style":1184},[1372],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1374,"children":1375},{"style":1178},[1376],{"type":47,"value":1377}," serif;\n",{"type":42,"tag":50,"props":1379,"children":1380},{},[1381],{"type":47,"value":1382},"Anti-pattern:",{"type":42,"tag":1160,"props":1384,"children":1386},{"className":1162,"code":1385,"language":1164,"meta":1165,"style":1165},"font-family: Inter, sans-serif;\n",[1387],{"type":42,"tag":1168,"props":1388,"children":1389},{"__ignoreMap":1165},[1390],{"type":42,"tag":1172,"props":1391,"children":1392},{"class":1174,"line":25},[1393,1398,1403,1407,1411],{"type":42,"tag":1172,"props":1394,"children":1395},{"style":1226},[1396],{"type":47,"value":1397},"font-family",{"type":42,"tag":1172,"props":1399,"children":1400},{"style":1178},[1401],{"type":47,"value":1402},": Inter",{"type":42,"tag":1172,"props":1404,"children":1405},{"style":1184},[1406],{"type":47,"value":1187},{"type":42,"tag":1172,"props":1408,"children":1409},{"style":1226},[1410],{"type":47,"value":1238},{"type":42,"tag":1172,"props":1412,"children":1413},{"style":1178},[1414],{"type":47,"value":1243},{"type":42,"tag":50,"props":1416,"children":1417},{},[1418],{"type":47,"value":1419},"on everything.",{"type":42,"tag":398,"props":1421,"children":1423},{"id":1422},"rule-2-display-text-needs-tighter-tracking-than-most-people-think",[1424],{"type":47,"value":1425},"Rule 2: Display text needs tighter tracking than most people think",{"type":42,"tag":50,"props":1427,"children":1428},{},[1429],{"type":47,"value":1430},"Large text without tracking adjustment looks blunt and unfinished.",{"type":42,"tag":50,"props":1432,"children":1433},{},[1434],{"type":47,"value":1435},"At 48px and above, default tracking is rarely enough.",{"type":42,"tag":50,"props":1437,"children":1438},{},[1439],{"type":42,"tag":834,"props":1440,"children":1441},{},[1442],{"type":47,"value":1443},"Observed tracking patterns:",{"type":42,"tag":1160,"props":1445,"children":1447},{"className":1162,"code":1446,"language":1164,"meta":1165,"style":1165},"h1-80px { letter-spacing: -0.02em; }\nh1-72px { letter-spacing: -0.04em; }\nh1-72px { letter-spacing: -0.06em; }\nh2-88-160px { letter-spacing: -0.02em; }\n\nh1-46px { letter-spacing: -0.46px; }\nh1-44px { letter-spacing: -1.32px; }\nh2-40px { letter-spacing: -0.4px; }\n",[1448],{"type":42,"tag":1168,"props":1449,"children":1450},{"__ignoreMap":1165},[1451,1491,1524,1556,1588,1598,1632,1666],{"type":42,"tag":1172,"props":1452,"children":1453},{"class":1174,"line":25},[1454,1459,1464,1470,1475,1481,1486],{"type":42,"tag":1172,"props":1455,"children":1456},{"style":1226},[1457],{"type":47,"value":1458},"h1-80px",{"type":42,"tag":1172,"props":1460,"children":1461},{"style":1184},[1462],{"type":47,"value":1463}," {",{"type":42,"tag":1172,"props":1465,"children":1467},{"style":1466},"--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6",[1468],{"type":47,"value":1469}," letter-spacing",{"type":42,"tag":1172,"props":1471,"children":1472},{"style":1184},[1473],{"type":47,"value":1474},":",{"type":42,"tag":1172,"props":1476,"children":1478},{"style":1477},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1479],{"type":47,"value":1480}," -0.02em",{"type":42,"tag":1172,"props":1482,"children":1483},{"style":1184},[1484],{"type":47,"value":1485},";",{"type":42,"tag":1172,"props":1487,"children":1488},{"style":1184},[1489],{"type":47,"value":1490}," }\n",{"type":42,"tag":1172,"props":1492,"children":1493},{"class":1174,"line":1246},[1494,1499,1503,1507,1511,1516,1520],{"type":42,"tag":1172,"props":1495,"children":1496},{"style":1226},[1497],{"type":47,"value":1498},"h1-72px",{"type":42,"tag":1172,"props":1500,"children":1501},{"style":1184},[1502],{"type":47,"value":1463},{"type":42,"tag":1172,"props":1504,"children":1505},{"style":1466},[1506],{"type":47,"value":1469},{"type":42,"tag":1172,"props":1508,"children":1509},{"style":1184},[1510],{"type":47,"value":1474},{"type":42,"tag":1172,"props":1512,"children":1513},{"style":1477},[1514],{"type":47,"value":1515}," -0.04em",{"type":42,"tag":1172,"props":1517,"children":1518},{"style":1184},[1519],{"type":47,"value":1485},{"type":42,"tag":1172,"props":1521,"children":1522},{"style":1184},[1523],{"type":47,"value":1490},{"type":42,"tag":1172,"props":1525,"children":1526},{"class":1174,"line":1292},[1527,1531,1535,1539,1543,1548,1552],{"type":42,"tag":1172,"props":1528,"children":1529},{"style":1226},[1530],{"type":47,"value":1498},{"type":42,"tag":1172,"props":1532,"children":1533},{"style":1184},[1534],{"type":47,"value":1463},{"type":42,"tag":1172,"props":1536,"children":1537},{"style":1466},[1538],{"type":47,"value":1469},{"type":42,"tag":1172,"props":1540,"children":1541},{"style":1184},[1542],{"type":47,"value":1474},{"type":42,"tag":1172,"props":1544,"children":1545},{"style":1477},[1546],{"type":47,"value":1547}," -0.06em",{"type":42,"tag":1172,"props":1549,"children":1550},{"style":1184},[1551],{"type":47,"value":1485},{"type":42,"tag":1172,"props":1553,"children":1554},{"style":1184},[1555],{"type":47,"value":1490},{"type":42,"tag":1172,"props":1557,"children":1558},{"class":1174,"line":1346},[1559,1564,1568,1572,1576,1580,1584],{"type":42,"tag":1172,"props":1560,"children":1561},{"style":1226},[1562],{"type":47,"value":1563},"h2-88-160px",{"type":42,"tag":1172,"props":1565,"children":1566},{"style":1184},[1567],{"type":47,"value":1463},{"type":42,"tag":1172,"props":1569,"children":1570},{"style":1466},[1571],{"type":47,"value":1469},{"type":42,"tag":1172,"props":1573,"children":1574},{"style":1184},[1575],{"type":47,"value":1474},{"type":42,"tag":1172,"props":1577,"children":1578},{"style":1477},[1579],{"type":47,"value":1480},{"type":42,"tag":1172,"props":1581,"children":1582},{"style":1184},[1583],{"type":47,"value":1485},{"type":42,"tag":1172,"props":1585,"children":1586},{"style":1184},[1587],{"type":47,"value":1490},{"type":42,"tag":1172,"props":1589,"children":1591},{"class":1174,"line":1590},5,[1592],{"type":42,"tag":1172,"props":1593,"children":1595},{"emptyLinePlaceholder":1594},true,[1596],{"type":47,"value":1597},"\n",{"type":42,"tag":1172,"props":1599,"children":1601},{"class":1174,"line":1600},6,[1602,1607,1611,1615,1619,1624,1628],{"type":42,"tag":1172,"props":1603,"children":1604},{"style":1226},[1605],{"type":47,"value":1606},"h1-46px",{"type":42,"tag":1172,"props":1608,"children":1609},{"style":1184},[1610],{"type":47,"value":1463},{"type":42,"tag":1172,"props":1612,"children":1613},{"style":1466},[1614],{"type":47,"value":1469},{"type":42,"tag":1172,"props":1616,"children":1617},{"style":1184},[1618],{"type":47,"value":1474},{"type":42,"tag":1172,"props":1620,"children":1621},{"style":1477},[1622],{"type":47,"value":1623}," -0.46px",{"type":42,"tag":1172,"props":1625,"children":1626},{"style":1184},[1627],{"type":47,"value":1485},{"type":42,"tag":1172,"props":1629,"children":1630},{"style":1184},[1631],{"type":47,"value":1490},{"type":42,"tag":1172,"props":1633,"children":1635},{"class":1174,"line":1634},7,[1636,1641,1645,1649,1653,1658,1662],{"type":42,"tag":1172,"props":1637,"children":1638},{"style":1226},[1639],{"type":47,"value":1640},"h1-44px",{"type":42,"tag":1172,"props":1642,"children":1643},{"style":1184},[1644],{"type":47,"value":1463},{"type":42,"tag":1172,"props":1646,"children":1647},{"style":1466},[1648],{"type":47,"value":1469},{"type":42,"tag":1172,"props":1650,"children":1651},{"style":1184},[1652],{"type":47,"value":1474},{"type":42,"tag":1172,"props":1654,"children":1655},{"style":1477},[1656],{"type":47,"value":1657}," -1.32px",{"type":42,"tag":1172,"props":1659,"children":1660},{"style":1184},[1661],{"type":47,"value":1485},{"type":42,"tag":1172,"props":1663,"children":1664},{"style":1184},[1665],{"type":47,"value":1490},{"type":42,"tag":1172,"props":1667,"children":1669},{"class":1174,"line":1668},8,[1670,1675,1679,1683,1687,1692,1696],{"type":42,"tag":1172,"props":1671,"children":1672},{"style":1226},[1673],{"type":47,"value":1674},"h2-40px",{"type":42,"tag":1172,"props":1676,"children":1677},{"style":1184},[1678],{"type":47,"value":1463},{"type":42,"tag":1172,"props":1680,"children":1681},{"style":1466},[1682],{"type":47,"value":1469},{"type":42,"tag":1172,"props":1684,"children":1685},{"style":1184},[1686],{"type":47,"value":1474},{"type":42,"tag":1172,"props":1688,"children":1689},{"style":1477},[1690],{"type":47,"value":1691}," -0.4px",{"type":42,"tag":1172,"props":1693,"children":1694},{"style":1184},[1695],{"type":47,"value":1485},{"type":42,"tag":1172,"props":1697,"children":1698},{"style":1184},[1699],{"type":47,"value":1490},{"type":42,"tag":50,"props":1701,"children":1702},{},[1703],{"type":42,"tag":834,"props":1704,"children":1705},{},[1706],{"type":47,"value":1707},"Rule of thumb:",{"type":42,"tag":103,"props":1709,"children":1710},{},[1711,1724,1745],{"type":42,"tag":107,"props":1712,"children":1713},{},[1714,1716,1722],{"type":47,"value":1715},"start at ",{"type":42,"tag":1168,"props":1717,"children":1719},{"className":1718},[],[1720],{"type":47,"value":1721},"-0.02em",{"type":47,"value":1723}," for display",{"type":42,"tag":107,"props":1725,"children":1726},{},[1727,1729,1735,1737,1743],{"type":47,"value":1728},"push toward ",{"type":42,"tag":1168,"props":1730,"children":1732},{"className":1731},[],[1733],{"type":47,"value":1734},"-0.03em",{"type":47,"value":1736}," or ",{"type":42,"tag":1168,"props":1738,"children":1740},{"className":1739},[],[1741],{"type":47,"value":1742},"-0.04em",{"type":47,"value":1744}," at larger sizes",{"type":42,"tag":107,"props":1746,"children":1747},{},[1748],{"type":47,"value":1749},"use px-based tracking when you want more foundry-like precision",{"type":42,"tag":50,"props":1751,"children":1752},{},[1753],{"type":47,"value":1754},"Anti-patterns:",{"type":42,"tag":103,"props":1756,"children":1757},{},[1758,1763,1774],{"type":42,"tag":107,"props":1759,"children":1760},{},[1761],{"type":47,"value":1762},"leaving display text at default tracking",{"type":42,"tag":107,"props":1764,"children":1765},{},[1766,1768],{"type":47,"value":1767},"relying only on ",{"type":42,"tag":1168,"props":1769,"children":1771},{"className":1770},[],[1772],{"type":47,"value":1773},"tracking-tight",{"type":42,"tag":107,"props":1775,"children":1776},{},[1777],{"type":47,"value":1778},"making text huge without tightening it",{"type":42,"tag":398,"props":1780,"children":1782},{"id":1781},"rule-3-display-line-height-should-be-tight",[1783],{"type":47,"value":1784},"Rule 3: Display line-height should be tight",{"type":42,"tag":50,"props":1786,"children":1787},{},[1788],{"type":47,"value":1789},"Large type needs compression to feel composed.",{"type":42,"tag":50,"props":1791,"children":1792},{},[1793,1795,1801],{"type":47,"value":1794},"Premium sites typically keep display line-height at or below ",{"type":42,"tag":1168,"props":1796,"children":1798},{"className":1797},[],[1799],{"type":47,"value":1800},"1.1",{"type":47,"value":1802},".",{"type":42,"tag":50,"props":1804,"children":1805},{},[1806],{"type":47,"value":609},{"type":42,"tag":1160,"props":1808,"children":1810},{"className":1162,"code":1809,"language":1164,"meta":1165,"style":1165},"h1 { line-height: 1; }\nh1 { line-height: 0.9; }\nh1 { line-height: 1.04; }\nh1 { line-height: 1.1; }\n",[1811],{"type":42,"tag":1168,"props":1812,"children":1813},{"__ignoreMap":1165},[1814,1847,1879,1911],{"type":42,"tag":1172,"props":1815,"children":1816},{"class":1174,"line":25},[1817,1821,1825,1830,1834,1839,1843],{"type":42,"tag":1172,"props":1818,"children":1819},{"style":1226},[1820],{"type":47,"value":43},{"type":42,"tag":1172,"props":1822,"children":1823},{"style":1184},[1824],{"type":47,"value":1463},{"type":42,"tag":1172,"props":1826,"children":1827},{"style":1466},[1828],{"type":47,"value":1829}," line-height",{"type":42,"tag":1172,"props":1831,"children":1832},{"style":1184},[1833],{"type":47,"value":1474},{"type":42,"tag":1172,"props":1835,"children":1836},{"style":1477},[1837],{"type":47,"value":1838}," 1",{"type":42,"tag":1172,"props":1840,"children":1841},{"style":1184},[1842],{"type":47,"value":1485},{"type":42,"tag":1172,"props":1844,"children":1845},{"style":1184},[1846],{"type":47,"value":1490},{"type":42,"tag":1172,"props":1848,"children":1849},{"class":1174,"line":1246},[1850,1854,1858,1862,1866,1871,1875],{"type":42,"tag":1172,"props":1851,"children":1852},{"style":1226},[1853],{"type":47,"value":43},{"type":42,"tag":1172,"props":1855,"children":1856},{"style":1184},[1857],{"type":47,"value":1463},{"type":42,"tag":1172,"props":1859,"children":1860},{"style":1466},[1861],{"type":47,"value":1829},{"type":42,"tag":1172,"props":1863,"children":1864},{"style":1184},[1865],{"type":47,"value":1474},{"type":42,"tag":1172,"props":1867,"children":1868},{"style":1477},[1869],{"type":47,"value":1870}," 0.9",{"type":42,"tag":1172,"props":1872,"children":1873},{"style":1184},[1874],{"type":47,"value":1485},{"type":42,"tag":1172,"props":1876,"children":1877},{"style":1184},[1878],{"type":47,"value":1490},{"type":42,"tag":1172,"props":1880,"children":1881},{"class":1174,"line":1292},[1882,1886,1890,1894,1898,1903,1907],{"type":42,"tag":1172,"props":1883,"children":1884},{"style":1226},[1885],{"type":47,"value":43},{"type":42,"tag":1172,"props":1887,"children":1888},{"style":1184},[1889],{"type":47,"value":1463},{"type":42,"tag":1172,"props":1891,"children":1892},{"style":1466},[1893],{"type":47,"value":1829},{"type":42,"tag":1172,"props":1895,"children":1896},{"style":1184},[1897],{"type":47,"value":1474},{"type":42,"tag":1172,"props":1899,"children":1900},{"style":1477},[1901],{"type":47,"value":1902}," 1.04",{"type":42,"tag":1172,"props":1904,"children":1905},{"style":1184},[1906],{"type":47,"value":1485},{"type":42,"tag":1172,"props":1908,"children":1909},{"style":1184},[1910],{"type":47,"value":1490},{"type":42,"tag":1172,"props":1912,"children":1913},{"class":1174,"line":1346},[1914,1918,1922,1926,1930,1935,1939],{"type":42,"tag":1172,"props":1915,"children":1916},{"style":1226},[1917],{"type":47,"value":43},{"type":42,"tag":1172,"props":1919,"children":1920},{"style":1184},[1921],{"type":47,"value":1463},{"type":42,"tag":1172,"props":1923,"children":1924},{"style":1466},[1925],{"type":47,"value":1829},{"type":42,"tag":1172,"props":1927,"children":1928},{"style":1184},[1929],{"type":47,"value":1474},{"type":42,"tag":1172,"props":1931,"children":1932},{"style":1477},[1933],{"type":47,"value":1934}," 1.1",{"type":42,"tag":1172,"props":1936,"children":1937},{"style":1184},[1938],{"type":47,"value":1485},{"type":42,"tag":1172,"props":1940,"children":1941},{"style":1184},[1942],{"type":47,"value":1490},{"type":42,"tag":50,"props":1944,"children":1945},{},[1946],{"type":47,"value":1947},"Body text gets more room:",{"type":42,"tag":1160,"props":1949,"children":1951},{"className":1162,"code":1950,"language":1164,"meta":1165,"style":1165},"body { line-height: 1.4-1.55; }\n",[1952],{"type":42,"tag":1168,"props":1953,"children":1954},{"__ignoreMap":1165},[1955],{"type":42,"tag":1172,"props":1956,"children":1957},{"class":1174,"line":25},[1958,1963,1967,1971,1975,1980,1985,1990,1994],{"type":42,"tag":1172,"props":1959,"children":1960},{"style":1226},[1961],{"type":47,"value":1962},"body",{"type":42,"tag":1172,"props":1964,"children":1965},{"style":1184},[1966],{"type":47,"value":1463},{"type":42,"tag":1172,"props":1968,"children":1969},{"style":1466},[1970],{"type":47,"value":1829},{"type":42,"tag":1172,"props":1972,"children":1973},{"style":1184},[1974],{"type":47,"value":1474},{"type":42,"tag":1172,"props":1976,"children":1977},{"style":1477},[1978],{"type":47,"value":1979}," 1.4",{"type":42,"tag":1172,"props":1981,"children":1982},{"style":1178},[1983],{"type":47,"value":1984},"-1.",{"type":42,"tag":1172,"props":1986,"children":1987},{"style":1477},[1988],{"type":47,"value":1989},"55",{"type":42,"tag":1172,"props":1991,"children":1992},{"style":1184},[1993],{"type":47,"value":1485},{"type":42,"tag":1172,"props":1995,"children":1996},{"style":1184},[1997],{"type":47,"value":1490},{"type":42,"tag":50,"props":1999,"children":2000},{},[2001],{"type":47,"value":1382},{"type":42,"tag":1160,"props":2003,"children":2005},{"className":1162,"code":2004,"language":1164,"meta":1165,"style":1165},"h1 { line-height: 1.5; }\n",[2006],{"type":42,"tag":1168,"props":2007,"children":2008},{"__ignoreMap":1165},[2009],{"type":42,"tag":1172,"props":2010,"children":2011},{"class":1174,"line":25},[2012,2016,2020,2024,2028,2033,2037],{"type":42,"tag":1172,"props":2013,"children":2014},{"style":1226},[2015],{"type":47,"value":43},{"type":42,"tag":1172,"props":2017,"children":2018},{"style":1184},[2019],{"type":47,"value":1463},{"type":42,"tag":1172,"props":2021,"children":2022},{"style":1466},[2023],{"type":47,"value":1829},{"type":42,"tag":1172,"props":2025,"children":2026},{"style":1184},[2027],{"type":47,"value":1474},{"type":42,"tag":1172,"props":2029,"children":2030},{"style":1477},[2031],{"type":47,"value":2032}," 1.5",{"type":42,"tag":1172,"props":2034,"children":2035},{"style":1184},[2036],{"type":47,"value":1485},{"type":42,"tag":1172,"props":2038,"children":2039},{"style":1184},[2040],{"type":47,"value":1490},{"type":42,"tag":398,"props":2042,"children":2044},{"id":2043},"rule-4-use-weight-contrast-with-intention",[2045],{"type":47,"value":2046},"Rule 4: Use weight contrast with intention",{"type":42,"tag":50,"props":2048,"children":2049},{},[2050],{"type":47,"value":2051},"Most mediocre typography uses the wrong contrast:",{"type":42,"tag":103,"props":2053,"children":2054},{},[2055,2060,2065],{"type":42,"tag":107,"props":2056,"children":2057},{},[2058],{"type":47,"value":2059},"body too heavy",{"type":42,"tag":107,"props":2061,"children":2062},{},[2063],{"type":47,"value":2064},"headings too blunt",{"type":42,"tag":107,"props":2066,"children":2067},{},[2068],{"type":47,"value":2069},"everything crowded in the 400–700 range with no nuance",{"type":42,"tag":50,"props":2071,"children":2072},{},[2073],{"type":47,"value":2074},"Premium systems often use lighter body copy than expected and more disciplined display weights.",{"type":42,"tag":50,"props":2076,"children":2077},{},[2078],{"type":47,"value":609},{"type":42,"tag":1160,"props":2080,"children":2082},{"className":1162,"code":2081,"language":1164,"meta":1165,"style":1165},"h1, h2 {\n  font-family: var(--font-display);\n  font-weight: 500;\n}\n\nbody, p {\n  font-family: var(--font-body);\n  font-weight: 300;\n}\n",[2083],{"type":42,"tag":1168,"props":2084,"children":2085},{"__ignoreMap":1165},[2086,2107,2140,2161,2169,2176,2196,2224,2244],{"type":42,"tag":1172,"props":2087,"children":2088},{"class":1174,"line":25},[2089,2093,2097,2102],{"type":42,"tag":1172,"props":2090,"children":2091},{"style":1226},[2092],{"type":47,"value":43},{"type":42,"tag":1172,"props":2094,"children":2095},{"style":1184},[2096],{"type":47,"value":1187},{"type":42,"tag":1172,"props":2098,"children":2099},{"style":1226},[2100],{"type":47,"value":2101}," h2",{"type":42,"tag":1172,"props":2103,"children":2104},{"style":1184},[2105],{"type":47,"value":2106}," {\n",{"type":42,"tag":1172,"props":2108,"children":2109},{"class":1174,"line":1246},[2110,2115,2119,2125,2130,2135],{"type":42,"tag":1172,"props":2111,"children":2112},{"style":1466},[2113],{"type":47,"value":2114},"  font-family",{"type":42,"tag":1172,"props":2116,"children":2117},{"style":1184},[2118],{"type":47,"value":1474},{"type":42,"tag":1172,"props":2120,"children":2122},{"style":2121},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[2123],{"type":47,"value":2124}," var",{"type":42,"tag":1172,"props":2126,"children":2127},{"style":1184},[2128],{"type":47,"value":2129},"(",{"type":42,"tag":1172,"props":2131,"children":2132},{"style":1178},[2133],{"type":47,"value":2134},"--font-display",{"type":42,"tag":1172,"props":2136,"children":2137},{"style":1184},[2138],{"type":47,"value":2139},");\n",{"type":42,"tag":1172,"props":2141,"children":2142},{"class":1174,"line":1292},[2143,2148,2152,2157],{"type":42,"tag":1172,"props":2144,"children":2145},{"style":1466},[2146],{"type":47,"value":2147},"  font-weight",{"type":42,"tag":1172,"props":2149,"children":2150},{"style":1184},[2151],{"type":47,"value":1474},{"type":42,"tag":1172,"props":2153,"children":2154},{"style":1477},[2155],{"type":47,"value":2156}," 500",{"type":42,"tag":1172,"props":2158,"children":2159},{"style":1184},[2160],{"type":47,"value":1243},{"type":42,"tag":1172,"props":2162,"children":2163},{"class":1174,"line":1346},[2164],{"type":42,"tag":1172,"props":2165,"children":2166},{"style":1184},[2167],{"type":47,"value":2168},"}\n",{"type":42,"tag":1172,"props":2170,"children":2171},{"class":1174,"line":1590},[2172],{"type":42,"tag":1172,"props":2173,"children":2174},{"emptyLinePlaceholder":1594},[2175],{"type":47,"value":1597},{"type":42,"tag":1172,"props":2177,"children":2178},{"class":1174,"line":1600},[2179,2183,2187,2192],{"type":42,"tag":1172,"props":2180,"children":2181},{"style":1226},[2182],{"type":47,"value":1962},{"type":42,"tag":1172,"props":2184,"children":2185},{"style":1184},[2186],{"type":47,"value":1187},{"type":42,"tag":1172,"props":2188,"children":2189},{"style":1226},[2190],{"type":47,"value":2191}," p",{"type":42,"tag":1172,"props":2193,"children":2194},{"style":1184},[2195],{"type":47,"value":2106},{"type":42,"tag":1172,"props":2197,"children":2198},{"class":1174,"line":1634},[2199,2203,2207,2211,2215,2220],{"type":42,"tag":1172,"props":2200,"children":2201},{"style":1466},[2202],{"type":47,"value":2114},{"type":42,"tag":1172,"props":2204,"children":2205},{"style":1184},[2206],{"type":47,"value":1474},{"type":42,"tag":1172,"props":2208,"children":2209},{"style":2121},[2210],{"type":47,"value":2124},{"type":42,"tag":1172,"props":2212,"children":2213},{"style":1184},[2214],{"type":47,"value":2129},{"type":42,"tag":1172,"props":2216,"children":2217},{"style":1178},[2218],{"type":47,"value":2219},"--font-body",{"type":42,"tag":1172,"props":2221,"children":2222},{"style":1184},[2223],{"type":47,"value":2139},{"type":42,"tag":1172,"props":2225,"children":2226},{"class":1174,"line":1668},[2227,2231,2235,2240],{"type":42,"tag":1172,"props":2228,"children":2229},{"style":1466},[2230],{"type":47,"value":2147},{"type":42,"tag":1172,"props":2232,"children":2233},{"style":1184},[2234],{"type":47,"value":1474},{"type":42,"tag":1172,"props":2236,"children":2237},{"style":1477},[2238],{"type":47,"value":2239}," 300",{"type":42,"tag":1172,"props":2241,"children":2242},{"style":1184},[2243],{"type":47,"value":1243},{"type":42,"tag":1172,"props":2245,"children":2247},{"class":1174,"line":2246},9,[2248],{"type":42,"tag":1172,"props":2249,"children":2250},{"style":1184},[2251],{"type":47,"value":2168},{"type":42,"tag":50,"props":2253,"children":2254},{},[2255],{"type":47,"value":2256},"Variable fonts allow more exact control:",{"type":42,"tag":1160,"props":2258,"children":2260},{"className":1162,"code":2259,"language":1164,"meta":1165,"style":1165},"--wght-body: 320;\n--wght-button: 450;\n--wght-label: 480;\n--wght-display: 560;\n",[2261],{"type":42,"tag":1168,"props":2262,"children":2263},{"__ignoreMap":1165},[2264,2272,2280,2288],{"type":42,"tag":1172,"props":2265,"children":2266},{"class":1174,"line":25},[2267],{"type":42,"tag":1172,"props":2268,"children":2269},{"style":1178},[2270],{"type":47,"value":2271},"--wght-body: 320;\n",{"type":42,"tag":1172,"props":2273,"children":2274},{"class":1174,"line":1246},[2275],{"type":42,"tag":1172,"props":2276,"children":2277},{"style":1178},[2278],{"type":47,"value":2279},"--wght-button: 450;\n",{"type":42,"tag":1172,"props":2281,"children":2282},{"class":1174,"line":1292},[2283],{"type":42,"tag":1172,"props":2284,"children":2285},{"style":1178},[2286],{"type":47,"value":2287},"--wght-label: 480;\n",{"type":42,"tag":1172,"props":2289,"children":2290},{"class":1174,"line":1346},[2291],{"type":42,"tag":1172,"props":2292,"children":2293},{"style":1178},[2294],{"type":47,"value":2295},"--wght-display: 560;\n",{"type":42,"tag":50,"props":2297,"children":2298},{},[2299],{"type":47,"value":2300},"Use the axis if the font supports it.",{"type":42,"tag":398,"props":2302,"children":2304},{"id":2303},"rule-5-mono-is-for-structure-labels-and-signal",[2305],{"type":47,"value":2306},"Rule 5: Mono is for structure, labels, and signal",{"type":42,"tag":50,"props":2308,"children":2309},{},[2310],{"type":47,"value":2311},"Mono fonts are not just for code.\nThey are excellent for:",{"type":42,"tag":103,"props":2313,"children":2314},{},[2315,2320,2325,2330,2335,2340,2345],{"type":42,"tag":107,"props":2316,"children":2317},{},[2318],{"type":47,"value":2319},"section eyebrows",{"type":42,"tag":107,"props":2321,"children":2322},{},[2323],{"type":47,"value":2324},"status labels",{"type":42,"tag":107,"props":2326,"children":2327},{},[2328],{"type":47,"value":2329},"metadata",{"type":42,"tag":107,"props":2331,"children":2332},{},[2333],{"type":47,"value":2334},"chips",{"type":42,"tag":107,"props":2336,"children":2337},{},[2338],{"type":47,"value":2339},"timestamps",{"type":42,"tag":107,"props":2341,"children":2342},{},[2343],{"type":47,"value":2344},"technical framing",{"type":42,"tag":107,"props":2346,"children":2347},{},[2348],{"type":47,"value":2349},"subtle system voice",{"type":42,"tag":50,"props":2351,"children":2352},{},[2353],{"type":42,"tag":834,"props":2354,"children":2355},{},[2356],{"type":47,"value":2357},"Eyebrow pattern:",{"type":42,"tag":1160,"props":2359,"children":2361},{"className":1162,"code":2360,"language":1164,"meta":1165,"style":1165},".eyebrow {\n  font-family: var(--font-mono);\n  font-size: 11px;\n  font-weight: 400;\n  text-transform: uppercase;\n  letter-spacing: 0.14em;\n  color: var(--text-muted);\n}\n",[2362],{"type":42,"tag":1168,"props":2363,"children":2364},{"__ignoreMap":1165},[2365,2381,2409,2430,2450,2471,2492,2521],{"type":42,"tag":1172,"props":2366,"children":2367},{"class":1174,"line":25},[2368,2372,2377],{"type":42,"tag":1172,"props":2369,"children":2370},{"style":1184},[2371],{"type":47,"value":1802},{"type":42,"tag":1172,"props":2373,"children":2374},{"style":1226},[2375],{"type":47,"value":2376},"eyebrow",{"type":42,"tag":1172,"props":2378,"children":2379},{"style":1184},[2380],{"type":47,"value":2106},{"type":42,"tag":1172,"props":2382,"children":2383},{"class":1174,"line":1246},[2384,2388,2392,2396,2400,2405],{"type":42,"tag":1172,"props":2385,"children":2386},{"style":1466},[2387],{"type":47,"value":2114},{"type":42,"tag":1172,"props":2389,"children":2390},{"style":1184},[2391],{"type":47,"value":1474},{"type":42,"tag":1172,"props":2393,"children":2394},{"style":2121},[2395],{"type":47,"value":2124},{"type":42,"tag":1172,"props":2397,"children":2398},{"style":1184},[2399],{"type":47,"value":2129},{"type":42,"tag":1172,"props":2401,"children":2402},{"style":1178},[2403],{"type":47,"value":2404},"--font-mono",{"type":42,"tag":1172,"props":2406,"children":2407},{"style":1184},[2408],{"type":47,"value":2139},{"type":42,"tag":1172,"props":2410,"children":2411},{"class":1174,"line":1292},[2412,2417,2421,2426],{"type":42,"tag":1172,"props":2413,"children":2414},{"style":1466},[2415],{"type":47,"value":2416},"  font-size",{"type":42,"tag":1172,"props":2418,"children":2419},{"style":1184},[2420],{"type":47,"value":1474},{"type":42,"tag":1172,"props":2422,"children":2423},{"style":1477},[2424],{"type":47,"value":2425}," 11px",{"type":42,"tag":1172,"props":2427,"children":2428},{"style":1184},[2429],{"type":47,"value":1243},{"type":42,"tag":1172,"props":2431,"children":2432},{"class":1174,"line":1346},[2433,2437,2441,2446],{"type":42,"tag":1172,"props":2434,"children":2435},{"style":1466},[2436],{"type":47,"value":2147},{"type":42,"tag":1172,"props":2438,"children":2439},{"style":1184},[2440],{"type":47,"value":1474},{"type":42,"tag":1172,"props":2442,"children":2443},{"style":1477},[2444],{"type":47,"value":2445}," 400",{"type":42,"tag":1172,"props":2447,"children":2448},{"style":1184},[2449],{"type":47,"value":1243},{"type":42,"tag":1172,"props":2451,"children":2452},{"class":1174,"line":1590},[2453,2458,2462,2467],{"type":42,"tag":1172,"props":2454,"children":2455},{"style":1466},[2456],{"type":47,"value":2457},"  text-transform",{"type":42,"tag":1172,"props":2459,"children":2460},{"style":1184},[2461],{"type":47,"value":1474},{"type":42,"tag":1172,"props":2463,"children":2464},{"style":1178},[2465],{"type":47,"value":2466}," uppercase",{"type":42,"tag":1172,"props":2468,"children":2469},{"style":1184},[2470],{"type":47,"value":1243},{"type":42,"tag":1172,"props":2472,"children":2473},{"class":1174,"line":1600},[2474,2479,2483,2488],{"type":42,"tag":1172,"props":2475,"children":2476},{"style":1466},[2477],{"type":47,"value":2478},"  letter-spacing",{"type":42,"tag":1172,"props":2480,"children":2481},{"style":1184},[2482],{"type":47,"value":1474},{"type":42,"tag":1172,"props":2484,"children":2485},{"style":1477},[2486],{"type":47,"value":2487}," 0.14em",{"type":42,"tag":1172,"props":2489,"children":2490},{"style":1184},[2491],{"type":47,"value":1243},{"type":42,"tag":1172,"props":2493,"children":2494},{"class":1174,"line":1634},[2495,2500,2504,2508,2512,2517],{"type":42,"tag":1172,"props":2496,"children":2497},{"style":1466},[2498],{"type":47,"value":2499},"  color",{"type":42,"tag":1172,"props":2501,"children":2502},{"style":1184},[2503],{"type":47,"value":1474},{"type":42,"tag":1172,"props":2505,"children":2506},{"style":2121},[2507],{"type":47,"value":2124},{"type":42,"tag":1172,"props":2509,"children":2510},{"style":1184},[2511],{"type":47,"value":2129},{"type":42,"tag":1172,"props":2513,"children":2514},{"style":1178},[2515],{"type":47,"value":2516},"--text-muted",{"type":42,"tag":1172,"props":2518,"children":2519},{"style":1184},[2520],{"type":47,"value":2139},{"type":42,"tag":1172,"props":2522,"children":2523},{"class":1174,"line":1668},[2524],{"type":42,"tag":1172,"props":2525,"children":2526},{"style":1184},[2527],{"type":47,"value":2168},{"type":42,"tag":50,"props":2529,"children":2530},{},[2531],{"type":47,"value":2532},"Mono creates a useful contrast against smoother sans body copy.",{"type":42,"tag":50,"props":2534,"children":2535},{},[2536],{"type":47,"value":2537},"Anti-pattern:\nUsing mono everywhere until the whole design feels gimmicky or over-art-directed.",{"type":42,"tag":398,"props":2539,"children":2541},{"id":2540},"rule-6-a-serif-italic-accent-can-make-the-whole-page-feel-authored",[2542],{"type":47,"value":2543},"Rule 6: A serif italic accent can make the whole page feel authored",{"type":42,"tag":50,"props":2545,"children":2546},{},[2547],{"type":47,"value":2548},"A single serif interruption inside a sans system can add humanity, editorial quality, and intention.",{"type":42,"tag":50,"props":2550,"children":2551},{},[2552],{"type":47,"value":2553},"This works best when it is sparse.",{"type":42,"tag":50,"props":2555,"children":2556},{},[2557],{"type":47,"value":707},{"type":42,"tag":1160,"props":2559,"children":2563},{"className":2560,"code":2561,"language":2562,"meta":1165,"style":1165},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cp>\n  A notebook for the next era of\n  \u003Cem class=\"accent-italic\">intelligence\u003C\u002Fem>.\n\u003C\u002Fp>\n","html",[2564],{"type":42,"tag":1168,"props":2565,"children":2566},{"__ignoreMap":1165},[2567,2585,2593,2660],{"type":42,"tag":1172,"props":2568,"children":2569},{"class":1174,"line":25},[2570,2575,2580],{"type":42,"tag":1172,"props":2571,"children":2572},{"style":1184},[2573],{"type":47,"value":2574},"\u003C",{"type":42,"tag":1172,"props":2576,"children":2578},{"style":2577},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[2579],{"type":47,"value":50},{"type":42,"tag":1172,"props":2581,"children":2582},{"style":1184},[2583],{"type":47,"value":2584},">\n",{"type":42,"tag":1172,"props":2586,"children":2587},{"class":1174,"line":1246},[2588],{"type":42,"tag":1172,"props":2589,"children":2590},{"style":1178},[2591],{"type":47,"value":2592},"  A notebook for the next era of\n",{"type":42,"tag":1172,"props":2594,"children":2595},{"class":1174,"line":1292},[2596,2601,2606,2612,2617,2622,2628,2632,2637,2642,2647,2651,2655],{"type":42,"tag":1172,"props":2597,"children":2598},{"style":1184},[2599],{"type":47,"value":2600},"  \u003C",{"type":42,"tag":1172,"props":2602,"children":2603},{"style":2577},[2604],{"type":47,"value":2605},"em",{"type":42,"tag":1172,"props":2607,"children":2609},{"style":2608},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[2610],{"type":47,"value":2611}," class",{"type":42,"tag":1172,"props":2613,"children":2614},{"style":1184},[2615],{"type":47,"value":2616},"=",{"type":42,"tag":1172,"props":2618,"children":2619},{"style":1184},[2620],{"type":47,"value":2621},"\"",{"type":42,"tag":1172,"props":2623,"children":2625},{"style":2624},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[2626],{"type":47,"value":2627},"accent-italic",{"type":42,"tag":1172,"props":2629,"children":2630},{"style":1184},[2631],{"type":47,"value":2621},{"type":42,"tag":1172,"props":2633,"children":2634},{"style":1184},[2635],{"type":47,"value":2636},">",{"type":42,"tag":1172,"props":2638,"children":2639},{"style":1178},[2640],{"type":47,"value":2641},"intelligence",{"type":42,"tag":1172,"props":2643,"children":2644},{"style":1184},[2645],{"type":47,"value":2646},"\u003C\u002F",{"type":42,"tag":1172,"props":2648,"children":2649},{"style":2577},[2650],{"type":47,"value":2605},{"type":42,"tag":1172,"props":2652,"children":2653},{"style":1184},[2654],{"type":47,"value":2636},{"type":42,"tag":1172,"props":2656,"children":2657},{"style":1178},[2658],{"type":47,"value":2659},".\n",{"type":42,"tag":1172,"props":2661,"children":2662},{"class":1174,"line":1346},[2663,2667,2671],{"type":42,"tag":1172,"props":2664,"children":2665},{"style":1184},[2666],{"type":47,"value":2646},{"type":42,"tag":1172,"props":2668,"children":2669},{"style":2577},[2670],{"type":47,"value":50},{"type":42,"tag":1172,"props":2672,"children":2673},{"style":1184},[2674],{"type":47,"value":2584},{"type":42,"tag":1160,"props":2676,"children":2678},{"className":1162,"code":2677,"language":1164,"meta":1165,"style":1165},".accent-italic {\n  font-family: var(--font-serif-accent);\n  font-style: italic;\n  font-weight: 400;\n}\n",[2679],{"type":42,"tag":1168,"props":2680,"children":2681},{"__ignoreMap":1165},[2682,2697,2725,2746,2765],{"type":42,"tag":1172,"props":2683,"children":2684},{"class":1174,"line":25},[2685,2689,2693],{"type":42,"tag":1172,"props":2686,"children":2687},{"style":1184},[2688],{"type":47,"value":1802},{"type":42,"tag":1172,"props":2690,"children":2691},{"style":1226},[2692],{"type":47,"value":2627},{"type":42,"tag":1172,"props":2694,"children":2695},{"style":1184},[2696],{"type":47,"value":2106},{"type":42,"tag":1172,"props":2698,"children":2699},{"class":1174,"line":1246},[2700,2704,2708,2712,2716,2721],{"type":42,"tag":1172,"props":2701,"children":2702},{"style":1466},[2703],{"type":47,"value":2114},{"type":42,"tag":1172,"props":2705,"children":2706},{"style":1184},[2707],{"type":47,"value":1474},{"type":42,"tag":1172,"props":2709,"children":2710},{"style":2121},[2711],{"type":47,"value":2124},{"type":42,"tag":1172,"props":2713,"children":2714},{"style":1184},[2715],{"type":47,"value":2129},{"type":42,"tag":1172,"props":2717,"children":2718},{"style":1178},[2719],{"type":47,"value":2720},"--font-serif-accent",{"type":42,"tag":1172,"props":2722,"children":2723},{"style":1184},[2724],{"type":47,"value":2139},{"type":42,"tag":1172,"props":2726,"children":2727},{"class":1174,"line":1292},[2728,2733,2737,2742],{"type":42,"tag":1172,"props":2729,"children":2730},{"style":1466},[2731],{"type":47,"value":2732},"  font-style",{"type":42,"tag":1172,"props":2734,"children":2735},{"style":1184},[2736],{"type":47,"value":1474},{"type":42,"tag":1172,"props":2738,"children":2739},{"style":1178},[2740],{"type":47,"value":2741}," italic",{"type":42,"tag":1172,"props":2743,"children":2744},{"style":1184},[2745],{"type":47,"value":1243},{"type":42,"tag":1172,"props":2747,"children":2748},{"class":1174,"line":1346},[2749,2753,2757,2761],{"type":42,"tag":1172,"props":2750,"children":2751},{"style":1466},[2752],{"type":47,"value":2147},{"type":42,"tag":1172,"props":2754,"children":2755},{"style":1184},[2756],{"type":47,"value":1474},{"type":42,"tag":1172,"props":2758,"children":2759},{"style":1477},[2760],{"type":47,"value":2445},{"type":42,"tag":1172,"props":2762,"children":2763},{"style":1184},[2764],{"type":47,"value":1243},{"type":42,"tag":1172,"props":2766,"children":2767},{"class":1174,"line":1590},[2768],{"type":42,"tag":1172,"props":2769,"children":2770},{"style":1184},[2771],{"type":47,"value":2168},{"type":42,"tag":50,"props":2773,"children":2774},{},[2775],{"type":47,"value":2776},"Best use cases:",{"type":42,"tag":103,"props":2778,"children":2779},{},[2780,2785,2790,2795],{"type":42,"tag":107,"props":2781,"children":2782},{},[2783],{"type":47,"value":2784},"one word in a hero",{"type":42,"tag":107,"props":2786,"children":2787},{},[2788],{"type":47,"value":2789},"one phrase in a subheadline",{"type":42,"tag":107,"props":2791,"children":2792},{},[2793],{"type":47,"value":2794},"one editorial pull quote",{"type":42,"tag":107,"props":2796,"children":2797},{},[2798],{"type":47,"value":2799},"one short note of emotional contrast",{"type":42,"tag":50,"props":2801,"children":2802},{},[2803],{"type":47,"value":1754},{"type":42,"tag":103,"props":2805,"children":2806},{},[2807,2812,2817],{"type":42,"tag":107,"props":2808,"children":2809},{},[2810],{"type":47,"value":2811},"italicizing too many words",{"type":42,"tag":107,"props":2813,"children":2814},{},[2815],{"type":47,"value":2816},"using the body font’s default italic and expecting it to feel special",{"type":42,"tag":107,"props":2818,"children":2819},{},[2820],{"type":47,"value":2821},"turning the whole brand into serif theater",{"type":42,"tag":398,"props":2823,"children":2825},{"id":2824},"rule-7-use-opentype-features-when-the-font-deserves-it",[2826],{"type":47,"value":2827},"Rule 7: Use OpenType features when the font deserves it",{"type":42,"tag":50,"props":2829,"children":2830},{},[2831],{"type":47,"value":2832},"Many premium type systems feel richer because they use features most default UI work ignores.",{"type":42,"tag":50,"props":2834,"children":2835},{},[2836],{"type":47,"value":2837},"Useful details:",{"type":42,"tag":1160,"props":2839,"children":2841},{"className":1162,"code":2840,"language":1164,"meta":1165,"style":1165},"h1, h2 {\n  font-feature-settings: \"ss01\" on, \"cv11\" on;\n}\n\n.tabular {\n  font-variant-numeric: tabular-nums;\n}\n",[2842],{"type":42,"tag":1168,"props":2843,"children":2844},{"__ignoreMap":1165},[2845,2864,2920,2927,2934,2950,2971],{"type":42,"tag":1172,"props":2846,"children":2847},{"class":1174,"line":25},[2848,2852,2856,2860],{"type":42,"tag":1172,"props":2849,"children":2850},{"style":1226},[2851],{"type":47,"value":43},{"type":42,"tag":1172,"props":2853,"children":2854},{"style":1184},[2855],{"type":47,"value":1187},{"type":42,"tag":1172,"props":2857,"children":2858},{"style":1226},[2859],{"type":47,"value":2101},{"type":42,"tag":1172,"props":2861,"children":2862},{"style":1184},[2863],{"type":47,"value":2106},{"type":42,"tag":1172,"props":2865,"children":2866},{"class":1174,"line":1246},[2867,2872,2876,2881,2886,2890,2895,2899,2903,2908,2912,2916],{"type":42,"tag":1172,"props":2868,"children":2869},{"style":1466},[2870],{"type":47,"value":2871},"  font-feature-settings",{"type":42,"tag":1172,"props":2873,"children":2874},{"style":1184},[2875],{"type":47,"value":1474},{"type":42,"tag":1172,"props":2877,"children":2878},{"style":1184},[2879],{"type":47,"value":2880}," \"",{"type":42,"tag":1172,"props":2882,"children":2883},{"style":2624},[2884],{"type":47,"value":2885},"ss01",{"type":42,"tag":1172,"props":2887,"children":2888},{"style":1184},[2889],{"type":47,"value":2621},{"type":42,"tag":1172,"props":2891,"children":2892},{"style":1178},[2893],{"type":47,"value":2894}," on",{"type":42,"tag":1172,"props":2896,"children":2897},{"style":1184},[2898],{"type":47,"value":1187},{"type":42,"tag":1172,"props":2900,"children":2901},{"style":1184},[2902],{"type":47,"value":2880},{"type":42,"tag":1172,"props":2904,"children":2905},{"style":2624},[2906],{"type":47,"value":2907},"cv11",{"type":42,"tag":1172,"props":2909,"children":2910},{"style":1184},[2911],{"type":47,"value":2621},{"type":42,"tag":1172,"props":2913,"children":2914},{"style":1178},[2915],{"type":47,"value":2894},{"type":42,"tag":1172,"props":2917,"children":2918},{"style":1184},[2919],{"type":47,"value":1243},{"type":42,"tag":1172,"props":2921,"children":2922},{"class":1174,"line":1292},[2923],{"type":42,"tag":1172,"props":2924,"children":2925},{"style":1184},[2926],{"type":47,"value":2168},{"type":42,"tag":1172,"props":2928,"children":2929},{"class":1174,"line":1346},[2930],{"type":42,"tag":1172,"props":2931,"children":2932},{"emptyLinePlaceholder":1594},[2933],{"type":47,"value":1597},{"type":42,"tag":1172,"props":2935,"children":2936},{"class":1174,"line":1590},[2937,2941,2946],{"type":42,"tag":1172,"props":2938,"children":2939},{"style":1184},[2940],{"type":47,"value":1802},{"type":42,"tag":1172,"props":2942,"children":2943},{"style":1226},[2944],{"type":47,"value":2945},"tabular",{"type":42,"tag":1172,"props":2947,"children":2948},{"style":1184},[2949],{"type":47,"value":2106},{"type":42,"tag":1172,"props":2951,"children":2952},{"class":1174,"line":1600},[2953,2958,2962,2967],{"type":42,"tag":1172,"props":2954,"children":2955},{"style":1466},[2956],{"type":47,"value":2957},"  font-variant-numeric",{"type":42,"tag":1172,"props":2959,"children":2960},{"style":1184},[2961],{"type":47,"value":1474},{"type":42,"tag":1172,"props":2963,"children":2964},{"style":1178},[2965],{"type":47,"value":2966}," tabular-nums",{"type":42,"tag":1172,"props":2968,"children":2969},{"style":1184},[2970],{"type":47,"value":1243},{"type":42,"tag":1172,"props":2972,"children":2973},{"class":1174,"line":1634},[2974],{"type":42,"tag":1172,"props":2975,"children":2976},{"style":1184},[2977],{"type":47,"value":2168},{"type":42,"tag":50,"props":2979,"children":2980},{},[2981],{"type":47,"value":2982},"Examples from case studies include:",{"type":42,"tag":103,"props":2984,"children":2985},{},[2986,2991,2996,3001,3006],{"type":42,"tag":107,"props":2987,"children":2988},{},[2989],{"type":47,"value":2990},"stylistic sets",{"type":42,"tag":107,"props":2992,"children":2993},{},[2994],{"type":47,"value":2995},"alternate glyphs",{"type":42,"tag":107,"props":2997,"children":2998},{},[2999],{"type":47,"value":3000},"tabular numerics",{"type":42,"tag":107,"props":3002,"children":3003},{},[3004],{"type":47,"value":3005},"common ligatures",{"type":42,"tag":107,"props":3007,"children":3008},{},[3009],{"type":47,"value":3010},"variable weight axes",{"type":42,"tag":50,"props":3012,"children":3013},{},[3014],{"type":47,"value":3015},"These are not mandatory, but when available they can make the typography feel truly finished.",{"type":42,"tag":398,"props":3017,"children":3019},{"id":3018},"rule-8-fluid-typography-beats-abrupt-breakpoint-jumps",[3020],{"type":47,"value":3021},"Rule 8: Fluid typography beats abrupt breakpoint jumps",{"type":42,"tag":50,"props":3023,"children":3024},{},[3025],{"type":47,"value":3026},"Good display type often scales fluidly rather than snapping between arbitrary breakpoints.",{"type":42,"tag":50,"props":3028,"children":3029},{},[3030,3032,3038],{"type":47,"value":3031},"Use ",{"type":42,"tag":1168,"props":3033,"children":3035},{"className":3034},[],[3036],{"type":47,"value":3037},"clamp()",{"type":47,"value":3039}," for smoother interpolation.",{"type":42,"tag":50,"props":3041,"children":3042},{},[3043],{"type":47,"value":707},{"type":42,"tag":1160,"props":3045,"children":3047},{"className":1162,"code":3046,"language":1164,"meta":1165,"style":1165},"h1 {\n  font-size: clamp(2.625rem, 2rem + 3vw, 4.625rem);\n  line-height: 1;\n  letter-spacing: -0.03em;\n}\n",[3048],{"type":42,"tag":1168,"props":3049,"children":3050},{"__ignoreMap":1165},[3051,3062,3120,3140,3160],{"type":42,"tag":1172,"props":3052,"children":3053},{"class":1174,"line":25},[3054,3058],{"type":42,"tag":1172,"props":3055,"children":3056},{"style":1226},[3057],{"type":47,"value":43},{"type":42,"tag":1172,"props":3059,"children":3060},{"style":1184},[3061],{"type":47,"value":2106},{"type":42,"tag":1172,"props":3063,"children":3064},{"class":1174,"line":1246},[3065,3069,3073,3078,3082,3087,3091,3096,3102,3107,3111,3116],{"type":42,"tag":1172,"props":3066,"children":3067},{"style":1466},[3068],{"type":47,"value":2416},{"type":42,"tag":1172,"props":3070,"children":3071},{"style":1184},[3072],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3074,"children":3075},{"style":2121},[3076],{"type":47,"value":3077}," clamp",{"type":42,"tag":1172,"props":3079,"children":3080},{"style":1184},[3081],{"type":47,"value":2129},{"type":42,"tag":1172,"props":3083,"children":3084},{"style":1477},[3085],{"type":47,"value":3086},"2.625rem",{"type":42,"tag":1172,"props":3088,"children":3089},{"style":1184},[3090],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3092,"children":3093},{"style":1477},[3094],{"type":47,"value":3095}," 2rem",{"type":42,"tag":1172,"props":3097,"children":3099},{"style":3098},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[3100],{"type":47,"value":3101}," +",{"type":42,"tag":1172,"props":3103,"children":3104},{"style":1477},[3105],{"type":47,"value":3106}," 3vw",{"type":42,"tag":1172,"props":3108,"children":3109},{"style":1184},[3110],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3112,"children":3113},{"style":1477},[3114],{"type":47,"value":3115}," 4.625rem",{"type":42,"tag":1172,"props":3117,"children":3118},{"style":1184},[3119],{"type":47,"value":2139},{"type":42,"tag":1172,"props":3121,"children":3122},{"class":1174,"line":1292},[3123,3128,3132,3136],{"type":42,"tag":1172,"props":3124,"children":3125},{"style":1466},[3126],{"type":47,"value":3127},"  line-height",{"type":42,"tag":1172,"props":3129,"children":3130},{"style":1184},[3131],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3133,"children":3134},{"style":1477},[3135],{"type":47,"value":1838},{"type":42,"tag":1172,"props":3137,"children":3138},{"style":1184},[3139],{"type":47,"value":1243},{"type":42,"tag":1172,"props":3141,"children":3142},{"class":1174,"line":1346},[3143,3147,3151,3156],{"type":42,"tag":1172,"props":3144,"children":3145},{"style":1466},[3146],{"type":47,"value":2478},{"type":42,"tag":1172,"props":3148,"children":3149},{"style":1184},[3150],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3152,"children":3153},{"style":1477},[3154],{"type":47,"value":3155}," -0.03em",{"type":42,"tag":1172,"props":3157,"children":3158},{"style":1184},[3159],{"type":47,"value":1243},{"type":42,"tag":1172,"props":3161,"children":3162},{"class":1174,"line":1590},[3163],{"type":42,"tag":1172,"props":3164,"children":3165},{"style":1184},[3166],{"type":47,"value":2168},{"type":42,"tag":50,"props":3168,"children":3169},{},[3170],{"type":47,"value":3171},"This makes typography feel more natural across viewports and avoids awkward jumps.",{"type":42,"tag":81,"props":3173,"children":3175},{"id":3174},"complete-starter-type-system",[3176],{"type":47,"value":3177},"Complete starter type system",{"type":42,"tag":1160,"props":3179,"children":3181},{"className":1162,"code":3180,"language":1164,"meta":1165,"style":1165},":root {\n  --font-display: 'PP Neue Montreal', 'Söhne', 'Geist', system-ui, sans-serif;\n  --font-body: 'Inter', 'Geist', system-ui, -apple-system, sans-serif;\n  --font-serif-accent: 'PP Editorial New', 'Instrument Serif', 'Fraunces', serif;\n  --font-mono: 'Geist Mono', 'Fragment Mono', 'JetBrains Mono', ui-monospace, monospace;\n\n  --text-display: clamp(3rem, 2rem + 5vw, 5rem);         \u002F* 48 → 80px *\u002F\n  --text-h1: clamp(2.5rem, 1.75rem + 3.75vw, 4rem);      \u002F* 40 → 64px *\u002F\n  --text-h2: clamp(2rem, 1.5rem + 2.5vw, 3rem);          \u002F* 32 → 48px *\u002F\n  --text-h3: 1.75rem;                                     \u002F* 28px *\u002F\n  --text-h4: 1.375rem;                                    \u002F* 22px *\u002F\n  --text-body-lg: 1.125rem;                               \u002F* 18px *\u002F\n  --text-body: 1rem;                                      \u002F* 16px *\u002F\n  --text-body-sm: 0.9375rem;                              \u002F* 15px *\u002F\n  --text-micro: 0.6875rem;                                \u002F* 11px *\u002F\n\n  --wght-display: 520;\n  --wght-body: 320;\n  --wght-label: 430;\n}\n",[3182],{"type":42,"tag":1168,"props":3183,"children":3184},{"__ignoreMap":1165},[3185,3200,3281,3350,3422,3502,3509,3571,3632,3693,3719,3746,3773,3800,3827,3854,3862,3884,3906,3928],{"type":42,"tag":1172,"props":3186,"children":3187},{"class":1174,"line":25},[3188,3192,3196],{"type":42,"tag":1172,"props":3189,"children":3190},{"style":1184},[3191],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3193,"children":3194},{"style":2608},[3195],{"type":47,"value":39},{"type":42,"tag":1172,"props":3197,"children":3198},{"style":1184},[3199],{"type":47,"value":2106},{"type":42,"tag":1172,"props":3201,"children":3202},{"class":1174,"line":1246},[3203,3208,3212,3217,3222,3227,3231,3235,3240,3244,3248,3252,3257,3261,3265,3269,3273,3277],{"type":42,"tag":1172,"props":3204,"children":3205},{"style":1178},[3206],{"type":47,"value":3207},"  --font-display",{"type":42,"tag":1172,"props":3209,"children":3210},{"style":1184},[3211],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3213,"children":3214},{"style":1184},[3215],{"type":47,"value":3216}," '",{"type":42,"tag":1172,"props":3218,"children":3219},{"style":2624},[3220],{"type":47,"value":3221},"PP Neue Montreal",{"type":42,"tag":1172,"props":3223,"children":3224},{"style":1184},[3225],{"type":47,"value":3226},"'",{"type":42,"tag":1172,"props":3228,"children":3229},{"style":1184},[3230],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3232,"children":3233},{"style":1184},[3234],{"type":47,"value":3216},{"type":42,"tag":1172,"props":3236,"children":3237},{"style":2624},[3238],{"type":47,"value":3239},"Söhne",{"type":42,"tag":1172,"props":3241,"children":3242},{"style":1184},[3243],{"type":47,"value":3226},{"type":42,"tag":1172,"props":3245,"children":3246},{"style":1184},[3247],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3249,"children":3250},{"style":1184},[3251],{"type":47,"value":3216},{"type":42,"tag":1172,"props":3253,"children":3254},{"style":2624},[3255],{"type":47,"value":3256},"Geist",{"type":42,"tag":1172,"props":3258,"children":3259},{"style":1184},[3260],{"type":47,"value":3226},{"type":42,"tag":1172,"props":3262,"children":3263},{"style":1184},[3264],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3266,"children":3267},{"style":1178},[3268],{"type":47,"value":1229},{"type":42,"tag":1172,"props":3270,"children":3271},{"style":1184},[3272],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3274,"children":3275},{"style":1178},[3276],{"type":47,"value":1238},{"type":42,"tag":1172,"props":3278,"children":3279},{"style":1184},[3280],{"type":47,"value":1243},{"type":42,"tag":1172,"props":3282,"children":3283},{"class":1174,"line":1292},[3284,3289,3293,3297,3302,3306,3310,3314,3318,3322,3326,3330,3334,3338,3342,3346],{"type":42,"tag":1172,"props":3285,"children":3286},{"style":1178},[3287],{"type":47,"value":3288},"  --font-body",{"type":42,"tag":1172,"props":3290,"children":3291},{"style":1184},[3292],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3294,"children":3295},{"style":1184},[3296],{"type":47,"value":3216},{"type":42,"tag":1172,"props":3298,"children":3299},{"style":2624},[3300],{"type":47,"value":3301},"Inter",{"type":42,"tag":1172,"props":3303,"children":3304},{"style":1184},[3305],{"type":47,"value":3226},{"type":42,"tag":1172,"props":3307,"children":3308},{"style":1184},[3309],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3311,"children":3312},{"style":1184},[3313],{"type":47,"value":3216},{"type":42,"tag":1172,"props":3315,"children":3316},{"style":2624},[3317],{"type":47,"value":3256},{"type":42,"tag":1172,"props":3319,"children":3320},{"style":1184},[3321],{"type":47,"value":3226},{"type":42,"tag":1172,"props":3323,"children":3324},{"style":1184},[3325],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3327,"children":3328},{"style":1178},[3329],{"type":47,"value":1229},{"type":42,"tag":1172,"props":3331,"children":3332},{"style":1184},[3333],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3335,"children":3336},{"style":1178},[3337],{"type":47,"value":1277},{"type":42,"tag":1172,"props":3339,"children":3340},{"style":1184},[3341],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3343,"children":3344},{"style":1178},[3345],{"type":47,"value":1238},{"type":42,"tag":1172,"props":3347,"children":3348},{"style":1184},[3349],{"type":47,"value":1243},{"type":42,"tag":1172,"props":3351,"children":3352},{"class":1174,"line":1346},[3353,3358,3362,3366,3371,3375,3379,3383,3388,3392,3396,3400,3405,3409,3413,3418],{"type":42,"tag":1172,"props":3354,"children":3355},{"style":1178},[3356],{"type":47,"value":3357},"  --font-serif-accent",{"type":42,"tag":1172,"props":3359,"children":3360},{"style":1184},[3361],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3363,"children":3364},{"style":1184},[3365],{"type":47,"value":3216},{"type":42,"tag":1172,"props":3367,"children":3368},{"style":2624},[3369],{"type":47,"value":3370},"PP Editorial New",{"type":42,"tag":1172,"props":3372,"children":3373},{"style":1184},[3374],{"type":47,"value":3226},{"type":42,"tag":1172,"props":3376,"children":3377},{"style":1184},[3378],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3380,"children":3381},{"style":1184},[3382],{"type":47,"value":3216},{"type":42,"tag":1172,"props":3384,"children":3385},{"style":2624},[3386],{"type":47,"value":3387},"Instrument Serif",{"type":42,"tag":1172,"props":3389,"children":3390},{"style":1184},[3391],{"type":47,"value":3226},{"type":42,"tag":1172,"props":3393,"children":3394},{"style":1184},[3395],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3397,"children":3398},{"style":1184},[3399],{"type":47,"value":3216},{"type":42,"tag":1172,"props":3401,"children":3402},{"style":2624},[3403],{"type":47,"value":3404},"Fraunces",{"type":42,"tag":1172,"props":3406,"children":3407},{"style":1184},[3408],{"type":47,"value":3226},{"type":42,"tag":1172,"props":3410,"children":3411},{"style":1184},[3412],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3414,"children":3415},{"style":1178},[3416],{"type":47,"value":3417}," serif",{"type":42,"tag":1172,"props":3419,"children":3420},{"style":1184},[3421],{"type":47,"value":1243},{"type":42,"tag":1172,"props":3423,"children":3424},{"class":1174,"line":1590},[3425,3430,3434,3438,3443,3447,3451,3455,3460,3464,3468,3472,3477,3481,3485,3489,3493,3498],{"type":42,"tag":1172,"props":3426,"children":3427},{"style":1178},[3428],{"type":47,"value":3429},"  --font-mono",{"type":42,"tag":1172,"props":3431,"children":3432},{"style":1184},[3433],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3435,"children":3436},{"style":1184},[3437],{"type":47,"value":3216},{"type":42,"tag":1172,"props":3439,"children":3440},{"style":2624},[3441],{"type":47,"value":3442},"Geist Mono",{"type":42,"tag":1172,"props":3444,"children":3445},{"style":1184},[3446],{"type":47,"value":3226},{"type":42,"tag":1172,"props":3448,"children":3449},{"style":1184},[3450],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3452,"children":3453},{"style":1184},[3454],{"type":47,"value":3216},{"type":42,"tag":1172,"props":3456,"children":3457},{"style":2624},[3458],{"type":47,"value":3459},"Fragment Mono",{"type":42,"tag":1172,"props":3461,"children":3462},{"style":1184},[3463],{"type":47,"value":3226},{"type":42,"tag":1172,"props":3465,"children":3466},{"style":1184},[3467],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3469,"children":3470},{"style":1184},[3471],{"type":47,"value":3216},{"type":42,"tag":1172,"props":3473,"children":3474},{"style":2624},[3475],{"type":47,"value":3476},"JetBrains Mono",{"type":42,"tag":1172,"props":3478,"children":3479},{"style":1184},[3480],{"type":47,"value":3226},{"type":42,"tag":1172,"props":3482,"children":3483},{"style":1184},[3484],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3486,"children":3487},{"style":1178},[3488],{"type":47,"value":1334},{"type":42,"tag":1172,"props":3490,"children":3491},{"style":1184},[3492],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3494,"children":3495},{"style":1178},[3496],{"type":47,"value":3497}," monospace",{"type":42,"tag":1172,"props":3499,"children":3500},{"style":1184},[3501],{"type":47,"value":1243},{"type":42,"tag":1172,"props":3503,"children":3504},{"class":1174,"line":1600},[3505],{"type":42,"tag":1172,"props":3506,"children":3507},{"emptyLinePlaceholder":1594},[3508],{"type":47,"value":1597},{"type":42,"tag":1172,"props":3510,"children":3511},{"class":1174,"line":1634},[3512,3517,3521,3525,3529,3534,3538,3542,3546,3551,3555,3560,3565],{"type":42,"tag":1172,"props":3513,"children":3514},{"style":1178},[3515],{"type":47,"value":3516},"  --text-display",{"type":42,"tag":1172,"props":3518,"children":3519},{"style":1184},[3520],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3522,"children":3523},{"style":2121},[3524],{"type":47,"value":3077},{"type":42,"tag":1172,"props":3526,"children":3527},{"style":1184},[3528],{"type":47,"value":2129},{"type":42,"tag":1172,"props":3530,"children":3531},{"style":1477},[3532],{"type":47,"value":3533},"3rem",{"type":42,"tag":1172,"props":3535,"children":3536},{"style":1184},[3537],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3539,"children":3540},{"style":1477},[3541],{"type":47,"value":3095},{"type":42,"tag":1172,"props":3543,"children":3544},{"style":3098},[3545],{"type":47,"value":3101},{"type":42,"tag":1172,"props":3547,"children":3548},{"style":1477},[3549],{"type":47,"value":3550}," 5vw",{"type":42,"tag":1172,"props":3552,"children":3553},{"style":1184},[3554],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3556,"children":3557},{"style":1477},[3558],{"type":47,"value":3559}," 5rem",{"type":42,"tag":1172,"props":3561,"children":3562},{"style":1184},[3563],{"type":47,"value":3564},");",{"type":42,"tag":1172,"props":3566,"children":3568},{"style":3567},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[3569],{"type":47,"value":3570},"         \u002F* 48 → 80px *\u002F\n",{"type":42,"tag":1172,"props":3572,"children":3573},{"class":1174,"line":1668},[3574,3579,3583,3587,3591,3596,3600,3605,3609,3614,3618,3623,3627],{"type":42,"tag":1172,"props":3575,"children":3576},{"style":1178},[3577],{"type":47,"value":3578},"  --text-h1",{"type":42,"tag":1172,"props":3580,"children":3581},{"style":1184},[3582],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3584,"children":3585},{"style":2121},[3586],{"type":47,"value":3077},{"type":42,"tag":1172,"props":3588,"children":3589},{"style":1184},[3590],{"type":47,"value":2129},{"type":42,"tag":1172,"props":3592,"children":3593},{"style":1477},[3594],{"type":47,"value":3595},"2.5rem",{"type":42,"tag":1172,"props":3597,"children":3598},{"style":1184},[3599],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3601,"children":3602},{"style":1477},[3603],{"type":47,"value":3604}," 1.75rem",{"type":42,"tag":1172,"props":3606,"children":3607},{"style":3098},[3608],{"type":47,"value":3101},{"type":42,"tag":1172,"props":3610,"children":3611},{"style":1477},[3612],{"type":47,"value":3613}," 3.75vw",{"type":42,"tag":1172,"props":3615,"children":3616},{"style":1184},[3617],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3619,"children":3620},{"style":1477},[3621],{"type":47,"value":3622}," 4rem",{"type":42,"tag":1172,"props":3624,"children":3625},{"style":1184},[3626],{"type":47,"value":3564},{"type":42,"tag":1172,"props":3628,"children":3629},{"style":3567},[3630],{"type":47,"value":3631},"      \u002F* 40 → 64px *\u002F\n",{"type":42,"tag":1172,"props":3633,"children":3634},{"class":1174,"line":2246},[3635,3640,3644,3648,3652,3657,3661,3666,3670,3675,3679,3684,3688],{"type":42,"tag":1172,"props":3636,"children":3637},{"style":1178},[3638],{"type":47,"value":3639},"  --text-h2",{"type":42,"tag":1172,"props":3641,"children":3642},{"style":1184},[3643],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3645,"children":3646},{"style":2121},[3647],{"type":47,"value":3077},{"type":42,"tag":1172,"props":3649,"children":3650},{"style":1184},[3651],{"type":47,"value":2129},{"type":42,"tag":1172,"props":3653,"children":3654},{"style":1477},[3655],{"type":47,"value":3656},"2rem",{"type":42,"tag":1172,"props":3658,"children":3659},{"style":1184},[3660],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3662,"children":3663},{"style":1477},[3664],{"type":47,"value":3665}," 1.5rem",{"type":42,"tag":1172,"props":3667,"children":3668},{"style":3098},[3669],{"type":47,"value":3101},{"type":42,"tag":1172,"props":3671,"children":3672},{"style":1477},[3673],{"type":47,"value":3674}," 2.5vw",{"type":42,"tag":1172,"props":3676,"children":3677},{"style":1184},[3678],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3680,"children":3681},{"style":1477},[3682],{"type":47,"value":3683}," 3rem",{"type":42,"tag":1172,"props":3685,"children":3686},{"style":1184},[3687],{"type":47,"value":3564},{"type":42,"tag":1172,"props":3689,"children":3690},{"style":3567},[3691],{"type":47,"value":3692},"          \u002F* 32 → 48px *\u002F\n",{"type":42,"tag":1172,"props":3694,"children":3696},{"class":1174,"line":3695},10,[3697,3702,3706,3710,3714],{"type":42,"tag":1172,"props":3698,"children":3699},{"style":1178},[3700],{"type":47,"value":3701},"  --text-h3",{"type":42,"tag":1172,"props":3703,"children":3704},{"style":1184},[3705],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3707,"children":3708},{"style":1477},[3709],{"type":47,"value":3604},{"type":42,"tag":1172,"props":3711,"children":3712},{"style":1184},[3713],{"type":47,"value":1485},{"type":42,"tag":1172,"props":3715,"children":3716},{"style":3567},[3717],{"type":47,"value":3718},"                                     \u002F* 28px *\u002F\n",{"type":42,"tag":1172,"props":3720,"children":3722},{"class":1174,"line":3721},11,[3723,3728,3732,3737,3741],{"type":42,"tag":1172,"props":3724,"children":3725},{"style":1178},[3726],{"type":47,"value":3727},"  --text-h4",{"type":42,"tag":1172,"props":3729,"children":3730},{"style":1184},[3731],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3733,"children":3734},{"style":1477},[3735],{"type":47,"value":3736}," 1.375rem",{"type":42,"tag":1172,"props":3738,"children":3739},{"style":1184},[3740],{"type":47,"value":1485},{"type":42,"tag":1172,"props":3742,"children":3743},{"style":3567},[3744],{"type":47,"value":3745},"                                    \u002F* 22px *\u002F\n",{"type":42,"tag":1172,"props":3747,"children":3749},{"class":1174,"line":3748},12,[3750,3755,3759,3764,3768],{"type":42,"tag":1172,"props":3751,"children":3752},{"style":1178},[3753],{"type":47,"value":3754},"  --text-body-lg",{"type":42,"tag":1172,"props":3756,"children":3757},{"style":1184},[3758],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3760,"children":3761},{"style":1477},[3762],{"type":47,"value":3763}," 1.125rem",{"type":42,"tag":1172,"props":3765,"children":3766},{"style":1184},[3767],{"type":47,"value":1485},{"type":42,"tag":1172,"props":3769,"children":3770},{"style":3567},[3771],{"type":47,"value":3772},"                               \u002F* 18px *\u002F\n",{"type":42,"tag":1172,"props":3774,"children":3776},{"class":1174,"line":3775},13,[3777,3782,3786,3791,3795],{"type":42,"tag":1172,"props":3778,"children":3779},{"style":1178},[3780],{"type":47,"value":3781},"  --text-body",{"type":42,"tag":1172,"props":3783,"children":3784},{"style":1184},[3785],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3787,"children":3788},{"style":1477},[3789],{"type":47,"value":3790}," 1rem",{"type":42,"tag":1172,"props":3792,"children":3793},{"style":1184},[3794],{"type":47,"value":1485},{"type":42,"tag":1172,"props":3796,"children":3797},{"style":3567},[3798],{"type":47,"value":3799},"                                      \u002F* 16px *\u002F\n",{"type":42,"tag":1172,"props":3801,"children":3803},{"class":1174,"line":3802},14,[3804,3809,3813,3818,3822],{"type":42,"tag":1172,"props":3805,"children":3806},{"style":1178},[3807],{"type":47,"value":3808},"  --text-body-sm",{"type":42,"tag":1172,"props":3810,"children":3811},{"style":1184},[3812],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3814,"children":3815},{"style":1477},[3816],{"type":47,"value":3817}," 0.9375rem",{"type":42,"tag":1172,"props":3819,"children":3820},{"style":1184},[3821],{"type":47,"value":1485},{"type":42,"tag":1172,"props":3823,"children":3824},{"style":3567},[3825],{"type":47,"value":3826},"                              \u002F* 15px *\u002F\n",{"type":42,"tag":1172,"props":3828,"children":3830},{"class":1174,"line":3829},15,[3831,3836,3840,3845,3849],{"type":42,"tag":1172,"props":3832,"children":3833},{"style":1178},[3834],{"type":47,"value":3835},"  --text-micro",{"type":42,"tag":1172,"props":3837,"children":3838},{"style":1184},[3839],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3841,"children":3842},{"style":1477},[3843],{"type":47,"value":3844}," 0.6875rem",{"type":42,"tag":1172,"props":3846,"children":3847},{"style":1184},[3848],{"type":47,"value":1485},{"type":42,"tag":1172,"props":3850,"children":3851},{"style":3567},[3852],{"type":47,"value":3853},"                                \u002F* 11px *\u002F\n",{"type":42,"tag":1172,"props":3855,"children":3857},{"class":1174,"line":3856},16,[3858],{"type":42,"tag":1172,"props":3859,"children":3860},{"emptyLinePlaceholder":1594},[3861],{"type":47,"value":1597},{"type":42,"tag":1172,"props":3863,"children":3865},{"class":1174,"line":3864},17,[3866,3871,3875,3880],{"type":42,"tag":1172,"props":3867,"children":3868},{"style":1178},[3869],{"type":47,"value":3870},"  --wght-display",{"type":42,"tag":1172,"props":3872,"children":3873},{"style":1184},[3874],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3876,"children":3877},{"style":1477},[3878],{"type":47,"value":3879}," 520",{"type":42,"tag":1172,"props":3881,"children":3882},{"style":1184},[3883],{"type":47,"value":1243},{"type":42,"tag":1172,"props":3885,"children":3887},{"class":1174,"line":3886},18,[3888,3893,3897,3902],{"type":42,"tag":1172,"props":3889,"children":3890},{"style":1178},[3891],{"type":47,"value":3892},"  --wght-body",{"type":42,"tag":1172,"props":3894,"children":3895},{"style":1184},[3896],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3898,"children":3899},{"style":1477},[3900],{"type":47,"value":3901}," 320",{"type":42,"tag":1172,"props":3903,"children":3904},{"style":1184},[3905],{"type":47,"value":1243},{"type":42,"tag":1172,"props":3907,"children":3909},{"class":1174,"line":3908},19,[3910,3915,3919,3924],{"type":42,"tag":1172,"props":3911,"children":3912},{"style":1178},[3913],{"type":47,"value":3914},"  --wght-label",{"type":42,"tag":1172,"props":3916,"children":3917},{"style":1184},[3918],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3920,"children":3921},{"style":1477},[3922],{"type":47,"value":3923}," 430",{"type":42,"tag":1172,"props":3925,"children":3926},{"style":1184},[3927],{"type":47,"value":1243},{"type":42,"tag":1172,"props":3929,"children":3931},{"class":1174,"line":3930},20,[3932],{"type":42,"tag":1172,"props":3933,"children":3934},{"style":1184},[3935],{"type":47,"value":2168},{"type":42,"tag":1160,"props":3937,"children":3939},{"className":1162,"code":3938,"language":1164,"meta":1165,"style":1165},"h1, .display {\n  font-family: var(--font-display);\n  font-size: var(--text-display);\n  font-weight: var(--wght-display);\n  line-height: 1;\n  letter-spacing: -0.035em;\n  font-feature-settings: \"ss01\" on, \"cv11\" on;\n}\n\nh2 {\n  font-family: var(--font-display);\n  font-size: var(--text-h2);\n  font-weight: var(--wght-display);\n  line-height: 1.04;\n  letter-spacing: -0.03em;\n}\n\nh3 {\n  font-family: var(--font-display);\n  font-size: var(--text-h3);\n  font-weight: 500;\n  line-height: 1.1;\n  letter-spacing: -0.02em;\n}\n\nbody, p {\n  font-family: var(--font-body);\n  font-size: var(--text-body);\n  font-weight: var(--wght-body);\n  line-height: 1.5;\n  letter-spacing: -0.01em;\n}\n\n.eyebrow {\n  font-family: var(--font-mono);\n  font-size: var(--text-micro);\n  font-weight: 400;\n  text-transform: uppercase;\n  letter-spacing: 0.14em;\n  color: var(--text-muted);\n}\n\n.accent-italic {\n  font-family: var(--font-serif-accent);\n  font-style: italic;\n  font-weight: 400;\n}\n\n.tabular {\n  font-variant-numeric: tabular-nums;\n}\n",[3940],{"type":42,"tag":1168,"props":3941,"children":3942},{"__ignoreMap":1165},[3943,3968,3995,4023,4051,4070,4090,4141,4148,4155,4166,4193,4221,4248,4267,4286,4293,4300,4311,4338,4366,4386,4406,4426,4434,4442,4462,4490,4519,4548,4568,4589,4597,4605,4621,4649,4678,4698,4718,4738,4766,4774,4782,4798,4826,4846,4866,4874,4882,4898,4918],{"type":42,"tag":1172,"props":3944,"children":3945},{"class":1174,"line":25},[3946,3950,3954,3959,3964],{"type":42,"tag":1172,"props":3947,"children":3948},{"style":1226},[3949],{"type":47,"value":43},{"type":42,"tag":1172,"props":3951,"children":3952},{"style":1184},[3953],{"type":47,"value":1187},{"type":42,"tag":1172,"props":3955,"children":3956},{"style":1184},[3957],{"type":47,"value":3958}," .",{"type":42,"tag":1172,"props":3960,"children":3961},{"style":1226},[3962],{"type":47,"value":3963},"display",{"type":42,"tag":1172,"props":3965,"children":3966},{"style":1184},[3967],{"type":47,"value":2106},{"type":42,"tag":1172,"props":3969,"children":3970},{"class":1174,"line":1246},[3971,3975,3979,3983,3987,3991],{"type":42,"tag":1172,"props":3972,"children":3973},{"style":1466},[3974],{"type":47,"value":2114},{"type":42,"tag":1172,"props":3976,"children":3977},{"style":1184},[3978],{"type":47,"value":1474},{"type":42,"tag":1172,"props":3980,"children":3981},{"style":2121},[3982],{"type":47,"value":2124},{"type":42,"tag":1172,"props":3984,"children":3985},{"style":1184},[3986],{"type":47,"value":2129},{"type":42,"tag":1172,"props":3988,"children":3989},{"style":1178},[3990],{"type":47,"value":2134},{"type":42,"tag":1172,"props":3992,"children":3993},{"style":1184},[3994],{"type":47,"value":2139},{"type":42,"tag":1172,"props":3996,"children":3997},{"class":1174,"line":1292},[3998,4002,4006,4010,4014,4019],{"type":42,"tag":1172,"props":3999,"children":4000},{"style":1466},[4001],{"type":47,"value":2416},{"type":42,"tag":1172,"props":4003,"children":4004},{"style":1184},[4005],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4007,"children":4008},{"style":2121},[4009],{"type":47,"value":2124},{"type":42,"tag":1172,"props":4011,"children":4012},{"style":1184},[4013],{"type":47,"value":2129},{"type":42,"tag":1172,"props":4015,"children":4016},{"style":1178},[4017],{"type":47,"value":4018},"--text-display",{"type":42,"tag":1172,"props":4020,"children":4021},{"style":1184},[4022],{"type":47,"value":2139},{"type":42,"tag":1172,"props":4024,"children":4025},{"class":1174,"line":1346},[4026,4030,4034,4038,4042,4047],{"type":42,"tag":1172,"props":4027,"children":4028},{"style":1466},[4029],{"type":47,"value":2147},{"type":42,"tag":1172,"props":4031,"children":4032},{"style":1184},[4033],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4035,"children":4036},{"style":2121},[4037],{"type":47,"value":2124},{"type":42,"tag":1172,"props":4039,"children":4040},{"style":1184},[4041],{"type":47,"value":2129},{"type":42,"tag":1172,"props":4043,"children":4044},{"style":1178},[4045],{"type":47,"value":4046},"--wght-display",{"type":42,"tag":1172,"props":4048,"children":4049},{"style":1184},[4050],{"type":47,"value":2139},{"type":42,"tag":1172,"props":4052,"children":4053},{"class":1174,"line":1590},[4054,4058,4062,4066],{"type":42,"tag":1172,"props":4055,"children":4056},{"style":1466},[4057],{"type":47,"value":3127},{"type":42,"tag":1172,"props":4059,"children":4060},{"style":1184},[4061],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4063,"children":4064},{"style":1477},[4065],{"type":47,"value":1838},{"type":42,"tag":1172,"props":4067,"children":4068},{"style":1184},[4069],{"type":47,"value":1243},{"type":42,"tag":1172,"props":4071,"children":4072},{"class":1174,"line":1600},[4073,4077,4081,4086],{"type":42,"tag":1172,"props":4074,"children":4075},{"style":1466},[4076],{"type":47,"value":2478},{"type":42,"tag":1172,"props":4078,"children":4079},{"style":1184},[4080],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4082,"children":4083},{"style":1477},[4084],{"type":47,"value":4085}," -0.035em",{"type":42,"tag":1172,"props":4087,"children":4088},{"style":1184},[4089],{"type":47,"value":1243},{"type":42,"tag":1172,"props":4091,"children":4092},{"class":1174,"line":1634},[4093,4097,4101,4105,4109,4113,4117,4121,4125,4129,4133,4137],{"type":42,"tag":1172,"props":4094,"children":4095},{"style":1466},[4096],{"type":47,"value":2871},{"type":42,"tag":1172,"props":4098,"children":4099},{"style":1184},[4100],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4102,"children":4103},{"style":1184},[4104],{"type":47,"value":2880},{"type":42,"tag":1172,"props":4106,"children":4107},{"style":2624},[4108],{"type":47,"value":2885},{"type":42,"tag":1172,"props":4110,"children":4111},{"style":1184},[4112],{"type":47,"value":2621},{"type":42,"tag":1172,"props":4114,"children":4115},{"style":1178},[4116],{"type":47,"value":2894},{"type":42,"tag":1172,"props":4118,"children":4119},{"style":1184},[4120],{"type":47,"value":1187},{"type":42,"tag":1172,"props":4122,"children":4123},{"style":1184},[4124],{"type":47,"value":2880},{"type":42,"tag":1172,"props":4126,"children":4127},{"style":2624},[4128],{"type":47,"value":2907},{"type":42,"tag":1172,"props":4130,"children":4131},{"style":1184},[4132],{"type":47,"value":2621},{"type":42,"tag":1172,"props":4134,"children":4135},{"style":1178},[4136],{"type":47,"value":2894},{"type":42,"tag":1172,"props":4138,"children":4139},{"style":1184},[4140],{"type":47,"value":1243},{"type":42,"tag":1172,"props":4142,"children":4143},{"class":1174,"line":1668},[4144],{"type":42,"tag":1172,"props":4145,"children":4146},{"style":1184},[4147],{"type":47,"value":2168},{"type":42,"tag":1172,"props":4149,"children":4150},{"class":1174,"line":2246},[4151],{"type":42,"tag":1172,"props":4152,"children":4153},{"emptyLinePlaceholder":1594},[4154],{"type":47,"value":1597},{"type":42,"tag":1172,"props":4156,"children":4157},{"class":1174,"line":3695},[4158,4162],{"type":42,"tag":1172,"props":4159,"children":4160},{"style":1226},[4161],{"type":47,"value":81},{"type":42,"tag":1172,"props":4163,"children":4164},{"style":1184},[4165],{"type":47,"value":2106},{"type":42,"tag":1172,"props":4167,"children":4168},{"class":1174,"line":3721},[4169,4173,4177,4181,4185,4189],{"type":42,"tag":1172,"props":4170,"children":4171},{"style":1466},[4172],{"type":47,"value":2114},{"type":42,"tag":1172,"props":4174,"children":4175},{"style":1184},[4176],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4178,"children":4179},{"style":2121},[4180],{"type":47,"value":2124},{"type":42,"tag":1172,"props":4182,"children":4183},{"style":1184},[4184],{"type":47,"value":2129},{"type":42,"tag":1172,"props":4186,"children":4187},{"style":1178},[4188],{"type":47,"value":2134},{"type":42,"tag":1172,"props":4190,"children":4191},{"style":1184},[4192],{"type":47,"value":2139},{"type":42,"tag":1172,"props":4194,"children":4195},{"class":1174,"line":3748},[4196,4200,4204,4208,4212,4217],{"type":42,"tag":1172,"props":4197,"children":4198},{"style":1466},[4199],{"type":47,"value":2416},{"type":42,"tag":1172,"props":4201,"children":4202},{"style":1184},[4203],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4205,"children":4206},{"style":2121},[4207],{"type":47,"value":2124},{"type":42,"tag":1172,"props":4209,"children":4210},{"style":1184},[4211],{"type":47,"value":2129},{"type":42,"tag":1172,"props":4213,"children":4214},{"style":1178},[4215],{"type":47,"value":4216},"--text-h2",{"type":42,"tag":1172,"props":4218,"children":4219},{"style":1184},[4220],{"type":47,"value":2139},{"type":42,"tag":1172,"props":4222,"children":4223},{"class":1174,"line":3775},[4224,4228,4232,4236,4240,4244],{"type":42,"tag":1172,"props":4225,"children":4226},{"style":1466},[4227],{"type":47,"value":2147},{"type":42,"tag":1172,"props":4229,"children":4230},{"style":1184},[4231],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4233,"children":4234},{"style":2121},[4235],{"type":47,"value":2124},{"type":42,"tag":1172,"props":4237,"children":4238},{"style":1184},[4239],{"type":47,"value":2129},{"type":42,"tag":1172,"props":4241,"children":4242},{"style":1178},[4243],{"type":47,"value":4046},{"type":42,"tag":1172,"props":4245,"children":4246},{"style":1184},[4247],{"type":47,"value":2139},{"type":42,"tag":1172,"props":4249,"children":4250},{"class":1174,"line":3802},[4251,4255,4259,4263],{"type":42,"tag":1172,"props":4252,"children":4253},{"style":1466},[4254],{"type":47,"value":3127},{"type":42,"tag":1172,"props":4256,"children":4257},{"style":1184},[4258],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4260,"children":4261},{"style":1477},[4262],{"type":47,"value":1902},{"type":42,"tag":1172,"props":4264,"children":4265},{"style":1184},[4266],{"type":47,"value":1243},{"type":42,"tag":1172,"props":4268,"children":4269},{"class":1174,"line":3829},[4270,4274,4278,4282],{"type":42,"tag":1172,"props":4271,"children":4272},{"style":1466},[4273],{"type":47,"value":2478},{"type":42,"tag":1172,"props":4275,"children":4276},{"style":1184},[4277],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4279,"children":4280},{"style":1477},[4281],{"type":47,"value":3155},{"type":42,"tag":1172,"props":4283,"children":4284},{"style":1184},[4285],{"type":47,"value":1243},{"type":42,"tag":1172,"props":4287,"children":4288},{"class":1174,"line":3856},[4289],{"type":42,"tag":1172,"props":4290,"children":4291},{"style":1184},[4292],{"type":47,"value":2168},{"type":42,"tag":1172,"props":4294,"children":4295},{"class":1174,"line":3864},[4296],{"type":42,"tag":1172,"props":4297,"children":4298},{"emptyLinePlaceholder":1594},[4299],{"type":47,"value":1597},{"type":42,"tag":1172,"props":4301,"children":4302},{"class":1174,"line":3886},[4303,4307],{"type":42,"tag":1172,"props":4304,"children":4305},{"style":1226},[4306],{"type":47,"value":398},{"type":42,"tag":1172,"props":4308,"children":4309},{"style":1184},[4310],{"type":47,"value":2106},{"type":42,"tag":1172,"props":4312,"children":4313},{"class":1174,"line":3908},[4314,4318,4322,4326,4330,4334],{"type":42,"tag":1172,"props":4315,"children":4316},{"style":1466},[4317],{"type":47,"value":2114},{"type":42,"tag":1172,"props":4319,"children":4320},{"style":1184},[4321],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4323,"children":4324},{"style":2121},[4325],{"type":47,"value":2124},{"type":42,"tag":1172,"props":4327,"children":4328},{"style":1184},[4329],{"type":47,"value":2129},{"type":42,"tag":1172,"props":4331,"children":4332},{"style":1178},[4333],{"type":47,"value":2134},{"type":42,"tag":1172,"props":4335,"children":4336},{"style":1184},[4337],{"type":47,"value":2139},{"type":42,"tag":1172,"props":4339,"children":4340},{"class":1174,"line":3930},[4341,4345,4349,4353,4357,4362],{"type":42,"tag":1172,"props":4342,"children":4343},{"style":1466},[4344],{"type":47,"value":2416},{"type":42,"tag":1172,"props":4346,"children":4347},{"style":1184},[4348],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4350,"children":4351},{"style":2121},[4352],{"type":47,"value":2124},{"type":42,"tag":1172,"props":4354,"children":4355},{"style":1184},[4356],{"type":47,"value":2129},{"type":42,"tag":1172,"props":4358,"children":4359},{"style":1178},[4360],{"type":47,"value":4361},"--text-h3",{"type":42,"tag":1172,"props":4363,"children":4364},{"style":1184},[4365],{"type":47,"value":2139},{"type":42,"tag":1172,"props":4367,"children":4369},{"class":1174,"line":4368},21,[4370,4374,4378,4382],{"type":42,"tag":1172,"props":4371,"children":4372},{"style":1466},[4373],{"type":47,"value":2147},{"type":42,"tag":1172,"props":4375,"children":4376},{"style":1184},[4377],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4379,"children":4380},{"style":1477},[4381],{"type":47,"value":2156},{"type":42,"tag":1172,"props":4383,"children":4384},{"style":1184},[4385],{"type":47,"value":1243},{"type":42,"tag":1172,"props":4387,"children":4389},{"class":1174,"line":4388},22,[4390,4394,4398,4402],{"type":42,"tag":1172,"props":4391,"children":4392},{"style":1466},[4393],{"type":47,"value":3127},{"type":42,"tag":1172,"props":4395,"children":4396},{"style":1184},[4397],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4399,"children":4400},{"style":1477},[4401],{"type":47,"value":1934},{"type":42,"tag":1172,"props":4403,"children":4404},{"style":1184},[4405],{"type":47,"value":1243},{"type":42,"tag":1172,"props":4407,"children":4409},{"class":1174,"line":4408},23,[4410,4414,4418,4422],{"type":42,"tag":1172,"props":4411,"children":4412},{"style":1466},[4413],{"type":47,"value":2478},{"type":42,"tag":1172,"props":4415,"children":4416},{"style":1184},[4417],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4419,"children":4420},{"style":1477},[4421],{"type":47,"value":1480},{"type":42,"tag":1172,"props":4423,"children":4424},{"style":1184},[4425],{"type":47,"value":1243},{"type":42,"tag":1172,"props":4427,"children":4429},{"class":1174,"line":4428},24,[4430],{"type":42,"tag":1172,"props":4431,"children":4432},{"style":1184},[4433],{"type":47,"value":2168},{"type":42,"tag":1172,"props":4435,"children":4437},{"class":1174,"line":4436},25,[4438],{"type":42,"tag":1172,"props":4439,"children":4440},{"emptyLinePlaceholder":1594},[4441],{"type":47,"value":1597},{"type":42,"tag":1172,"props":4443,"children":4445},{"class":1174,"line":4444},26,[4446,4450,4454,4458],{"type":42,"tag":1172,"props":4447,"children":4448},{"style":1226},[4449],{"type":47,"value":1962},{"type":42,"tag":1172,"props":4451,"children":4452},{"style":1184},[4453],{"type":47,"value":1187},{"type":42,"tag":1172,"props":4455,"children":4456},{"style":1226},[4457],{"type":47,"value":2191},{"type":42,"tag":1172,"props":4459,"children":4460},{"style":1184},[4461],{"type":47,"value":2106},{"type":42,"tag":1172,"props":4463,"children":4465},{"class":1174,"line":4464},27,[4466,4470,4474,4478,4482,4486],{"type":42,"tag":1172,"props":4467,"children":4468},{"style":1466},[4469],{"type":47,"value":2114},{"type":42,"tag":1172,"props":4471,"children":4472},{"style":1184},[4473],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4475,"children":4476},{"style":2121},[4477],{"type":47,"value":2124},{"type":42,"tag":1172,"props":4479,"children":4480},{"style":1184},[4481],{"type":47,"value":2129},{"type":42,"tag":1172,"props":4483,"children":4484},{"style":1178},[4485],{"type":47,"value":2219},{"type":42,"tag":1172,"props":4487,"children":4488},{"style":1184},[4489],{"type":47,"value":2139},{"type":42,"tag":1172,"props":4491,"children":4493},{"class":1174,"line":4492},28,[4494,4498,4502,4506,4510,4515],{"type":42,"tag":1172,"props":4495,"children":4496},{"style":1466},[4497],{"type":47,"value":2416},{"type":42,"tag":1172,"props":4499,"children":4500},{"style":1184},[4501],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4503,"children":4504},{"style":2121},[4505],{"type":47,"value":2124},{"type":42,"tag":1172,"props":4507,"children":4508},{"style":1184},[4509],{"type":47,"value":2129},{"type":42,"tag":1172,"props":4511,"children":4512},{"style":1178},[4513],{"type":47,"value":4514},"--text-body",{"type":42,"tag":1172,"props":4516,"children":4517},{"style":1184},[4518],{"type":47,"value":2139},{"type":42,"tag":1172,"props":4520,"children":4522},{"class":1174,"line":4521},29,[4523,4527,4531,4535,4539,4544],{"type":42,"tag":1172,"props":4524,"children":4525},{"style":1466},[4526],{"type":47,"value":2147},{"type":42,"tag":1172,"props":4528,"children":4529},{"style":1184},[4530],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4532,"children":4533},{"style":2121},[4534],{"type":47,"value":2124},{"type":42,"tag":1172,"props":4536,"children":4537},{"style":1184},[4538],{"type":47,"value":2129},{"type":42,"tag":1172,"props":4540,"children":4541},{"style":1178},[4542],{"type":47,"value":4543},"--wght-body",{"type":42,"tag":1172,"props":4545,"children":4546},{"style":1184},[4547],{"type":47,"value":2139},{"type":42,"tag":1172,"props":4549,"children":4551},{"class":1174,"line":4550},30,[4552,4556,4560,4564],{"type":42,"tag":1172,"props":4553,"children":4554},{"style":1466},[4555],{"type":47,"value":3127},{"type":42,"tag":1172,"props":4557,"children":4558},{"style":1184},[4559],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4561,"children":4562},{"style":1477},[4563],{"type":47,"value":2032},{"type":42,"tag":1172,"props":4565,"children":4566},{"style":1184},[4567],{"type":47,"value":1243},{"type":42,"tag":1172,"props":4569,"children":4571},{"class":1174,"line":4570},31,[4572,4576,4580,4585],{"type":42,"tag":1172,"props":4573,"children":4574},{"style":1466},[4575],{"type":47,"value":2478},{"type":42,"tag":1172,"props":4577,"children":4578},{"style":1184},[4579],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4581,"children":4582},{"style":1477},[4583],{"type":47,"value":4584}," -0.01em",{"type":42,"tag":1172,"props":4586,"children":4587},{"style":1184},[4588],{"type":47,"value":1243},{"type":42,"tag":1172,"props":4590,"children":4592},{"class":1174,"line":4591},32,[4593],{"type":42,"tag":1172,"props":4594,"children":4595},{"style":1184},[4596],{"type":47,"value":2168},{"type":42,"tag":1172,"props":4598,"children":4600},{"class":1174,"line":4599},33,[4601],{"type":42,"tag":1172,"props":4602,"children":4603},{"emptyLinePlaceholder":1594},[4604],{"type":47,"value":1597},{"type":42,"tag":1172,"props":4606,"children":4608},{"class":1174,"line":4607},34,[4609,4613,4617],{"type":42,"tag":1172,"props":4610,"children":4611},{"style":1184},[4612],{"type":47,"value":1802},{"type":42,"tag":1172,"props":4614,"children":4615},{"style":1226},[4616],{"type":47,"value":2376},{"type":42,"tag":1172,"props":4618,"children":4619},{"style":1184},[4620],{"type":47,"value":2106},{"type":42,"tag":1172,"props":4622,"children":4624},{"class":1174,"line":4623},35,[4625,4629,4633,4637,4641,4645],{"type":42,"tag":1172,"props":4626,"children":4627},{"style":1466},[4628],{"type":47,"value":2114},{"type":42,"tag":1172,"props":4630,"children":4631},{"style":1184},[4632],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4634,"children":4635},{"style":2121},[4636],{"type":47,"value":2124},{"type":42,"tag":1172,"props":4638,"children":4639},{"style":1184},[4640],{"type":47,"value":2129},{"type":42,"tag":1172,"props":4642,"children":4643},{"style":1178},[4644],{"type":47,"value":2404},{"type":42,"tag":1172,"props":4646,"children":4647},{"style":1184},[4648],{"type":47,"value":2139},{"type":42,"tag":1172,"props":4650,"children":4652},{"class":1174,"line":4651},36,[4653,4657,4661,4665,4669,4674],{"type":42,"tag":1172,"props":4654,"children":4655},{"style":1466},[4656],{"type":47,"value":2416},{"type":42,"tag":1172,"props":4658,"children":4659},{"style":1184},[4660],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4662,"children":4663},{"style":2121},[4664],{"type":47,"value":2124},{"type":42,"tag":1172,"props":4666,"children":4667},{"style":1184},[4668],{"type":47,"value":2129},{"type":42,"tag":1172,"props":4670,"children":4671},{"style":1178},[4672],{"type":47,"value":4673},"--text-micro",{"type":42,"tag":1172,"props":4675,"children":4676},{"style":1184},[4677],{"type":47,"value":2139},{"type":42,"tag":1172,"props":4679,"children":4681},{"class":1174,"line":4680},37,[4682,4686,4690,4694],{"type":42,"tag":1172,"props":4683,"children":4684},{"style":1466},[4685],{"type":47,"value":2147},{"type":42,"tag":1172,"props":4687,"children":4688},{"style":1184},[4689],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4691,"children":4692},{"style":1477},[4693],{"type":47,"value":2445},{"type":42,"tag":1172,"props":4695,"children":4696},{"style":1184},[4697],{"type":47,"value":1243},{"type":42,"tag":1172,"props":4699,"children":4701},{"class":1174,"line":4700},38,[4702,4706,4710,4714],{"type":42,"tag":1172,"props":4703,"children":4704},{"style":1466},[4705],{"type":47,"value":2457},{"type":42,"tag":1172,"props":4707,"children":4708},{"style":1184},[4709],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4711,"children":4712},{"style":1178},[4713],{"type":47,"value":2466},{"type":42,"tag":1172,"props":4715,"children":4716},{"style":1184},[4717],{"type":47,"value":1243},{"type":42,"tag":1172,"props":4719,"children":4721},{"class":1174,"line":4720},39,[4722,4726,4730,4734],{"type":42,"tag":1172,"props":4723,"children":4724},{"style":1466},[4725],{"type":47,"value":2478},{"type":42,"tag":1172,"props":4727,"children":4728},{"style":1184},[4729],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4731,"children":4732},{"style":1477},[4733],{"type":47,"value":2487},{"type":42,"tag":1172,"props":4735,"children":4736},{"style":1184},[4737],{"type":47,"value":1243},{"type":42,"tag":1172,"props":4739,"children":4741},{"class":1174,"line":4740},40,[4742,4746,4750,4754,4758,4762],{"type":42,"tag":1172,"props":4743,"children":4744},{"style":1466},[4745],{"type":47,"value":2499},{"type":42,"tag":1172,"props":4747,"children":4748},{"style":1184},[4749],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4751,"children":4752},{"style":2121},[4753],{"type":47,"value":2124},{"type":42,"tag":1172,"props":4755,"children":4756},{"style":1184},[4757],{"type":47,"value":2129},{"type":42,"tag":1172,"props":4759,"children":4760},{"style":1178},[4761],{"type":47,"value":2516},{"type":42,"tag":1172,"props":4763,"children":4764},{"style":1184},[4765],{"type":47,"value":2139},{"type":42,"tag":1172,"props":4767,"children":4769},{"class":1174,"line":4768},41,[4770],{"type":42,"tag":1172,"props":4771,"children":4772},{"style":1184},[4773],{"type":47,"value":2168},{"type":42,"tag":1172,"props":4775,"children":4777},{"class":1174,"line":4776},42,[4778],{"type":42,"tag":1172,"props":4779,"children":4780},{"emptyLinePlaceholder":1594},[4781],{"type":47,"value":1597},{"type":42,"tag":1172,"props":4783,"children":4785},{"class":1174,"line":4784},43,[4786,4790,4794],{"type":42,"tag":1172,"props":4787,"children":4788},{"style":1184},[4789],{"type":47,"value":1802},{"type":42,"tag":1172,"props":4791,"children":4792},{"style":1226},[4793],{"type":47,"value":2627},{"type":42,"tag":1172,"props":4795,"children":4796},{"style":1184},[4797],{"type":47,"value":2106},{"type":42,"tag":1172,"props":4799,"children":4801},{"class":1174,"line":4800},44,[4802,4806,4810,4814,4818,4822],{"type":42,"tag":1172,"props":4803,"children":4804},{"style":1466},[4805],{"type":47,"value":2114},{"type":42,"tag":1172,"props":4807,"children":4808},{"style":1184},[4809],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4811,"children":4812},{"style":2121},[4813],{"type":47,"value":2124},{"type":42,"tag":1172,"props":4815,"children":4816},{"style":1184},[4817],{"type":47,"value":2129},{"type":42,"tag":1172,"props":4819,"children":4820},{"style":1178},[4821],{"type":47,"value":2720},{"type":42,"tag":1172,"props":4823,"children":4824},{"style":1184},[4825],{"type":47,"value":2139},{"type":42,"tag":1172,"props":4827,"children":4829},{"class":1174,"line":4828},45,[4830,4834,4838,4842],{"type":42,"tag":1172,"props":4831,"children":4832},{"style":1466},[4833],{"type":47,"value":2732},{"type":42,"tag":1172,"props":4835,"children":4836},{"style":1184},[4837],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4839,"children":4840},{"style":1178},[4841],{"type":47,"value":2741},{"type":42,"tag":1172,"props":4843,"children":4844},{"style":1184},[4845],{"type":47,"value":1243},{"type":42,"tag":1172,"props":4847,"children":4849},{"class":1174,"line":4848},46,[4850,4854,4858,4862],{"type":42,"tag":1172,"props":4851,"children":4852},{"style":1466},[4853],{"type":47,"value":2147},{"type":42,"tag":1172,"props":4855,"children":4856},{"style":1184},[4857],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4859,"children":4860},{"style":1477},[4861],{"type":47,"value":2445},{"type":42,"tag":1172,"props":4863,"children":4864},{"style":1184},[4865],{"type":47,"value":1243},{"type":42,"tag":1172,"props":4867,"children":4869},{"class":1174,"line":4868},47,[4870],{"type":42,"tag":1172,"props":4871,"children":4872},{"style":1184},[4873],{"type":47,"value":2168},{"type":42,"tag":1172,"props":4875,"children":4877},{"class":1174,"line":4876},48,[4878],{"type":42,"tag":1172,"props":4879,"children":4880},{"emptyLinePlaceholder":1594},[4881],{"type":47,"value":1597},{"type":42,"tag":1172,"props":4883,"children":4885},{"class":1174,"line":4884},49,[4886,4890,4894],{"type":42,"tag":1172,"props":4887,"children":4888},{"style":1184},[4889],{"type":47,"value":1802},{"type":42,"tag":1172,"props":4891,"children":4892},{"style":1226},[4893],{"type":47,"value":2945},{"type":42,"tag":1172,"props":4895,"children":4896},{"style":1184},[4897],{"type":47,"value":2106},{"type":42,"tag":1172,"props":4899,"children":4901},{"class":1174,"line":4900},50,[4902,4906,4910,4914],{"type":42,"tag":1172,"props":4903,"children":4904},{"style":1466},[4905],{"type":47,"value":2957},{"type":42,"tag":1172,"props":4907,"children":4908},{"style":1184},[4909],{"type":47,"value":1474},{"type":42,"tag":1172,"props":4911,"children":4912},{"style":1178},[4913],{"type":47,"value":2966},{"type":42,"tag":1172,"props":4915,"children":4916},{"style":1184},[4917],{"type":47,"value":1243},{"type":42,"tag":1172,"props":4919,"children":4921},{"class":1174,"line":4920},51,[4922],{"type":42,"tag":1172,"props":4923,"children":4924},{"style":1184},[4925],{"type":47,"value":2168},{"type":42,"tag":81,"props":4927,"children":4929},{"id":4928},"application-workflow",[4930],{"type":47,"value":4931},"Application workflow",{"type":42,"tag":259,"props":4933,"children":4934},{},[4935,4940,4945,4950,4955,4960,4965,4970,4975,4980],{"type":42,"tag":107,"props":4936,"children":4937},{},[4938],{"type":47,"value":4939},"Identify the page’s missing quality.",{"type":42,"tag":107,"props":4941,"children":4942},{},[4943],{"type":47,"value":4944},"Choose the intended typographic mood.",{"type":42,"tag":107,"props":4946,"children":4947},{},[4948],{"type":47,"value":4949},"Separate display and body roles.",{"type":42,"tag":107,"props":4951,"children":4952},{},[4953],{"type":47,"value":4954},"Lighten body text more than you think.",{"type":42,"tag":107,"props":4956,"children":4957},{},[4958],{"type":47,"value":4959},"Tighten display tracking.",{"type":42,"tag":107,"props":4961,"children":4962},{},[4963],{"type":47,"value":4964},"Compress display line-height.",{"type":42,"tag":107,"props":4966,"children":4967},{},[4968],{"type":47,"value":4969},"Replace generic labels with mono eyebrows if appropriate.",{"type":42,"tag":107,"props":4971,"children":4972},{},[4973],{"type":47,"value":4974},"Add one serif italic accent only if the page needs a human or editorial note.",{"type":42,"tag":107,"props":4976,"children":4977},{},[4978],{"type":47,"value":4979},"Enable advanced type features if the font supports them.",{"type":42,"tag":107,"props":4981,"children":4982},{},[4983],{"type":47,"value":4984},"Remove extra flourishes that compete with the type.",{"type":42,"tag":81,"props":4986,"children":4988},{"id":4987},"anti-patterns-to-kill",[4989],{"type":47,"value":4990},"Anti-patterns to kill",{"type":42,"tag":103,"props":4992,"children":4993},{},[4994,4999,5004,5009,5014,5019,5024,5029,5034,5039,5044],{"type":42,"tag":107,"props":4995,"children":4996},{},[4997],{"type":47,"value":4998},"Inter everywhere",{"type":42,"tag":107,"props":5000,"children":5001},{},[5002],{"type":47,"value":5003},"large headings with default tracking",{"type":42,"tag":107,"props":5005,"children":5006},{},[5007],{"type":47,"value":5008},"body text that is too heavy",{"type":42,"tag":107,"props":5010,"children":5011},{},[5012],{"type":47,"value":5013},"headings that are just bold instead of considered",{"type":42,"tag":107,"props":5015,"children":5016},{},[5017],{"type":47,"value":5018},"too many font weights",{"type":42,"tag":107,"props":5020,"children":5021},{},[5022],{"type":47,"value":5023},"too many typefaces",{"type":42,"tag":107,"props":5025,"children":5026},{},[5027],{"type":47,"value":5028},"faux-editorial details with no system behind them",{"type":42,"tag":107,"props":5030,"children":5031},{},[5032],{"type":47,"value":5033},"uppercase labels without added tracking",{"type":42,"tag":107,"props":5035,"children":5036},{},[5037],{"type":47,"value":5038},"serif accents scattered across the whole page",{"type":42,"tag":107,"props":5040,"children":5041},{},[5042],{"type":47,"value":5043},"over-styled badges and buttons when the body is already delicate",{"type":42,"tag":107,"props":5045,"children":5046},{},[5047],{"type":47,"value":5048},"treating type like decoration instead of structure",{"type":42,"tag":81,"props":5050,"children":5052},{"id":5051},"stronger-critique-language-this-skill-should-use",[5053],{"type":47,"value":5054},"Stronger critique language this skill should use",{"type":42,"tag":50,"props":5056,"children":5057},{},[5058],{"type":47,"value":5059},"Instead of:\n“This needs more personality.”",{"type":42,"tag":50,"props":5061,"children":5062},{},[5063],{"type":47,"value":5064},"Say:\n“The typography is functional, but it has no real point of view. It reads like polished default software rather than a product with conviction.”",{"type":42,"tag":50,"props":5066,"children":5067},{},[5068],{"type":47,"value":5069},"Instead of:\n“Use a serif accent.”",{"type":42,"tag":50,"props":5071,"children":5072},{},[5073],{"type":47,"value":5074},"Say:\n“Introduce contrast only where it creates emotion. One serif italic interruption inside an otherwise disciplined sans system can make the page feel authored without making it feel costume-y.”",{"type":42,"tag":50,"props":5076,"children":5077},{},[5078],{"type":47,"value":5079},"Instead of:\n“Make the hero bigger.”",{"type":42,"tag":50,"props":5081,"children":5082},{},[5083],{"type":47,"value":5084},"Say:\n“Give the hero more authority by increasing scale, tightening tracking, and pulling line-height down until it feels composed rather than merely large.”",{"type":42,"tag":50,"props":5086,"children":5087},{},[5088],{"type":47,"value":5089},"Instead of:\n“The page feels flat.”",{"type":42,"tag":50,"props":5091,"children":5092},{},[5093],{"type":47,"value":5094},"Say:\n“The hierarchy exists, but the typography is not creating enough tension, rhythm, or signature. Everything is working, but nothing is landing.”",{"type":42,"tag":81,"props":5096,"children":5098},{"id":5097},"reference-patterns",[5099],{"type":47,"value":5100},"Reference patterns",{"type":42,"tag":840,"props":5102,"children":5103},{},[5104,5120],{"type":42,"tag":844,"props":5105,"children":5106},{},[5107],{"type":42,"tag":848,"props":5108,"children":5109},{},[5110,5115],{"type":42,"tag":852,"props":5111,"children":5112},{},[5113],{"type":47,"value":5114},"Pattern",{"type":42,"tag":852,"props":5116,"children":5117},{},[5118],{"type":47,"value":5119},"Case study",{"type":42,"tag":873,"props":5121,"children":5122},{},[5123,5135,5148,5161,5174,5187,5200,5213,5226],{"type":42,"tag":848,"props":5124,"children":5125},{},[5126,5131],{"type":42,"tag":880,"props":5127,"children":5128},{},[5129],{"type":47,"value":5130},"Display and body in one custom family with strong weight contrast",{"type":42,"tag":880,"props":5132,"children":5133},{},[5134],{"type":47,"value":884},{"type":42,"tag":848,"props":5136,"children":5137},{},[5138,5143],{"type":42,"tag":880,"props":5139,"children":5140},{},[5141],{"type":47,"value":5142},"Serif display with sans body",{"type":42,"tag":880,"props":5144,"children":5145},{},[5146],{"type":47,"value":5147},"Antimetal, Reducto, Outseta",{"type":42,"tag":848,"props":5149,"children":5150},{},[5151,5156],{"type":42,"tag":880,"props":5152,"children":5153},{},[5154],{"type":47,"value":5155},"Serif italic inside sans system",{"type":42,"tag":880,"props":5157,"children":5158},{},[5159],{"type":47,"value":5160},"Hex, Shade",{"type":42,"tag":848,"props":5162,"children":5163},{},[5164,5169],{"type":42,"tag":880,"props":5165,"children":5166},{},[5167],{"type":47,"value":5168},"px-based tracking precision",{"type":42,"tag":880,"props":5170,"children":5171},{},[5172],{"type":47,"value":5173},"Incident, Antimetal, Amplemarket",{"type":42,"tag":848,"props":5175,"children":5176},{},[5177,5182],{"type":42,"tag":880,"props":5178,"children":5179},{},[5180],{"type":47,"value":5181},"Stylistic set usage",{"type":42,"tag":880,"props":5183,"children":5184},{},[5185],{"type":47,"value":5186},"Antimetal, Reducto",{"type":42,"tag":848,"props":5188,"children":5189},{},[5190,5195],{"type":42,"tag":880,"props":5191,"children":5192},{},[5193],{"type":47,"value":5194},"Fluid display scaling",{"type":42,"tag":880,"props":5196,"children":5197},{},[5198],{"type":47,"value":5199},"AngelList, Hex",{"type":42,"tag":848,"props":5201,"children":5202},{},[5203,5208],{"type":42,"tag":880,"props":5204,"children":5205},{},[5206],{"type":47,"value":5207},"Mono eyebrows with wide tracking",{"type":42,"tag":880,"props":5209,"children":5210},{},[5211],{"type":47,"value":5212},"Hex, AngelList, Duna",{"type":42,"tag":848,"props":5214,"children":5215},{},[5216,5221],{"type":42,"tag":880,"props":5217,"children":5218},{},[5219],{"type":47,"value":5220},"Very light body text",{"type":42,"tag":880,"props":5222,"children":5223},{},[5224],{"type":47,"value":5225},"Cal, Autosend, Hex",{"type":42,"tag":848,"props":5227,"children":5228},{},[5229,5234],{"type":42,"tag":880,"props":5230,"children":5231},{},[5232],{"type":47,"value":5233},"Highly distinctive display voice",{"type":42,"tag":880,"props":5235,"children":5236},{},[5237],{"type":47,"value":5238},"Outseta, Autosend",{"type":42,"tag":81,"props":5240,"children":5242},{"id":5241},"final-instruction",[5243],{"type":47,"value":5244},"Final instruction",{"type":42,"tag":50,"props":5246,"children":5247},{},[5248],{"type":47,"value":5249},"Do not use this skill to make typography busier.",{"type":42,"tag":50,"props":5251,"children":5252},{},[5253],{"type":47,"value":5254},"Use it to make typography truer.",{"type":42,"tag":50,"props":5256,"children":5257},{},[5258],{"type":47,"value":5259},"The end result should feel:",{"type":42,"tag":103,"props":5261,"children":5262},{},[5263,5268,5273,5278,5283,5288],{"type":42,"tag":107,"props":5264,"children":5265},{},[5266],{"type":47,"value":5267},"sharper",{"type":42,"tag":107,"props":5269,"children":5270},{},[5271],{"type":47,"value":5272},"calmer",{"type":42,"tag":107,"props":5274,"children":5275},{},[5276],{"type":47,"value":5277},"more confident",{"type":42,"tag":107,"props":5279,"children":5280},{},[5281],{"type":47,"value":5282},"more inevitable",{"type":42,"tag":107,"props":5284,"children":5285},{},[5286],{"type":47,"value":5287},"less generic",{"type":42,"tag":107,"props":5289,"children":5290},{},[5291],{"type":47,"value":5292},"more remembered",{"type":42,"tag":50,"props":5294,"children":5295},{},[5296],{"type":47,"value":5297},"If the typography starts feeling self-conscious, you went too far.\nIf it starts feeling obvious in retrospect, you are getting close.",{"type":42,"tag":5299,"props":5300,"children":5301},"style",{},[5302],{"type":47,"value":5303},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":5305,"total":1600},[5306,5321,5336,5351,5364,5375],{"slug":5307,"name":5307,"fn":5308,"description":5309,"org":5310,"tags":5311,"stars":25,"repoUrl":26,"updatedAt":5320},"de-slopify-audit","audit and remove AI-slop design patterns","Scan a site for AI-slop defaults and replace them with premium patterns. Detects generic giveaways (Inter everywhere,",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5312,5315,5316,5319],{"name":5313,"slug":5314,"type":15},"Audit","audit",{"name":23,"slug":24,"type":15},{"name":5317,"slug":5318,"type":15},"Design Critique","design-critique",{"name":17,"slug":18,"type":15},"2026-06-20T07:57:10.581611",{"slug":5322,"name":5322,"fn":5323,"description":5324,"org":5325,"tags":5326,"stars":25,"repoUrl":26,"updatedAt":5335},"design-polish-suite","apply design polish to web interfaces","The full design glow-up toolkit. Turns forgettable interfaces into something that looks like a real designer touched it. Routes to 6 sub-skills for de-slopifying, typography, spacing, gradients, motion, and adding that one detail people actually remember. Use when a UI feels mid, generic, AI-generated, or just painfully beige.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5327,5328,5329,5332],{"name":23,"slug":24,"type":15},{"name":20,"slug":21,"type":15},{"name":5330,"slug":5331,"type":15},"UX Design","ux-design",{"name":5333,"slug":5334,"type":15},"Visual Design","visual-design","2026-06-20T07:57:06.690815",{"slug":5337,"name":5337,"fn":5338,"description":5339,"org":5340,"tags":5341,"stars":25,"repoUrl":26,"updatedAt":5350},"motion-and-micro-interactions","apply premium motion and micro-interactions","Apply the motion language of premium VC-funded sites — specific cubic-bezier easings (not ease-in-out), snappy 75-200ms durations, mechanical press feedback, orchestrated hover deltas, width-animated buttons, mouse-tracking gradients, blur-in reveals, scroll-linked reveals. Use when interactions feel \"springy and generic\" or when the user wants their site to feel responsive, alive, physical.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5342,5345,5346,5347],{"name":5343,"slug":5344,"type":15},"Animation","animation",{"name":23,"slug":24,"type":15},{"name":17,"slug":18,"type":15},{"name":5348,"slug":5349,"type":15},"Interaction","interaction","2026-06-20T07:57:09.291269",{"slug":5352,"name":5352,"fn":5353,"description":5354,"org":5355,"tags":5356,"stars":25,"repoUrl":26,"updatedAt":5363},"soft-gradient-dreamy","apply premium soft gradient aesthetic","Apply the warm, atmospheric, multi-layer shadow aesthetic used by premium SaaS sites like Hex, Antimetal, Incident, Outseta, Cohere, and Amplemarket. Warm off-white grounds, tinted shadows that harmonize with theme, multi-stop gradients at deliberate angles, inset highlights for dual-edge lighting. Use when the user wants their site to feel atmospheric, luminous, warm, editorial — NOT cold SaaS purple\u002Fblue.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5357,5360,5361,5362],{"name":5358,"slug":5359,"type":15},"Creative","creative",{"name":23,"slug":24,"type":15},{"name":17,"slug":18,"type":15},{"name":5333,"slug":5334,"type":15},"2026-06-20T07:57:11.884466",{"slug":5365,"name":5365,"fn":5366,"description":5367,"org":5368,"tags":5369,"stars":25,"repoUrl":26,"updatedAt":5374},"spatial-rhythm-and-whitespace","apply premium spatial rhythm and whitespace","Apply the spacing, container, grid, and border-radius rhythm of premium VC-funded sites. Generous 80-160px section padding, intentional non-strict spacing scales (including 20\u002F28\u002F40), deliberate radius architecture (binary 0-or-pill, asymmetric interlocking, per-element variety), 40px paragraph-spacing on h2, 1px hairline dividers at 4-10% opacity. Use when layouts feel cramped, monotonous, or use \"rounded-md everywhere.\"",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5370,5371,5372,5373],{"name":23,"slug":24,"type":15},{"name":17,"slug":18,"type":15},{"name":5330,"slug":5331,"type":15},{"name":5333,"slug":5334,"type":15},"2026-06-20T07:57:14.328471",{"slug":4,"name":4,"fn":5,"description":6,"org":5376,"tags":5377,"stars":25,"repoUrl":26,"updatedAt":27},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5378,5379,5380,5381],{"name":23,"slug":24,"type":15},{"name":13,"slug":14,"type":15},{"name":17,"slug":18,"type":15},{"name":20,"slug":21,"type":15},{"items":5383,"total":5557},[5384,5401,5418,5432,5449,5462,5476,5491,5506,5517,5532,5542],{"slug":5385,"name":5385,"fn":5386,"description":5387,"org":5388,"tags":5389,"stars":5398,"repoUrl":5399,"updatedAt":5400},"annotate","collect visual feedback with browser annotation tools","Open a browser with visual annotation tools. The user clicks elements on their site and leaves feedback — the agent reads annotations and makes changes. Use this when the user wants to point at specific elements to fix, tweak, or redesign.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5390,5391,5394,5397],{"name":17,"slug":18,"type":15},{"name":5392,"slug":5393,"type":15},"Productivity","productivity",{"name":5395,"slug":5396,"type":15},"UX Copy","ux-copy",{"name":5330,"slug":5331,"type":15},484,"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fstudio","2026-05-06T05:40:01.516544",{"slug":5402,"name":5402,"fn":5403,"description":5404,"org":5405,"tags":5406,"stars":5398,"repoUrl":5399,"updatedAt":5417},"block-content","write editable WordPress block markup","Write editable WordPress block markup for local Studio sites, including core\u002Fhtml limits, block-theme layout rules, full-width sections, validation, and skeleton-first page\u002FCSS recipes.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5407,5410,5412,5414],{"name":5408,"slug":5409,"type":15},"Block Editor","block-editor",{"name":5411,"slug":1164,"type":15},"CSS",{"name":5413,"slug":2562,"type":15},"HTML",{"name":5415,"slug":5416,"type":15},"WordPress","wordpress","2026-05-27T07:01:55.629681",{"slug":5419,"name":5419,"fn":5420,"description":5421,"org":5422,"tags":5423,"stars":5398,"repoUrl":5399,"updatedAt":5431},"hosting-plans-helper","provide WordPress.com hosting plan information","Answer WordPress.com plan, pricing, upgrade, and feature-tier questions (plan names, what each tier unlocks — plugins, themes, custom code, SSH, hosting — and current prices) from authoritative live data. Load before answering ANY plan, pricing, or feature-gating question; never answer these from memory.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5424,5427,5430],{"name":5425,"slug":5426,"type":15},"Pricing","pricing",{"name":5428,"slug":5429,"type":15},"Reference","reference",{"name":5415,"slug":5416,"type":15},"2026-07-02T07:42:33.654791",{"slug":5433,"name":5433,"fn":5434,"description":5435,"org":5436,"tags":5437,"stars":5398,"repoUrl":5399,"updatedAt":5448},"liberate","migrate websites to WordPress","Import and rebuild a website from a closed platform (Wix, Squarespace, Webflow, Shopify, GoDaddy, Hostinger, HubSpot, Weebly) into a Studio WordPress site. Extracts pages\u002Fposts\u002Fproducts + media, then reconstructs the design as editable blocks + WooCommerce OR as a high-fidelity replica theme. Invoke when the user wants to migrate, import, liberate, or rebuild a site from one of these platforms.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5438,5441,5444,5447],{"name":5439,"slug":5440,"type":15},"CMS","cms",{"name":5442,"slug":5443,"type":15},"Migration","migration",{"name":5445,"slug":5446,"type":15},"Web Development","web-development",{"name":5415,"slug":5416,"type":15},"2026-07-09T06:47:33.454311",{"slug":5450,"name":5450,"fn":5451,"description":5452,"org":5453,"tags":5454,"stars":5398,"repoUrl":5399,"updatedAt":5461},"need-for-speed","run frontend performance audits for WordPress sites","Run a frontend performance audit on a WordPress site and get actionable optimization recommendations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5455,5456,5457,5460],{"name":5313,"slug":5314,"type":15},{"name":17,"slug":18,"type":15},{"name":5458,"slug":5459,"type":15},"Performance","performance",{"name":5415,"slug":5416,"type":15},"2026-05-06T05:40:06.433267",{"slug":5463,"name":5463,"fn":5464,"description":5465,"org":5466,"tags":5467,"stars":5398,"repoUrl":5399,"updatedAt":5475},"plugin-recommendations","recommend WordPress plugins for site features","Choose recommended plugins and plugin-provided blocks for features core WordPress blocks do not cover - ecommerce (WooCommerce), forms and newsletters (Jetpack), online courses and quizzes (Sensei LMS), polls, surveys and ratings (Crowdsignal), spam protection (Akismet) - while keeping generated content editable and avoiding raw HTML fallbacks. Any request to sell products or build a shop, store, or storefront requires WooCommerce with products.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5468,5471,5474],{"name":5469,"slug":5470,"type":15},"Content Creation","content-creation",{"name":5472,"slug":5473,"type":15},"Plugin Development","plugin-development",{"name":5415,"slug":5416,"type":15},"2026-05-27T07:01:58.249105",{"slug":5477,"name":5477,"fn":5478,"description":5479,"org":5480,"tags":5481,"stars":5398,"repoUrl":5399,"updatedAt":5490},"rank-me-up","run on-page SEO audits for WordPress sites","Run an on-page SEO audit on a WordPress site and get actionable recommendations to improve search visibility.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5482,5483,5486,5489],{"name":5313,"slug":5314,"type":15},{"name":5484,"slug":5485,"type":15},"Marketing","marketing",{"name":5487,"slug":5488,"type":15},"SEO","seo",{"name":5415,"slug":5416,"type":15},"2026-05-06T05:40:05.196367",{"slug":5492,"name":5492,"fn":5493,"description":5494,"org":5495,"tags":5496,"stars":5398,"repoUrl":5399,"updatedAt":5505},"site-spec","gather specifications for new WordPress sites","Gather the site name and layout preference before building a WordPress site. Run this before creating any new site.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5497,5498,5501,5504],{"name":23,"slug":24,"type":15},{"name":5499,"slug":5500,"type":15},"Product Management","product-management",{"name":5502,"slug":5503,"type":15},"Specs","specs",{"name":5415,"slug":5416,"type":15},"2026-05-06T05:40:02.739409",{"slug":5507,"name":5507,"fn":5508,"description":5509,"org":5510,"tags":5511,"stars":5398,"repoUrl":5399,"updatedAt":5516},"studio-cli","manage local WordPress sites with Studio CLI","Use the Studio CLI to manage local WordPress sites, authentication, and preview sites. Invoke this skill when you need to run Studio CLI commands, manage sites, or troubleshoot site issues.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5512,5515],{"name":5513,"slug":5514,"type":15},"CLI","cli",{"name":5415,"slug":5416,"type":15},"2026-04-06T18:02:57.150231",{"slug":5518,"name":5518,"fn":5519,"description":5520,"org":5521,"tags":5522,"stars":5398,"repoUrl":5399,"updatedAt":5531},"taxonomist","optimize WordPress category taxonomy","Analyze and optimize a WordPress site's category taxonomy. Exports all posts, uses AI to suggest an improved category structure — merging duplicates, retiring dead categories, creating missing ones, writing descriptions, and re-categorizing posts. Run this when the user wants to clean up or improve their categories.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5523,5526,5529,5530],{"name":5524,"slug":5525,"type":15},"Content Strategy","content-strategy",{"name":5527,"slug":5528,"type":15},"Data Cleaning","data-cleaning",{"name":5487,"slug":5488,"type":15},{"name":5415,"slug":5416,"type":15},"2026-05-06T05:40:03.966799",{"slug":5334,"name":5334,"fn":5533,"description":5534,"org":5535,"tags":5536,"stars":5398,"repoUrl":5399,"updatedAt":5541},"plan and execute visual design direction","Plan and execute high-quality visual direction for site creation, redesign, layout, typography, color, motion, and visual polish.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5537,5538,5539,5540],{"name":5343,"slug":5344,"type":15},{"name":23,"slug":24,"type":15},{"name":20,"slug":21,"type":15},{"name":5333,"slug":5334,"type":15},"2026-07-24T05:40:57.887452",{"slug":5543,"name":5543,"fn":5544,"description":5545,"org":5546,"tags":5547,"stars":5398,"repoUrl":5399,"updatedAt":5556},"visual-polish","verify and polish website visual design","Verify and polish a built or redesigned site by diagnosing rendered-DOM issues against intent and fixing them in a planned, batched screenshot-and-fix loop.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5548,5551,5552,5555],{"name":5549,"slug":5550,"type":15},"Debugging","debugging",{"name":17,"slug":18,"type":15},{"name":5553,"slug":5554,"type":15},"Screenshots","screenshots",{"name":5333,"slug":5334,"type":15},"2026-06-06T07:09:59.809812",81]