PageSourceSearch

https://gt-canon.com/articles/balance/

html gt-canon.com collected 2026-10-05 00:56:22 UTC 58,392 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html  lang="en" class="scrollbar bg-white"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover"><title>GT Canon</title><style>input[type=radio][data-v-0b6a3c22]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background:radial-gradient(var(--input-bg));border:0;border-radius:50%;color:currentColor;cursor:pointer;display:grid;font:inherit;margin:0;padding:0;place-content:center}input[type=radio][data-v-0b6a3c22],input[type=radio]+label[data-v-0b6a3c22]{color:var(--color-secondary)}input[type=radio]+label[data-v-0b6a3c22]{transform:translateY(1px)}input[type=radio]:not(:checked):not(:disabled):hover+label[data-v-0b6a3c22]{color:var(--color-tertiary)}input[type=radio][data-v-0b6a3c22]:not(:disabled):not(:checked):hover{background:radial-gradient(var(--input-bg-alt))}input[type=radio][data-v-0b6a3c22]:checked{background:radial-gradient(var(--input-bg-active))}input[type=radio][data-v-0b6a3c22]:checked,input[type=radio]:checked+label[data-v-0b6a3c22]{color:#fff}</style><style>.normalised[data-v-f3f062dd]:first-line,input[type=range][data-v-f3f062dd]{display:inline-block}input[type=range][data-v-f3f062dd]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#242424;border-radius:80px;height:100%;line-height:normal;width:100%}input[type=range][data-v-f3f062dd]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;background:radial-gradient(var(--input-bg-alt));border:none;border-radius:50%;cursor:pointer;height:12px;position:relative;width:12px}input[type=range][data-v-f3f062dd]::-moz-range-thumb{-moz-appearance:none;background:#fff;background:radial-gradient(var(--input-bg-alt));border:none;border-radius:50%;cursor:pointer;height:12px;position:relative;width:12px}input[type=range][data-v-f3f062dd]:active::-webkit-slider-thumb,input[type=range][data-v-f3f062dd]:hover::-webkit-slider-thumb{background:radial-gradient(var(--input-bg-active))}input[type=range][data-v-f3f062dd]:active::-moz-range-thumb,input[type=range][data-v-f3f062dd]:hover::-moz-range-thumb{background:radial-gradient(var(--input-bg-active))}input[type=range][data-v-f3f062dd]:active::-webkit-slider-thumb{cursor:ew-resize}input[type=range][data-v-f3f062dd]:active::-moz-range-thumb{cursor:ew-resize}</style><style>.toggle-input[data-v-5bd66c29]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#242424;border-radius:80px;position:relative}.toggle-input[data-v-5bd66c29]:before{background:#fff;background:radial-gradient(var(--input-bg));border-radius:50%;content:"";height:12px;left:3px;position:absolute;top:3px;transition:transform .2s var(--ease-snap);width:12px}.toggle-input[data-v-5bd66c29]:checked:before{background:radial-gradient(var(--input-bg-active))}.toggle-input[data-v-5bd66c29]:hover:before{background:radial-gradient(var(--input-bg-alt))}.toggle-input[data-v-5bd66c29]:checked:hover:before{background:radial-gradient(var(--input-bg-toggle-hover))}.toggle-input[data-v-5bd66c29]:checked:before{transform:translate(84px)}.toggle-input:checked+div[data-v-5bd66c29]{color:#fff}</style><style>.stepped-spin[data-v-83297ba1]{animation:steppedRotation-83297ba1 2s infinite}@keyframes steppedRotation-83297ba1{0%{transform:rotate(0)}5%{transform:rotate(90deg)}25%{transform:rotate(90deg)}30%{transform:rotate(180deg)}50%{transform:rotate(180deg)}55%{transform:rotate(270deg)}75%{transform:rotate(270deg)}80%{transform:rotate(1turn)}to{transform:rotate(1turn)}}</style><style>[data-v-e46636ed] a{@apply underline underline-offset-2 decoration-1 hover:text-(--color-tertiary) transition-colors;}</style><link rel="stylesheet" href="/_nuxt/entry.Btc6O_zS.css" crossorigin><link href="https://www.googletagmanager.com/gtag/js?id=G-0E264Y98GF" rel="preload" crossorigin="anonymous" referrerpolicy="no-referrer" fetchpriority="low" as="script"><link rel="preload" as="fetch" crossorigin="anonymous" href="/articles/balance/_payload.json?19140883-3ceb-4d2d-95da-524b588dbb86"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/JIYVAqFA.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DZ2eHEdi.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BAJKdcx1.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/COxLO2g5.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BcRBlF78.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/Cfwi7jSD.js"><link rel="preload" as="fetch" fetchpriority="low" crossorigin="anonymous" href="/_nuxt/builds/meta/19140883-3ceb-4d2d-95da-524b588dbb86.json">
1<script type="module" src="/_nuxt/JIYVAqFA.js" crossorigin></script>
1<meta name="theme-color" content="#000000"><meta name="apple-mobile-web-app-status-bar-style" content="black"><link rel="icon shortcut" type="image/x-icon" href="/favicon.ico"><link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><meta name="description" content="GT Canon – a serif typeface by Grilli Type – is available in an extensive range of styles in both variable and static formats. From Condensed Thin Small to Expanded Black Large, the typeface family spans three optical sizes, seven weights, five widths, italics, and a monospaced companion."><meta name="og:type" content="website"><meta name="og:title" content="GT Canon"><meta name="og:description" content="GT Canon – a serif typeface by Grilli Type – is available in an extensive range of styles in both variable and static formats. From Condensed Thin Small to Expanded Black Large, the typeface family spans three optical sizes, seven weights, five widths, italics, and a monospaced companion."><meta name="og:image" content="/og_image.png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="GT Canon"><meta name="twitter:description" content="GT Canon – a serif typeface by Grilli Type – is available in an extensive range of styles in both variable and static formats. From Condensed Thin Small to Expanded Black Large, the typeface family spans three optical sizes, seven weights, five widths, italics, and a monospaced companion."><meta name="twitter:image" content="/og_image.png"></head><body><div id="__nuxt"><div class="font-serif"><!--[--><nav aria-label="Main navigation" role="navigation" class="font-mono"><button type="button" class="font-mono select-none cursor-pointer inline-flex leading-[100%] items-center justify-center tracking-wider transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed bg-black text-white hover:text-secondary uppercase h-8 px-2 py-2 text-[14px] fixed top-0 left-0 z-99 gap-2 transition-transform duration-500 ease-snap" aria-label="Go to homepage"><!--[--><div class="w-3 h-3 rounded-full bg-current transition-all" aria-hidden="true"></div><div><div> GT Canon </div></div><!--]--></button><div class="flex gap-px fixed top-0 right-0 md:right-9 z-96 transition-transform duration-500 ease-snap" role="group"><a href="https://www.grillitype.com/typeface/gt-canon" target="_blank" rel="noopener noreferrer" class="font-mono select-none cursor-pointer inline-flex leading-[100%] items-center justify-center tracking-wider transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed bg-black text-white hover:text-secondary uppercase h-8 px-2 py-2 text-[14px]" aria-label="Try or buy GT Canon typeface (opens in new tab)"><!--[--> Try/Buy <!--]--></a><button type="button" class="font-mono select-none cursor-pointer inline-flex leading-[100%] items-center justify-center tracking-wider transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed bg-black text-white hover:text-secondary uppercase h-8 px-2 py-2 text-[14px]" data-id="infoBtn" aria-expanded="false" aria-label="Toggle information panel"><!--[--> Information <!--]--></button></div></nav><div><aside class="text-[clamp(0.5625rem,0.3836rem+0.7634vw,0.75rem)] md:text-[12px] leading-[100%] text-white fixed z-98 left-0 top-0 bottom-0 flex flex-col transition-transform duration-500 ease-snap" aria-label="Article navigation"><div class="flex-1 md:h-18 w-4 bg-black"></div><nav class="uppercase w-8 bg-black py-2 h-[90svh] cursor-pointer select-none"><div class="appearance-none outline-none w-full h-full flex flex-col items-center justify-end pb-1" aria-expanded="false" aria-label="Toggle article list" role="navigation"><!--[--><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/anatomy" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Anatomy article" data-allow-mismatch="class">A</a><div class="lg:hidden">A</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a aria-current="page" href="/articles/balance" class="text-tertiary/50 pointer-events-none router-link-exact-active hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Balance article" data-allow-mismatch="class">B</a><div class="lg:hidden">B</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/contrast" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Contrast article" data-allow-mismatch="class">C</a><div class="lg:hidden">C</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/display" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Display article" data-allow-mismatch="class">D</a><div class="lg:hidden">D</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/edge" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Edge article" data-allow-mismatch="class">E</a><div class="lg:hidden">E</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/face" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Face article" data-allow-mismatch="class">F</a><div class="lg:hidden">F</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/gravity" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Gravity article" data-allow-mismatch="class">G</a><div class="lg:hidden">G</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/harmony" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Harmony article" data-allow-mismatch="class">H</a><div class="lg:hidden">
1H</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/instance" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Instance article" data-allow-mismatch="class">I</a><div class="lg:hidden">I</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/justify" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Justify article" data-allow-mismatch="class">J</a><div class="lg:hidden">J</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/knockout" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Knockout article" data-allow-mismatch="class">K</a><div class="lg:hidden">K</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/line" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Line article" data-allow-mismatch="class">L</a><div class="lg:hidden">L</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/motion" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Motion article" data-allow-mismatch="class">M</a><div class="lg:hidden">M</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/node" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Node article" data-allow-mismatch="class">N</a><div class="lg:hidden">N</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/overshoot" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Overshoot article" data-allow-mismatch="class">O</a><div class="lg:hidden">O</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/proportion" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Proportion article" data-allow-mismatch="class">P</a><div class="lg:hidden">P</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/quote" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Quote article" data-allow-mismatch="class">Q</a><div class="lg:hidden">Q</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/rhythm" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Rhythm article" data-allow-mismatch="class">R</a><div class="lg:hidden">R</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/scale" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Scale article" data-allow-mismatch="class">S</a><div class="lg:hidden">S</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/tension" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Tension article" data-allow-mismatch="class">T</a><div class="lg:hidden">T</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/user-experience" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to User Experience article" data-allow-mismatch="class">U</a><div class="lg:hidden">U</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/vector" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Vector article" data-allow-mismatch="class">V</a><div class="lg:hidden">V</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/whitespace" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Whitespace article" data-allow-mismatch="class">W</a><div class="lg:hidden">W</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/x-height" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to X-Height article" data-allow-mismatch="class">X</a><div class="lg:hidden">X</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/yes" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Yes article" data-allow-mismatch="class">Y</a><div class="lg:hidden">Y</div></span><span class="w-full text-center pt-[clamp(0.796875rem,0.454rem+1.4631vw,1.15625rem)] md:pt-0 md:h-[min(3.34svh,31px)] flex flex-col justify-end"><a href="/articles/zone" class="hover:text-secondary cursor-pointer transition-all duration-200 hidden lg:block" role="menuitem" aria-label="Navigate to Zone article" data-allow-mismatch="class">Z</a><div class="lg:hidden">Z</div></span><!--]--></div></nav></aside><div class="fixed bottom-0 h-[90svh] left-0 pl-8 flex flex-col justify-end bg-black py-2 w-[30ch] md:w-107.5 data-[open=false]:-translate-x-full z-97 text-white transition-transform duration-500 ease-snap" data-open="false"><!--[--><a href="/articles/anatomy" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Anatomy article" data-allow-mismatch="class">Anatomy</a><a aria-current="page" href="/articles/balance" class="text-tertiary/50 pointer-events-none router-link-exact-active text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Balance article" data-allow-mismatch="class">Balance</a><a href="/articles/contrast" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Contrast article" data-allow-mismatch="class">Contrast</a><a href="/articles/display" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Display article" data-allow-mismatch="class">Display</a><a href="/articles/edge" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Edge article" data-allow-mismatch="class">Edge</a><a href="/articles/face" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Face article" data-allow-mismatch="class">Face</a><a href="/articles/gravity" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Gravity article" data-allow-mismatch="class">Gravity</a><a href="/articles/harmony" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Harmony article" data-allow-mismatch="class">Harmony</a><a href="/articles/instance" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Instance article" data-allow-mismatch="class">Instance</a><a href="/articles/justify" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Justify article" data-allow-mismatch="class">Justify</a><a href="/articles/knockout" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Knockout article" data-allow-mismatch="class">Knockout</a><a href="/articles/line" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Line article" data-allow-mismatch="class">Line</a><a href="/articles/motion" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Motion article" data-allow-mismatch="class">Motion</a><a href="/articles/node" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Node article" data-allow-mismatch="class">Node</a><a href="/articles/overshoot" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Overshoot article" data-allow-mismatch="class">Overshoot</a><a href="/articles/proportion" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Proportion article" data-allow-mismatch="class">Proportion</a><a href="/articles/quote" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Quote article" data-allow-mismatch="class">Quote</a><a href="/articles/rhythm" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Rhythm article" data-allow-mismatch="class">Rhythm</a><a href="/articles/scale" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Scale article" data-allow-mismatch="class">Scale</a><a href="/articles/tension" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Tension article" data-allow-mismatch="class">Tension</a><a href="/articles/user-experience" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to User Experience article" data-allow-mismatch="class">User Experience</a><a href="/articles/vector" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Vector article" data-allow-mismatch="class">Vector</a><a href="/articles/whitespace" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Whitespace article" data-allow-mismatch="class">Whitespace</a><a href="/articles/x-height" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to X-Height article" data-allow-mismatch="class">X-Height</a><a href="/articles/yes" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Yes article" data-allow-mismatch="class">Yes</a><a href="/articles/zone" class="text-[clamp(1.5625rem,0.9661rem+2.5445vw,2.1875rem)] md:text-[min(3.3svh,35px)] md:h-[min(3.34svh,31px)] leading-[87%] uppercase select-none hover:text-secondary transition-all duration-200" role="menuitem" aria-label="Navigate to Zone article" data-allow-mismatch="class">Zone</a><!--]--></div></div><!--]--><div class="layout-balance max-w-500 mx-auto pl-12 pr-8 md:px-12 py-10"><div class="pointer-events-none lg:hidden grid grid-cols-1 gap-4 mb-12"><div class="pointer-events-auto" data-v-e46636ed><div class="grid grid-cols-2 gap-2.5" data-v-e46636ed><!--[--><!--[--><div class="text-secondary uppercase text-[12px] [--font-opsz:12] leading-[104%] tracking-wide col-span-2"><p><!--[-->Balance is not symmetry. It is the <a href="/articles/tension" class=""><!--[-->tension<!--]--></a> between collapse and coherence. Therefore, it is the opposite of stillness. To speak of balance is to invoke the condition of something being held and not to be fixed. No conclusion b
1ut an ongoing relation. A weight <em><!--[-->here<!--]--></em> presupposes a counter <em><!--[-->there<!--]--></em>, even if that counter is nothing but the absence of its <em><!--[-->here<!--]--></em> with reversed signs. Balance does not eliminate difference; it activates it, arranges it, gives it place. Balance is the <a href="/articles/tension" class=""><!--[-->tension<!--]--></a> needed to neither explode or implode. What arises when intention meets the accidental and neither is abolished. In bodies, in breaths, in the temporality and modalities of being, balance appears as that which is always about to shift. As in thought: a phrase balanced on its referent, meaning slipping just out of reach, suspended between the known and the not-yet. Balance is the architecture of instability—made durable through time.<!--]--></p></div><!--]--><!--[--><div class="text-secondary text-[9px] [--font-opsz:9] leading-[130%] hyphens-auto tracking-wide"><p><!--[-->Balance is not a matter of equality but of energy. Layouts can be balanced or not, regardless of whether they are symmetrical or asymmetrical. A sculpture can teeter and still rest. Our task is not to enforce equilibrium, but to find the point where the space begins to breathe. Balance resides in <a href="/articles/contrast" class=""><!--[-->contrast<!--]--></a>: between forms, weights, tones, <a href="/articles/tensions" class=""><!--[-->tensions<!--]--></a>. It is noticed before it is seen, known before it is measured. A poster calming your eye without quieting it, a painting’s <a href="/articles/tension" class=""><!--[-->tension<!--]--></a> resolves in stillness. Balance is never imposed. It emerges through attention and waiver. Balance is not the absence of friction, but its distribution. Balance follows form, forms form, follows content, content which is shaping form, form flowing into form, unintentionally intentional. Balance follows the missing guide. A choreography holding it all together without ever being the center.<!--]--></p></div><!--]--><!--[--><div class="text-secondary text-[9px] [--font-opsz:9] leading-[130%] hyphens-auto tracking-wide"><p><!--[-->Its presence is characterised by a constant fluctuation between the general and the specific: At the level of the system, the medium, the artboard, the sentence, the <a href="/articles/line" class=""><!--[-->line<!--]--></a>, word, glyph, bar, loop or ear. Letters balance their inner space with the weight of their strokes: the bowl of an “a”, the counter of an “e”, the mouth of a “C”. The left side shouldn’t overstate, the right shouldn’t fall away. On a page, balance occurs across the line: x-height against ascender height, text weight against leading, headline mass against <a href="/articles/white" class=""><!--[-->white<!--]--></a> space. In multi-weight families, balance becomes structural. How does a bold relate to its regular? How does balance persist across axes? Balance champions accuracy over precision. It is about what we see, not what we measure. And the eye likes balance, not boredom. Balance is invitation. The reader enters because the page holds.<!--]--></p></div><!--]--><!--]--></div></div><div class="relative min-h-[35svh]"><div data-allow-mismatch="class" class="pointer-events-none uppercase leading-[84%] font-light absolute z-95 mix-blend-difference text-white [--font-opsz:60] text-[10.5vw] md:text-[9vw] lg:text-[108px] left-2 lg:left-12 top-[10svh] md:top-[15svh] lg:top-[20svh] max-w-[90vw] opacity-0" style="transform:translate3d(0px,0px,2px);"><h1>Balancing and Shoeing Trotting and Pacing Horses</h1><h2 class="tracking-tight text-[1.05em]"><!--[--><span class="lowercase">by </span><span class="capitalize italic">William J. Moore</span><!--]--></h2></div><div class="grid grid-cols-2 md:grid-cols-3 gap-2.5" data-allow-mismatch="class"><!--[--><!--[--><video src="https://stream.mux.com/PZuGdg36vAqTwhKoWXf02xrhiR5fCQHMvd005502lQl6U4/capped-1080p.mp4" class="w-full h-auto" autoplay muted playsinline disablePictureInPicture data-allow-mismatch="class"></video><!--]--><!--[-->
1<video src="https://stream.mux.com/00Z4HEZFCZz5LjYyPhS4Lg01H4rErPAtJOkAU54dXu9AE/capped-1080p.mp4" class="w-full h-auto" autoplay muted playsinline disablePictureInPicture data-allow-mismatch="class"></video><!--]--><!--]--></div></div><div data-allow-mismatch="class" style="transform:translate3d(0px,0px,1px);" class="pointer-events-auto font-mono text-[12px] leading-[123%] font-normal mix-blend-difference text-white top-10 left-12 right-12 grid grid-cols-12 gap-2.5 opacity-0"><div class="col-start-1 col-span-12 gap-y-2 flex flex-col justify-between"><!--[--><!--[--><div class=""><p><!--[-->Title: Balancing and Shoeing Trotting and Pacing Horses<!--]--></p></div><!--]--><!--[--><div class=""><p><!--[-->Author: William J. Moore<!--]--></p></div><!--]--><!--[--><div class=""><p><!--[-->Release Date: August 19, 2021 <br><span>eBook #66089</span><!--]--></p></div><!--]--><!--[--><div class=""><p><!--[-->Language: English <br>Credits: Richard Tonsing and the Online Distributed Proofreading Team at pgdp.net <br>Images: Eadweard Muybridge, <em><!--[-->Animated halloping race horse<!--]--></em> (from “Animal Locomotion,” plate 626). Public domain. <a href="https://commons.wikimedia.org/wiki/File:Muybridge_race_horse_animated.gif" rel="nofollow"><!--[-->Wikimedia Commons<!--]--></a><!--]--></p></div><!--]--><!--]--></div></div></div><div class="pointer-events-none hidden lg:block"><div class="pointer-events-auto mb-[-20svh]" data-v-e46636ed><div class="grid grid-cols-3 gap-2.5" data-v-e46636ed><!--[--><!--[--><div class="text-secondary uppercase text-[12px] [--font-opsz:12] leading-[104%] tracking-wide"><p><!--[-->Balance is not symmetry. It is the <a href="/articles/tension" class=""><!--[-->tension<!--]--></a> between collapse and coherence. Therefore, it is the opposite of stillness. To speak of balance is to invoke the condition of something being held and not to be fixed. No conclusion but an ongoing relation. A weight <em><!--[-->here<!--]--></em> presupposes a counter <em><!--[-->there<!--]--></em>, even if that counter is nothing but the absence of its <em><!--[-->here<!--]--></em> with reversed signs. Balance does not eliminate difference; it activates it, arranges it, gives it place. Balance is the <a href="/articles/tension" class=""><!--[-->tension<!--]--></a> needed to neither explode or implode. What arises when intention meets the accidental and neither is abolished. In bodies, in breaths, in the temporality and modalities of being, balance appears as that which is always about to shift. As in thought: a phrase balanced on its referent, meaning slipping just out of reach, suspended between the known and the not-yet. Balance is the architecture of instability—made durable through time.<!--]--></p></div><!--]--><!--[--><div class="text-secondary uppercase text-[12px] [--font-opsz:12] leading-[104%] tracking-wide"><p><!--[-->Balance is not a matter of equality but of energy. Layouts can be balanced or not, regardless of whether they are symmetrical or asymmetrical. A sculpture can teeter and still rest. Our task is not to enforce equilibrium, but to find the point where the space begins to breathe. Balance resides in <a href="/articles/contrast" class=""><!--[-->contrast<!--]--></a>: between forms, weights, tones, <a href="/articles/tensions" class=""><!--[-->tensions<!--]--></a>. It is noticed before it is seen, known before it is measured. A poster calming your eye without quieting it, a painting’s <a href="/articles/tension" class=""><!--[-->tension<!--]--></a> resolves in stillness. Balance is never imposed. It emerges through attention and waiver. Balance is not the absence of friction, but its distribution. Balance follows form, forms form, follows content, content which is shaping form, form flowing into form, unintentionally intentional. Balance follows the missing guide. A choreography holding it all together without ever being the center.<!--]--></p></div><!--]--><!--[--><div class="text-secondary uppercase text-[12px] [--font-opsz:12] leading-[104%] tracking-wide"><p><!--[-->Its presence is characterised by a constant fluctuation between the general and the specific: At the level of the system, the medium, the artboard, the sentence, the <a href="/articles/line" class=""><!--[-->line<!--]--></a>, word, glyph, bar, loop or ear. Letters balance their inner space with the weight of their strokes: the bowl of an “a”, the counter of an “e”, the mouth of a “C”. The left side shouldn’t overstate, the right shouldn’t fall away. On a page, balance occurs across the line: x-height against ascender height, text weight against leading, headline mass against <a href="/articles/white" class=""><!--[-->white<!--]--></a> space. In multi-weight families, balance becomes structural. How does a bold relate to its regular? How does balance persist across axes? Balance champions accuracy over precision. It is about what we see, not what we measure. And the eye likes balance, not boredom. Balance is invitation. The reader enters because the page holds.<!--]--></p></div><!--]--><!--]--></div></div><div class="h-svh relative"><div data-allow-mismatch="class" class="pointer-events-none uppercase leading-[84%] font-light absolute z-95 mix-blend-difference text-white [--font-opsz:60] text-[10.5vw] md:text-[9vw] lg:text-[108px] left-2 lg:left-12 top-[10svh] md:top-[15svh] lg:top-[20svh] max-w-[90vw] opacity-0" style="transform:translate3d(0px,0px,2px);"><h1>Balancing and Shoeing Trotting and Pacing Horses</h1><h2 class="tracking-tight text-[1.05em]"><!--[--><span class="lowercase">
1by </span><span class="capitalize italic">William J. Moore</span><!--]--></h2></div><div class="absolute -z-1 grid grid-cols-24 gap-2.5 left-0 right-0 top-10 bottom-10" data-allow-mismatch="class"><!--[--><!--[--><video src="https://stream.mux.com/PZuGdg36vAqTwhKoWXf02xrhiR5fCQHMvd005502lQl6U4/capped-1080p.mp4" class="w-full h-auto self-center col-start-3 col-span-5 self-end" autoplay muted playsinline disablePictureInPicture data-allow-mismatch="class"></video><!--]--><!--[--><video src="https://stream.mux.com/00Z4HEZFCZz5LjYyPhS4Lg01H4rErPAtJOkAU54dXu9AE/capped-1080p.mp4" class="w-full h-auto self-center col-span-12 col-start-12" autoplay muted playsinline disablePictureInPicture data-allow-mismatch="class"></video><!--]--><!--]--></div><div data-allow-mismatch="class" style="transform:translate3d(0px,0px,1px);" class="pointer-events-auto font-mono text-[12px] leading-[123%] font-normal mix-blend-difference text-white left-0 right-0 grid grid-cols-12 gap-2.5 top-1 bottom-1 absolute opacity-0"><!--[--><!--[--><div class="col-start-6 col-span-2 row-start-1"><p><!--[-->Title: Balancing and Shoeing Trotting and Pacing Horses<!--]--></p></div><!--]--><!--[--><div class="col-start-1 col-span-2 row-start-2 self-center"><p><!--[-->Author: <br>William J. Moore<!--]--></p></div><!--]--><!--[--><div class="col-start-12 col-span-1 row-start-2 self-center"><p><!--[-->Release Date: August 19, 2021 <br><span>eBook #66089</span><!--]--></p></div><!--]--><!--[--><div class="col-start-6 col-span-2 row-start-3 self-end"><p><!--[-->Language: English <br>Credits: Richard Tonsing and the Online Distributed Proofreading Team at pgdp.net <br>Images: Eadweard Muybridge, <em><!--[-->Animated halloping race horse<!--]--></em> (from “Animal Locomotion,” plate 626). Public domain. <a href="https://commons.wikimedia.org/wiki/File:Muybridge_race_horse_animated.gif" rel="nofollow"><!--[-->Wikimedia Commons<!--]--></a><!--]--></p></div><!--]--><!--]--></div></div></div><div><div class=""></div></div></div><div class="hidden lg:block fixed top-full left-[200px] w-[850px] transition-transform duration-500 ease-snap z-97"><div class="absolute top-0 left-0 translate-y-[calc(-100%+1px)] flex"><div class="w-1.5 bg-black h-5" aria-hidden="true"></div><div class="bg-black h-2 w-3 self-end" aria-hidden="true"></div><button type="button" class="font-mono select-none cursor-pointer inline-flex leading-[100%] items-center justify-center tracking-wider transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed bg-black text-white hover:text-secondary uppercase h-5 px-3 text-[12px] font-medium w-28 text-center"><!--[--><span class="flex gap-2"><span class="normal-case flex gap-0.5">Aa <div class="w-px h-[1em] bg-current"></div></span><span class="tracking-tight flex items-center gap-1"><!----> Typewriter</span></span><!--]--></button><div class="bg-black h-2 w-3 self-end" aria-hidden="true"></div><div class="w-1.5 bg-black h-5" aria-hidden="true"></div></div><div class="bg-black text-white px-3 py-2 grid grid-cols-7 gap-4"><div data-v-0b6a3c22><fieldset data-v-0b6a3c22><legend class="block text-[11px] uppercase font-mono mb-2" data-v-0b6a3c22>Subfamily</legend><div class="flex-col gap-1 flex" data-v-0b6a3c22><!--[--><div class="flex items-center" data-v-0b6a3c22><input id="ui-radio-v-0-0-small" name="ui-radio-v-0-0" value="small" type="radio" class="h-3.25 w-3.25" data-v-0b6a3c22><label for="ui-radio-v-0-0-small" class="ml-1 text-[11px] uppercase font-mono cursor-pointer" data-v-0b6a3c22>Small</label></div><div class="flex items-center" data-v-0b6a3c22><input id="ui-radio-v-0-0-medium" name="ui-radio-v-0-0" value="medium" type="radio" class="h-3.25 w-3.25" data-v-0b6a3c22><label for="ui-radio-v-0-0-medium" class="ml-1 text-[11px] uppercase font-mono cursor-pointer" data-v-0b6a3c22>Medium</label></div><div class="flex items-center" data-v-0b6a3c22><input id="ui-radio-v-0-0-large" name="ui-radio-v-0-0" value="large" checked type="radio" class="h-3.25 w-3.25" data-v-0b6a3c22><label for="ui-radio-v-0-0-large" class="ml-1 text-[11px] uppercase font-mono curs
1or-pointer" data-v-0b6a3c22>Large</label></div><div class="flex items-center" data-v-0b6a3c22><input id="ui-radio-v-0-0-mono" name="ui-radio-v-0-0" value="mono" type="radio" class="h-3.25 w-3.25" data-v-0b6a3c22><label for="ui-radio-v-0-0-mono" class="ml-1 text-[11px] uppercase font-mono cursor-pointer" data-v-0b6a3c22>Mono</label></div><!--]--></div></fieldset></div><div data-v-0b6a3c22><fieldset data-v-0b6a3c22><legend class="block text-[11px] uppercase font-mono mb-2" data-v-0b6a3c22>Style</legend><div class="flex-col gap-1 flex" data-v-0b6a3c22><!--[--><div class="flex items-center" data-v-0b6a3c22><input id="ui-radio-v-0-1-regular" name="ui-radio-v-0-1" value="regular" checked type="radio" class="h-3.25 w-3.25" data-v-0b6a3c22><label for="ui-radio-v-0-1-regular" class="ml-1 text-[11px] uppercase font-mono cursor-pointer" data-v-0b6a3c22>Regular</label></div><div class="flex items-center" data-v-0b6a3c22><input id="ui-radio-v-0-1-italic" name="ui-radio-v-0-1" value="italic" type="radio" class="h-3.25 w-3.25" data-v-0b6a3c22><label for="ui-radio-v-0-1-italic" class="ml-1 text-[11px] uppercase font-mono cursor-pointer" data-v-0b6a3c22>Italic</label></div><!--]--></div></fieldset></div><div class="select-none" aria-disabled="false"><div class="text-white text-[11px] uppercase font-mono mb-2">Optical Size</div><div class="cursor-nesw-resize aspect-square border-b border-l w-full relative group"><span class="absolute top-0.5 left-2 text-text-tertiary select-none pointer-events-none text-[9px] font-mono uppercase z-2">8<!----></span><!----><!----><span class="w-[141.42%] bg-current absolute -rotate-45 h-px left-1/2 top-1/2 -translate-1/2"></span><span class="dot w-3 h-3 rounded-full block absolute bg-radial-(--input-bg-alt) -translate-1/2 cursor-grab hover:bg-radial-(--input-bg-active) group-hover:bg-radial-(--input-bg-active) active:cursor-grabbing active:bg-radial-(--input-bg-active) group-active:bg-radial-(--input-bg-active)" style="left:0%;top:100%;"></span></div></div><div class="select-none" aria-disabled="false"><div class="text-white text-[11px] uppercase font-mono mb-2">Width</div><div class="cursor-ew-resize aspect-square border-b border-l w-full relative group"><span class="absolute top-0.5 left-2 text-text-tertiary select-none pointer-events-none text-[9px] font-mono uppercase z-2">100<span><span> </span>(Normal)</span></span><span class="w-full bg-current absolute h-px left-0 right-0 top-1/2 -translate-y-1/2"></span><!----><!----><span class="dot w-3 h-3 rounded-full block absolute bg-radial-(--input-bg-alt) -translate-1/2 cursor-grab hover:bg-radial-(--input-bg-active) group-hover:bg-radial-(--input-bg-active) active:cursor-grabbing active:bg-radial-(--input-bg-active) group-active:bg-radial-(--input-bg-active)" style="left:55.75221238938053%;top:50%;"></span></div></div><div class="select-none" aria-disabled="false"><div class="text-white text-[11px] uppercase font-mono mb-2">Weight</div><div class="cursor-ns-resize aspect-square border-b border-l w-full relative group"><span class="absolute top-0.5 left-2 text-text-tertiary select-none pointer-events-none text-[9px] font-mono uppercase z-2">400<span><span> </span>(Regular)</span></span><!----><span class="h-full bg-current absolute w-px top-0 bottom-0 left-1/2 -translate-x-1/2"></span><!----><span class="dot w-3 h-3 rounded-full block absolute bg-radial-(--input-bg-alt) -translate-1/2 cursor-grab hover:bg-radial-(--input-bg-active) group-hover:bg-radial-(--input-bg-active) active:cursor-grabbing active:bg-radial-(--input-bg-active) group-active:bg-radial-(--input-bg-active)" style="top:83.33333333333334%;left:50%;"></span></div></div><div class="space-y-2"><div class="text-[11px] uppercase font-mono mb-2"> Metrics </div><div class="relative h-4.5" data-v-f3f062dd><input id="ui-range-v-0-2" value="150" min="8" max="200" step="1" type="range" class="w-full m-0 p-0 appearance-none cursor-pointer active:cursor-ew-resize normalised" data-v-f3f062dd><div class="text-[9px] text-tertiary absolute top-1/2 left-1/2 -translate-1/2 leading-[100%] font-mono uppercase pointer-events-none" data-v-f3f062dd><span data-v-f3f062dd>150</span><span data-v-f3f062dd><span data-v-f3f062dd> </span>px</span></div></div><div class="relative h-4.5" data-v-f3f062dd><input id="ui-range-v-0-3" value="100" min="100" max="200" step="1" type="range" class="w-full m-0 p-0 appearance-none cursor-pointer active:cursor-ew-resize normalised" data-v-f3f062dd><div class="text-[9px] text-tertiary absolute top-1/2 left-1/2 -translate-1/2 leading-[100%] font-mono uppercase pointer-events-none" data-v-f3f062dd><span data-v-f3f062dd>100</span><span data-v-f3f062dd><!---->%</span></div></div><div class="relative h-4.5" data-v-f3f062dd>
1<input id="ui-range-v-0-4" value="0" min="-0.05" max="0.05" step="0.01" type="range" class="w-full m-0 p-0 appearance-none cursor-pointer active:cursor-ew-resize normalised" data-v-f3f062dd><div class="text-[9px] text-tertiary absolute top-1/2 left-1/2 -translate-1/2 leading-[100%] font-mono uppercase pointer-events-none" data-v-f3f062dd><span data-v-f3f062dd>0</span><span data-v-f3f062dd><span data-v-f3f062dd> </span>em</span></div></div></div><div class="space-y-2"><div class="text-[11px] uppercase font-mono mb-2"> Features </div><div class="relative h-4.5" data-v-5bd66c29><input id="ui-toggle-v-0-5" type="checkbox" class="w-full h-full appearance-none cursor-pointer toggle-input" data-v-5bd66c29><div class="text-[9px] text-tertiary absolute top-1/2 left-1/2 whitespace-pre -translate-x-1/2 translate-y-[calc(-50%+1px)] leading-none font-mono uppercase pointer-events-none" data-v-5bd66c29><span data-v-5bd66c29>Small Caps</span></div></div><div class="relative h-4.5" data-v-5bd66c29><input id="ui-toggle-v-0-6" type="checkbox" class="w-full h-full appearance-none cursor-pointer toggle-input" data-v-5bd66c29><div class="text-[9px] text-tertiary absolute top-1/2 left-1/2 whitespace-pre -translate-x-1/2 translate-y-[calc(-50%+1px)] leading-none font-mono uppercase pointer-events-none" data-v-5bd66c29><span data-v-5bd66c29>Tabular Fig.</span></div></div><div class="relative h-4.5" data-v-5bd66c29><input id="ui-toggle-v-0-7" type="checkbox" class="w-full h-full appearance-none cursor-pointer toggle-input" data-v-5bd66c29><div class="text-[9px] text-tertiary absolute top-1/2 left-1/2 whitespace-pre -translate-x-1/2 translate-y-[calc(-50%+1px)] leading-none font-mono uppercase pointer-events-none" data-v-5bd66c29><span data-v-5bd66c29>Oldstyle Fig.</span></div></div></div></div></div><div class="fixed inset-0 z-999 bg-white text-black cursor-none"><div class="fixed pointer-events-none" style="left:0px;top:0px;transform:translate(-50%, -50%);display:none;"><svg width="250" height="250" viewbox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg" class="stepped-spin w-12.5 h-12.5" data-v-83297ba1><circle cx="125" cy="125" r="125" fill="white" data-v-83297ba1></circle><path d="M250 125C250 194.036 194.036 250 125 250V125H250ZM125 125H0C0 55.9644 55.9644 0 125 0V125Z" fill="black" data-v-83297ba1></path></svg></div></div><!----><div></div><span></span></div></div><div id="teleports"></div>
1<script>window.__NUXT__={};window.__NUXT__.config={public:{"nuxt-scripts":{version:"",defaultScriptOptions:{trigger:"onNuxtReady"}},scripts:{googleAnalytics:{id:"G-0E264Y98GF"}},mdc:{components:{prose:true,map:{}},headings:{anchorLinks:{h1:false,h2:true,h3:true,h4:true,h5:false,h6:false}},highlight:{noApiRoute:true,highlighter:"shiki",theme:{default:"github-light",dark:"github-dark"},shikiEngine:"oniguruma",langs:["js","jsx","json","ts","tsx","vue","css","html","bash","md","mdc","yaml"]}},content:{wsUrl:""}},app:{baseURL:"/",buildId:"19140883-3ceb-4d2d-95da-524b588dbb86",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
1<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__" data-src="/articles/balance/_payload.json?19140883-3ceb-4d2d-95da-524b588dbb86">[{"state":1,"once":236,"_errors":238,"serverRendered":240,"path":15,"prerenderedAt":241},["Reactive",2],{"$snavigation":3,"$svisitedLinks":235},[4,13,22,31,40,49,58,67,76,85,94,103,112,121,130,139,147,156,164,173,182,191,200,209,218,227],{"title":5,"path":6,"stem":7,"children":8,"id":10,"word":11,"thumbnail":12},"The Anatomy of Melancholy","/articles/anatomy","articles/anatomy/index",[9],{"title":5,"path":6,"stem":7,"id":10,"word":11,"thumbnail":12},"articles/articles/anatomy/index.md","Anatomy","A-thumb.png",{"title":14,"path":15,"stem":16,"children":17,"id":19,"word":20,"thumbnail":21},"Balancing and Shoeing Trotting and Pacing Horses","/articles/balance","articles/balance/index",[18],{"title":14,"path":15,"stem":16,"id":19,"word":20,"thumbnail":21},"articles/articles/balance/index.md","Balance","B-thumb.png",{"title":23,"path":24,"stem":25,"children":26,"id":28,"word":29,"thumbnail":30},"Night and Day","/articles/contrast","articles/contrast/index",[27],{"title":23,"path":24,"stem":25,"id":28,"word":29,"thumbnail":30},"articles/articles/contrast/index.md","Contrast","C-thumb.png",{"title":32,"path":33,"stem":34,"children":35,"id":37,"word":38,"thumbnail":39},"Pensees","/articles/display","articles/display/index",[36],{"title":32,"path":33,"stem":34,"id":37,"word":38,"thumbnail":39},"articles/articles/display/index.md","Display","D-thumb.png",{"title":41,"path":42,"stem":43,"children":44,"id":46,"word":47,"thumbnail":48},"The Description of a New World, Called the Blazing-World","/articles/edge","articles/edge/index",[45],{"title":41,"path":42,"stem":43,"id":46,"word":47,"thumbnail":48},"articles/articles/edge/index.md","Edge","E-thumb.png",{"title":50,"path":51,"stem":52,"children":53,"id":55,"word":56,"thumbnail":57},"Ulysses","/articles/face","articles/face/index",[54],{"title":50,"path":51,"stem":52,"id":55,"word":56,"thumbnail":57},"articles/articles/face/index.md","Face","F-thumb.png",{"title":59,"path":60,"stem":61,"children":62,"id":64,"word":65,"thumbnail":66},"The Antichrist","/articles/gravity","articles/gravity/index",[63],{"title":59,"path":60,"stem":61,"id":64,"word":65,"thumbnail":66},"articles/articles/gravity/index.md","Gravity","G-thumb.png",{"title":68,"path":69,"stem":70,"children":71,"id":73,"word":74,"thumbnail":75},"The Fables of Æsop","/articles/harmony","articles/harmony/index",[72],{"title":68,"path":69,"stem":70,"id":73,"word":74,"thumbnail":75},"articles/articles/harmony/index.md","Harmony","H-thumb.png",{"title":77,"path":78,"stem":79,"children":80,"id":82,"word":83,"thumbnail":84},"The Strange Case of Dr. Jekyll and Mr. Hyde","/articles/instance","articles/instance/index",[81],{"title":77,"path":78,"stem":79,"id":82,"word":83,"thumbnail":84},"articles/articles/instance/index.md","Instance","I-thumb.png",{"title":86,"path":87,"stem":88,"children":89,"id":91,"word":92,"thumbnail":93},"The Republic","/articles/justify","articles/justify/index",[90],{"title":86,"path":87,"stem":88,"id":91,"word":92,"thumbnail":93},"articles/articles/justify/index.md","Justify","J-thumb.png",{"title":95,"path":96,"stem":97,"children":98,"id":100,"word":101,"thumbnail":102},"","/articles/knockout","articles/knockout/index",[99],{"title":95,"path":96,"stem":97,"id":100,"word":101,"thumbnail":102},"articles/articles/knockout/index.md","Knockout","K-thumb.png",{"title":104,"path":105,"stem":106,"children":107,"id":109,"word":110,"thumbnail":111},"\u003Cspan class=\"italic\">The\u003C/span> WONDERFUL WIZARD \u003Cspan class=\"italic\">of\u003C/span> OZ","/articles/line","articles/line/index",[108],{"title":104,"path":105,"stem":106,"id":109,"word":110,"thumbnail":111},"articles/articles/line/index.md","Line","L-thumb.png",{"title":113,"path":114,"stem":115,"children":116,"id":118,"word":119,"thumbnail":120},"The Iliad","/articles/motion","articles/motion/index",[117],{"title":113,"path":114,"stem":115,"id":118,"word":119,"thumbnail":120},"articles/articles/motion/index.md","Motion","M-thumb.png",{"title":122,"path":123,"stem":124,"children":125,"id":127,"word":128,"thumbnail":129},"The Magnificent Possession","/articles/node","articles/node/index",[126],{"title":122,"path":123,"stem":124,"id":127,"word":128,"thumbnail":129},"articles/articles/node/index.md","Node","N-thumb.png",{"title":131,"path":132,"stem":133,"children":134,"id":136,"word":137,"thumbnail":138},"The Happy Golfer","/articles/overshoot","articles/overshoot/index",[135],{"title":131,"path":132,"stem":133,"id":136,"word":137,"thumbnail":138},"articles/articles/overshoot/index.md","Overshoot","O-thumb.png",{"title":95,"path":140,"stem":141,"children":142,"id":144,"word":145,"thumbnail":146},"/articles/proportion","articles/proportion/index",[143],{"title":95,"path":140,"stem":141,"id":144,"word":145,"thumbnail":146},"articles/articles/proportion/index.md","Proportion","P-thumb.png",{"title":148,"path":149,"stem":150,"children":151,"id":153,"word":154,"thumbnail":155},"Sappho: A New Rendering","/articles/quote","articles/quote/index",[152],{"title":148,"path":149,"stem":150,"id":153,"word":154,"thumbnail":155},"articles/articles/quote/index.md","Quote","Q-thumb.png",{"title":50,"path":157,"stem":158,"children":159,"id":161,"word":162,"thumbnail":163},"/articles/rhythm","articles/rhythm/index",[160],{"title":50,"path":157,"stem":158,"id":161,"word":162,"thumbnail":163},"articles/articles/rhythm/index.md","Rhythm","R-thumb.png",{"title":165,"path":166,"stem":167,"children":168,"id":170,"word":171,"thumbnail":172},"The Epic of Gilgamish","/articles/scale","articles/scale/index",[169],{"title":165,"path":166,"stem":167,"id":170,"word":171,"thumbnail":172},"articles/articles/scale/index.md","Scale","S-thumb.png",{"title":174,"path":175,"stem":176,"children":177,"id":179,"word":180,"thumbnail":181},"Frankenstein; Or, The Modern Prometheus","/articles/tension","articles/tension/index",[178],{"title":174,"path":175,"stem":176,"id":179,"word":180,"thumbnail":181},"articles/articles/tension/index.md","Tension","T-thumb.png",{"title":183,"path":184,"stem":185,"children":186,"id":188,"word":189,"thumbnail":190},"Tender Buttons","/articles/user-experience","articles/user-experience/index",[187],{"title":183,"path":184,"stem":185,"id":188,"word":189,"thumbnail":190},"articles/articles/user-experience/index.md","User Experience","U-thumb.png",{"title":192,"path":193,"stem":194,"children":195,"id":197,"word":198,"thumbnail":199},"Paradise Lost","/articles/vector","articles/vector/index",[196],{"title":192,"path":193,"stem":194,"
1id":197,"word":198,"thumbnail":199},"articles/articles/vector/index.md","Vector","V-thumb.png",{"title":201,"path":202,"stem":203,"children":204,"id":206,"word":207,"thumbnail":208},"The Book of Tea","/articles/whitespace","articles/whitespace/index",[205],{"title":201,"path":202,"stem":203,"id":206,"word":207,"thumbnail":208},"articles/articles/whitespace/index.md","Whitespace","W-thumb.png",{"title":210,"path":211,"stem":212,"children":213,"id":215,"word":216,"thumbnail":217},"Gulliver’s Travels into Several Remote Nations of the World","/articles/x-height","articles/x-height/index",[214],{"title":210,"path":211,"stem":212,"id":215,"word":216,"thumbnail":217},"articles/articles/x-height/index.md","X-Height","X-thumb.png",{"title":219,"path":220,"stem":221,"children":222,"id":224,"word":225,"thumbnail":226},"Bartleby, the Scrivener: A Story of Wall-Street","/articles/yes","articles/yes/index",[223],{"title":219,"path":220,"stem":221,"id":224,"word":225,"thumbnail":226},"articles/articles/yes/index.md","Yes","Y-thumb.png",{"title":95,"path":228,"stem":229,"children":230,"id":232,"word":233,"thumbnail":234},"/articles/zone","articles/zone/index",[231],{"title":95,"path":228,"stem":229,"id":232,"word":233,"thumbnail":234},"articles/articles/zone/index.md","Zone","Z-thumb.png",[],["Set",237],"$3oRWNoOsuN",["ShallowReactive",239],{"/articles/balance":-1,"mdc-otq5d5-key":-1,"mdc--3qnm3r-key":-1,"mdc-ssik25-key":-1,"mdc-8cwr0l-key":-1,"mdc--gd2vxq-key":-1,"mdc--3zol91-key":-1,"mdc--iguio7-key":-1,"mdc-iovgas-key":-1},true,1768316566497]</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.