Tema · Tipografia
Stili tipografici
Gli 79 stili di testo del tema (categoria typography): color-agnostici, qui mostrati su sezioni neutre. Ogni voce è il testo reso NEL suo stile + il nome e le classi. Il colore lo mette il ViewMode che li richiama.
Tipografia
La scala dei titoli
title3xl
us-title3xl · css → .us-title3xltitle2xl
us-title2xl · css → .us-title2xltitleXl
us-titleXl · css → .us-titleXltitleLg
us-titleLg · css → .us-titleLgtitleMd
us-titleMd · css → .us-titleMdtitleSm
us-titleSm · css → .us-titleSmtitleXs
us-titleXs · css → .us-titleXstitle2xs
us-title2xs · css → .us-title2xsTipografia
Modificatori di titolo
titleTight
us-titleTight · us-leadingNone us-trackingTightertitleLoose
us-titleLoose · us-leadingRelaxed us-trackingNormaltitleLight
us-titleLight · us-weightNormaltitleHeavy
us-titleHeavy · us-weightExtraboldTipografia
Titoli minori
subtitle
us-subtitle · us-textLg us-weightNormal us-leadingSnugTipografia
Corpo & lettura
lead
us-lead · css → .us-leadbody
us-body · us-textBase us-leadingRelaxedbodySmall
us-bodySmall · us-textSm us-leadingRelaxedsmall
us-small · us-textSmmuted
us-muted · css → .us-mutedcaption
us-caption · us-textXs us-leadingNormalTipografia
Etichette & meta
label
us-label · us-textSm us-weightMedium us-leadingNoneeyebrow
us-eyebrow · us-textXs us-weightSemibold us-caseUpper us-trackingWideeyebrow
us-eyebrow · us-textXs us-weightSemibold us-caseUpper us-trackingWideeyebrow
us-eyebrow · us-textXs us-weightSemibold us-caseUpper us-trackingWidebodyMedium
us-bodyMedium · us-textBase us-weightMediumeyebrow
us-eyebrow · us-textXs us-weightSemibold us-caseUpper us-trackingWideeyebrow
us-eyebrow · us-textXs us-weightSemibold us-caseUpper us-trackingWidemeta
us-meta · us-textXs us-trackingWidefootnote
us-footnote · us-textXs us-leadingSnugcaption
us-caption · us-textXs us-leadingNormalTipografia
Citazioni
blockquote
us-blockquote · us-textXl us-italic us-leadingRelaxedpullQuote
us-pullQuote · us-text2xl md:text-3xl us-weightSemibold us-leadingSnugcite
us-cite · us-textSm us-notItalic us-weightMediumTipografia
Numeri & codice
statValue
us-statValue · us-text4xl us-weightExtrabold us-leadingNone us-tabularNumscode
us-code · us-fontMono us-textSmcodeBlock
us-codeBlock · us-fontMono us-textSm us-leadingRelaxed us-wrapPrelink
us-link · us-underlineOffset hover:underlinebody
us-body · us-textBase us-leadingRelaxedbuttonLabel
us-buttonLabel · us-textSm us-weightMedium us-trackingWideTipografia
Altri
inkNeon
us-inkNeon · css → .us-inkNeoninkElement
us-inkElement · css → .us-inkElementnumberManifesto
us-numberManifesto · css → .us-numberManifestoinkGradient
us-inkGradient · css → .us-inkGradientinkMetallic
us-inkMetallic · css → .us-inkMetallicunderlineGradient
us-underlineGradient · css → .us-underlineGradientmarkAccent
us-markAccent · css → .us-markAccenttext2xl
us-text2xl · text-2xltext3xl
us-text3xl · text-3xltext4xl
us-text4xl · text-4xltext5xl
us-text5xl · text-5xlweightNormal
us-weightNormal · font-normalweightMedium
us-weightMedium · font-mediumweightSemibold
us-weightSemibold · font-semiboldweightBold
us-weightBold · font-boldweightExtrabold
us-weightExtrabold · font-extraboldfontMono
us-fontMono · font-monoleadingNone
us-leadingNone · leading-noneleadingTight
us-leadingTight · leading-tightleadingSnug
us-leadingSnug · leading-snugleadingNormal
us-leadingNormal · leading-normalleadingRelaxed
us-leadingRelaxed · leading-relaxedleadingLoose
us-leadingLoose · leading-loosetrackingTighter
us-trackingTighter · tracking-tightertrackingTight
us-trackingTight · tracking-tighttrackingNormal
us-trackingNormal · tracking-normaltrackingWide
us-trackingWide · tracking-widetrackingWider
us-trackingWider · tracking-widercaseUpper
us-caseUpper · uppercaseitalic
us-italic · italicnotItalic
us-notItalic · not-italictabularNums
us-tabularNums · tabular-numsunderline
us-underline · underlinenoUnderline
us-noUnderline · no-underlineunderlineOffset
us-underlineOffset · underline-offset-4wrapNone
us-wrapNone · whitespace-nowrapwrapPre
us-wrapPre · whitespace-prewrapPreLine
us-wrapPreLine · whitespace-pre-wraptruncate
us-truncate · truncateeyebrowMono
us-eyebrowMono · us-fontMono us-textXs us-caseUpper us-trackingWidertext2xs
us-text2xs · text-2xstext6xl
us-text6xl · text-6xltext7xl
us-text7xl · text-7xllegal
us-legal · us-textXs us-leadingNormalinkBrand
us-inkBrand · css → .us-inkBrandinkSoft
us-inkSoft · css → .us-inkSoftfontBrand
us-fontBrand · css → .us-fontBrandStili e font negli store del tema
Gli stili tipografici vivono nello store db.styles.json e si richiamano per nome (us-<nome>); i font li dichiara il tema e li carica next/font al build, serviti dal dominio del sito.
Vedi gli Stili