<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>More info on Signet</title><link>https://test.signet.sh/docs/more-info/</link><description>Recent content in More info on Signet</description><generator>Hugo</generator><language>en-us</language><atom:link href="https://test.signet.sh/docs/more-info/index.xml" rel="self" type="application/rss+xml"/><item><title>FAQ</title><link>https://test.signet.sh/docs/more-info/faq/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://test.signet.sh/docs/more-info/faq/</guid><description>&lt;h1 id="faq"&gt;FAQ&lt;/h1&gt;&lt;details class="details" id="what-is-signet"&gt;
 &lt;summary class="details-summary"&gt;
 &lt;svg class="details-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"&gt;
 &lt;path d="M9 18l6-6-6-6"/&gt;
 &lt;/svg&gt;
 What is Signet?
 &lt;/summary&gt;
 &lt;div class="details-content"&gt;Signet is a pragmatic Ethereum rollup designed to offer sustainable economic incentives. It aims to modernize and streamline rollups by simplifying their architecture and focusing on efficiency.
 &lt;/div&gt;
&lt;/details&gt;
&lt;details class="details" id="how-does-signet-differ-from-traditional-rollups"&gt;
 &lt;summary class="details-summary"&gt;
 &lt;svg class="details-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"&gt;
 &lt;path d="M9 18l6-6-6-6"/&gt;
 &lt;/svg&gt;
 How does Signet differ from traditional rollups?
 &lt;/summary&gt;
 &lt;div class="details-content"&gt;&lt;p&gt;Signet differs in several key ways:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;It doesn&amp;rsquo;t use proving systems or state roots, which reduces computational overhead.&lt;/li&gt;
&lt;li&gt;It uses market-based cross-chain transfers instead of complex bridging mechanisms.&lt;/li&gt;
&lt;li&gt;It replaces block auctions and centralized rollup sequencing with a controlled block inclusion mechanism.&lt;/li&gt;
&lt;li&gt;It introduces conditional transactions for secure, atomic cross-chain operations.&lt;/li&gt;
&lt;/ul&gt;
 &lt;/div&gt;
&lt;/details&gt;
&lt;details class="details" id="how-does-signet-handle-cross-chain-transfers"&gt;
 &lt;summary class="details-summary"&gt;
 &lt;svg class="details-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"&gt;
 &lt;path d="M9 18l6-6-6-6"/&gt;
 &lt;/svg&gt;
 How does Signet handle cross-chain transfers?
 &lt;/summary&gt;
 &lt;div class="details-content"&gt;&lt;p&gt;Signet uses market-based mechanisms and conditional transactions for cross-chain transfers. This allows for secure, instant transfers between Ethereum and Signet without the need for lockup periods.&lt;/p&gt;</description></item><item><title>Glossary</title><link>https://test.signet.sh/docs/more-info/glossary/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://test.signet.sh/docs/more-info/glossary/</guid><description>&lt;h1 id="glossary"&gt;Glossary&lt;/h1&gt;&lt;details class="details" id="blind-signing"&gt;
 &lt;summary class="details-summary"&gt;
 &lt;svg class="details-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"&gt;
 &lt;path d="M9 18l6-6-6-6"/&gt;
 &lt;/svg&gt;
 Blind Signing
 &lt;/summary&gt;
 &lt;div class="details-content"&gt;&lt;p&gt;A security feature where the sequencer signs a block without seeing its contents. The sequencer only sees the block&amp;rsquo;s hash and the builder&amp;rsquo;s identity. This prevents selective censorship or manipulation based on block contents.&lt;/p&gt;
&lt;p&gt;In Signet, the sequencer blind signs every block, ensuring fair and unbiased inclusion.&lt;/p&gt;

 &lt;/div&gt;
&lt;/details&gt;
&lt;details class="details" id="block-builders"&gt;
 &lt;summary class="details-summary"&gt;
 &lt;svg class="details-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"&gt;
 &lt;path d="M9 18l6-6-6-6"/&gt;
 &lt;/svg&gt;
 Block Builders
 &lt;/summary&gt;
 &lt;div class="details-content"&gt;&lt;p&gt;Participants who assemble and propose new blocks. They collect pending transactions, organize them to maximize fees, and submit the block for inclusion.&lt;/p&gt;</description></item><item><title>Permissioned roles</title><link>https://test.signet.sh/docs/more-info/permissioned-roles/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://test.signet.sh/docs/more-info/permissioned-roles/</guid><description>&lt;h1 id="permissioned-roles"&gt;Permissioned Roles&lt;/h1&gt;&lt;p&gt;Signet&amp;rsquo;s smart contracts use a system of permissioned roles to manage access control. Each contract has specific roles that can perform certain administrative functions.&lt;/p&gt;
&lt;h2 id="core-roles"&gt;Core Roles&lt;a href="#core-roles" class="heading-anchor" data-heading-anchor aria-label="Link to Core Roles"&gt;
 &lt;svg class="heading-anchor-icon" data-icon width="12" height="12" aria-hidden="true"&gt;
 &lt;use xlink:href="#icon-link"&gt;&lt;/use&gt;
 &lt;/svg&gt;
 &lt;/a&gt;
&lt;/h2&gt;&lt;h3 id="sequencer-admin"&gt;Sequencer Admin&lt;a href="#sequencer-admin" class="heading-anchor" data-heading-anchor aria-label="Link to Sequencer Admin"&gt;
 &lt;svg class="heading-anchor-icon" data-icon width="12" height="12" aria-hidden="true"&gt;
 &lt;use xlink:href="#icon-link"&gt;&lt;/use&gt;
 &lt;/svg&gt;
 &lt;/a&gt;
&lt;/h3&gt;&lt;p&gt;The &lt;code&gt;sequencerAdmin&lt;/code&gt; role manages the list of authorized sequencers in the Zenith contract. This role can:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Add or remove sequencers&lt;/li&gt;
&lt;li&gt;Update sequencer configuration&lt;/li&gt;
&lt;li&gt;Pause sequencing if needed&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="sequencer"&gt;Sequencer&lt;a href="#sequencer" class="heading-anchor" data-heading-anchor aria-label="Link to Sequencer"&gt;
 &lt;svg class="heading-anchor-icon" data-icon width="12" height="12" aria-hidden="true"&gt;
 &lt;use xlink:href="#icon-link"&gt;&lt;/use&gt;
 &lt;/svg&gt;
 &lt;/a&gt;
&lt;/h3&gt;&lt;p&gt;The &lt;code&gt;sequencer&lt;/code&gt; role is responsible for validating and co-signing blocks before they are submitted to the Zenith contract. Sequencers:&lt;/p&gt;</description></item><item><title>Brand kit</title><link>https://test.signet.sh/docs/more-info/brand-kit/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://test.signet.sh/docs/more-info/brand-kit/</guid><description>&lt;h1 id="brand-kit"&gt;Brand Kit&lt;/h1&gt;&lt;h2 id="logo"&gt;Logo&lt;a href="#logo" class="heading-anchor" data-heading-anchor aria-label="Link to Logo"&gt;
 &lt;svg class="heading-anchor-icon" data-icon width="12" height="12" aria-hidden="true"&gt;
 &lt;use xlink:href="#icon-link"&gt;&lt;/use&gt;
 &lt;/svg&gt;
 &lt;/a&gt;
&lt;/h2&gt;&lt;p&gt;Use the mark alongside the wordmark &amp;ldquo;Signet&amp;rdquo; set in New York.&lt;/p&gt;
&lt;div class="brand-logo-display"&gt;
 &lt;div class="brand-logo-container"&gt;
 &lt;div class="brand-logo-light"&gt;
 &lt;svg class="brand-mark" viewBox="0 0 1105 1109" aria-hidden="true"&gt;
 &lt;path fill="currentColor" d="M1085.29 554.15H558.906c-4.552.001-8.93 1.827-12.171 5.078L6.599 1101.35c-4.742 4.76-6.85 3.78-6.323-2.94.949-12.37 1.449-26.36 1.502-41.97.843-179.514.262-347.368-1.74-503.559-1.106-83.306 21.419-175.18 60.068-250.075C121.176 184.433 212.99 98.536 335.549 45.114 470.227-13.596 627.115-14.469 763.295 43.21c207.076 87.669 338.675 284.111 340.335 510.147.42 58.711.55 241.93.39 549.653 0 3.92-1.95 5.88-5.85 5.88H558.432c-.613-.01-1.211-.19-1.718-.535a2.474 2.474 0 0 1-.843-1.4 2.522 2.522 0 0 1 .686-1.8l534.362-536.408c8.65-8.674 6.85-13.012-5.37-13.012z"/&gt;
 &lt;/svg&gt;
 &lt;span class="brand-wordmark"&gt;Signet&lt;/span&gt;
 &lt;a href="https://test.signet.sh/brand/signet-logo-dark.svg" download="signet-logo-dark.svg" class="btn btn-sm btn-secondary brand-download"&gt;
 &lt;svg viewBox="0 0 16 16" aria-hidden="true"&gt;&lt;path fill="currentColor" d="M8 12L3 7h3V2h4v5h3L8 12zm-5 2h10v1H3v-1z"/&gt;&lt;/svg&gt;
 Download SVG
 &lt;/a&gt;
 &lt;/div&gt;
 &lt;div class="brand-logo-dark"&gt;
 &lt;svg class="brand-mark" viewBox="0 0 1105 1109" aria-hidden="true"&gt;
 &lt;path fill="currentColor" d="M1085.29 554.15H558.906c-4.552.001-8.93 1.827-12.171 5.078L6.599 1101.35c-4.742 4.76-6.85 3.78-6.323-2.94.949-12.37 1.449-26.36 1.502-41.97.843-179.514.262-347.368-1.74-503.559-1.106-83.306 21.419-175.18 60.068-250.075C121.176 184.433 212.99 98.536 335.549 45.114 470.227-13.596 627.115-14.469 763.295 43.21c207.076 87.669 338.675 284.111 340.335 510.147.42 58.711.55 241.93.39 549.653 0 3.92-1.95 5.88-5.85 5.88H558.432c-.613-.01-1.211-.19-1.718-.535a2.474 2.474 0 0 1-.843-1.4 2.522 2.522 0 0 1 .686-1.8l534.362-536.408c8.65-8.674 6.85-13.012-5.37-13.012z"/&gt;
 &lt;/svg&gt;
 &lt;span class="brand-wordmark"&gt;Signet&lt;/span&gt;
 &lt;a href="https://test.signet.sh/brand/signet-logo-light.svg" download="signet-logo-light.svg" class="btn btn-sm btn-secondary brand-download"&gt;
 &lt;svg viewBox="0 0 16 16" aria-hidden="true"&gt;&lt;path fill="currentColor" d="M8 12L3 7h3V2h4v5h3L8 12zm-5 2h10v1H3v-1z"/&gt;&lt;/svg&gt;
 Download SVG
 &lt;/a&gt;
 &lt;/div&gt;
 &lt;/div&gt;
&lt;/div&gt;

&lt;h3 id="usage-guidelines"&gt;Usage Guidelines&lt;a href="#usage-guidelines" class="heading-anchor" data-heading-anchor aria-label="Link to Usage Guidelines"&gt;
 &lt;svg class="heading-anchor-icon" data-icon width="12" height="12" aria-hidden="true"&gt;
 &lt;use xlink:href="#icon-link"&gt;&lt;/use&gt;
 &lt;/svg&gt;
 &lt;/a&gt;
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;Maintain clear space equal to the mark&amp;rsquo;s height on all sides&lt;/li&gt;
&lt;li&gt;Never distort, rotate, or add effects to the mark&lt;/li&gt;
&lt;li&gt;On light backgrounds, use ink (#2D2926)&lt;/li&gt;
&lt;li&gt;On dark backgrounds, use cream (#FAF7F2)&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="color-palette"&gt;Color Palette&lt;a href="#color-palette" class="heading-anchor" data-heading-anchor aria-label="Link to Color Palette"&gt;
 &lt;svg class="heading-anchor-icon" data-icon width="12" height="12" aria-hidden="true"&gt;
 &lt;use xlink:href="#icon-link"&gt;&lt;/use&gt;
 &lt;/svg&gt;
 &lt;/a&gt;
&lt;/h2&gt;&lt;h3 id="the-six-inks"&gt;The Six Inks&lt;a href="#the-six-inks" class="heading-anchor" data-heading-anchor aria-label="Link to The Six Inks"&gt;
 &lt;svg class="heading-anchor-icon" data-icon width="12" height="12" aria-hidden="true"&gt;
 &lt;use xlink:href="#icon-link"&gt;&lt;/use&gt;
 &lt;/svg&gt;
 &lt;/a&gt;
&lt;/h3&gt;&lt;div class="brand-inks" role="list" aria-label="The Six Inks color palette"&gt;
 &lt;div class="brand-ink" role="listitem" aria-label="Kin: Gold (#D4A929), used for accents and keywords"&gt;
 &lt;div class="brand-ink-swatch" style="background: var(--kin);" aria-hidden="true"&gt;
 &lt;div class="brand-ink-syntax" style="background: var(--kin-syntax);"&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="brand-ink-info"&gt;
 &lt;span class="brand-ink-kanji" aria-hidden="true"&gt;金&lt;/span&gt;
 &lt;span class="brand-ink-name"&gt;Kin&lt;/span&gt;
 &lt;span class="brand-ink-meaning"&gt;Gold&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="brand-ink-meta"&gt;
 &lt;span class="brand-ink-role"&gt;Accent, Keywords&lt;/span&gt;
 &lt;code class="brand-ink-hex"&gt;#D4A929&lt;/code&gt;
 &lt;/div&gt;
 &lt;/div&gt;

 &lt;div class="brand-ink" role="listitem" aria-label="Matsu: Pine (#5B8A5B), used for success and strings"&gt;
 &lt;div class="brand-ink-swatch" style="background: var(--matsu);" aria-hidden="true"&gt;
 &lt;div class="brand-ink-syntax" style="background: var(--matsu-syntax);"&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="brand-ink-info"&gt;
 &lt;span class="brand-ink-kanji" aria-hidden="true"&gt;松&lt;/span&gt;
 &lt;span class="brand-ink-name"&gt;Matsu&lt;/span&gt;
 &lt;span class="brand-ink-meaning"&gt;Pine&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="brand-ink-meta"&gt;
 &lt;span class="brand-ink-role"&gt;Success, Strings&lt;/span&gt;
 &lt;code class="brand-ink-hex"&gt;#5B8A5B&lt;/code&gt;
 &lt;/div&gt;
 &lt;/div&gt;

 &lt;div class="brand-ink" role="listitem" aria-label="Shu: Vermillion (#B85450), used for danger and errors"&gt;
 &lt;div class="brand-ink-swatch" style="background: var(--shu);" aria-hidden="true"&gt;
 &lt;div class="brand-ink-syntax" style="background: var(--shu-syntax);"&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="brand-ink-info"&gt;
 &lt;span class="brand-ink-kanji" aria-hidden="true"&gt;朱&lt;/span&gt;
 &lt;span class="brand-ink-name"&gt;Shu&lt;/span&gt;
 &lt;span class="brand-ink-meaning"&gt;Vermillion&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="brand-ink-meta"&gt;
 &lt;span class="brand-ink-role"&gt;Danger, Errors&lt;/span&gt;
 &lt;code class="brand-ink-hex"&gt;#B85450&lt;/code&gt;
 &lt;/div&gt;
 &lt;/div&gt;

 &lt;div class="brand-ink" role="listitem" aria-label="Tsuki: Moon (#4A8090), used for info and functions"&gt;
 &lt;div class="brand-ink-swatch" style="background: var(--tsuki);" aria-hidden="true"&gt;
 &lt;div class="brand-ink-syntax" style="background: var(--tsuki-syntax);"&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="brand-ink-info"&gt;
 &lt;span class="brand-ink-kanji" aria-hidden="true"&gt;月&lt;/span&gt;
 &lt;span class="brand-ink-name"&gt;Tsuki&lt;/span&gt;
 &lt;span class="brand-ink-meaning"&gt;Moon&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="brand-ink-meta"&gt;
 &lt;span class="brand-ink-role"&gt;Info, Functions&lt;/span&gt;
 &lt;code class="brand-ink-hex"&gt;#4A8090&lt;/code&gt;
 &lt;/div&gt;
 &lt;/div&gt;

 &lt;div class="brand-ink" role="listitem" aria-label="Fuji: Wisteria (#7868A0), used for secondary and types"&gt;
 &lt;div class="brand-ink-swatch" style="background: var(--fuji);" aria-hidden="true"&gt;
 &lt;div class="brand-ink-syntax" style="background: var(--fuji-syntax);"&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="brand-ink-info"&gt;
 &lt;span class="brand-ink-kanji" aria-hidden="true"&gt;藤&lt;/span&gt;
 &lt;span class="brand-ink-name"&gt;Fuji&lt;/span&gt;
 &lt;span class="brand-ink-meaning"&gt;Wisteria&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="brand-ink-meta"&gt;
 &lt;span class="brand-ink-role"&gt;Secondary, Types&lt;/span&gt;
 &lt;code class="brand-ink-hex"&gt;#7868A0&lt;/code&gt;
 &lt;/div&gt;
 &lt;/div&gt;

 &lt;div class="brand-ink" role="listitem" aria-label="Sakura: Cherry Blossom (#C0707A), used for special and escapes"&gt;
 &lt;div class="brand-ink-swatch" style="background: var(--sakura);" aria-hidden="true"&gt;
 &lt;div class="brand-ink-syntax" style="background: var(--sakura-syntax);"&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="brand-ink-info"&gt;
 &lt;span class="brand-ink-kanji" aria-hidden="true"&gt;桜&lt;/span&gt;
 &lt;span class="brand-ink-name"&gt;Sakura&lt;/span&gt;
 &lt;span class="brand-ink-meaning"&gt;Blossoms&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="brand-ink-meta"&gt;
 &lt;span class="brand-ink-role"&gt;Special, Escapes&lt;/span&gt;
 &lt;code class="brand-ink-hex"&gt;#C0707A&lt;/code&gt;
 &lt;/div&gt;
 &lt;/div&gt;
&lt;/div&gt;

&lt;h3 id="paper-tones"&gt;Paper Tones&lt;a href="#paper-tones" class="heading-anchor" data-heading-anchor aria-label="Link to Paper Tones"&gt;
 &lt;svg class="heading-anchor-icon" data-icon width="12" height="12" aria-hidden="true"&gt;
 &lt;use xlink:href="#icon-link"&gt;&lt;/use&gt;
 &lt;/svg&gt;
 &lt;/a&gt;
&lt;/h3&gt;&lt;div class="brand-paper" role="list" aria-label="Paper tones color palette"&gt;
 &lt;div class="brand-paper-swatch" style="background: var(--cream); color: var(--ink);" role="listitem" aria-label="Cream: #FAF7F2"&gt;
 &lt;span class="brand-paper-name"&gt;Cream&lt;/span&gt;
 &lt;code class="brand-paper-hex"&gt;#FAF7F2&lt;/code&gt;
 &lt;/div&gt;
 &lt;div class="brand-paper-swatch" style="background: var(--warm); color: var(--ink);" role="listitem" aria-label="Warm: #F5F1EA"&gt;
 &lt;span class="brand-paper-name"&gt;Warm&lt;/span&gt;
 &lt;code class="brand-paper-hex"&gt;#F5F1EA&lt;/code&gt;
 &lt;/div&gt;
 &lt;div class="brand-paper-swatch" style="background: var(--rule); color: var(--ink);" role="listitem" aria-label="Rule: #E3DED5"&gt;
 &lt;span class="brand-paper-name"&gt;Rule&lt;/span&gt;
 &lt;code class="brand-paper-hex"&gt;#E3DED5&lt;/code&gt;
 &lt;/div&gt;
 &lt;div class="brand-paper-swatch" style="background: var(--mist); color: white;" role="listitem" aria-label="Mist: #ADA69C"&gt;
 &lt;span class="brand-paper-name"&gt;Mist&lt;/span&gt;
 &lt;code class="brand-paper-hex"&gt;#ADA69C&lt;/code&gt;
 &lt;/div&gt;
 &lt;div class="brand-paper-swatch" style="background: var(--stone); color: white;" role="listitem" aria-label="Stone: #7C756C"&gt;
 &lt;span class="brand-paper-name"&gt;Stone&lt;/span&gt;
 &lt;code class="brand-paper-hex"&gt;#7C756C&lt;/code&gt;
 &lt;/div&gt;
 &lt;div class="brand-paper-swatch" style="background: var(--graphite); color: white;" role="listitem" aria-label="Graphite: #4A4541"&gt;
 &lt;span class="brand-paper-name"&gt;Graphite&lt;/span&gt;
 &lt;code class="brand-paper-hex"&gt;#4A4541&lt;/code&gt;
 &lt;/div&gt;
 &lt;div class="brand-paper-swatch" style="background: var(--ink); color: white;" role="listitem" aria-label="Ink: #2D2926"&gt;
 &lt;span class="brand-paper-name"&gt;Ink&lt;/span&gt;
 &lt;code class="brand-paper-hex"&gt;#2D2926&lt;/code&gt;
 &lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="typography"&gt;Typography&lt;a href="#typography" class="heading-anchor" data-heading-anchor aria-label="Link to Typography"&gt;
 &lt;svg class="heading-anchor-icon" data-icon width="12" height="12" aria-hidden="true"&gt;
 &lt;use xlink:href="#icon-link"&gt;&lt;/use&gt;
 &lt;/svg&gt;
 &lt;/a&gt;
&lt;/h2&gt;&lt;div class="brand-type" role="list" aria-label="Typography specimens"&gt;
 &lt;div class="brand-type-specimen brand-type-display" role="listitem" aria-label="Display font: New York, for headlines and page titles"&gt;
 &lt;span class="mono-label brand-type-label"&gt;Display&lt;/span&gt;
 &lt;span class="brand-type-sample"&gt;New York&lt;/span&gt;
 &lt;span class="brand-type-desc"&gt;Headlines, page titles, feature text&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="brand-type-specimen brand-type-body" role="listitem" aria-label="Body font: Iowan Old Style, for long-form content"&gt;
 &lt;span class="mono-label brand-type-label"&gt;Body&lt;/span&gt;
 &lt;span class="brand-type-sample"&gt;Iowan Old Style&lt;/span&gt;
 &lt;span class="brand-type-desc"&gt;Long-form content, paragraphs, prose&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="brand-type-specimen brand-type-mono" role="listitem" aria-label="Mono font: SF Mono, for code and labels"&gt;
 &lt;span class="mono-label brand-type-label"&gt;Mono&lt;/span&gt;
 &lt;span class="brand-type-sample"&gt;SF Mono&lt;/span&gt;
 &lt;span class="brand-type-desc"&gt;Code, labels, technical content&lt;/span&gt;
 &lt;/div&gt;
&lt;/div&gt;

&lt;h3 id="scale"&gt;Scale&lt;a href="#scale" class="heading-anchor" data-heading-anchor aria-label="Link to Scale"&gt;
 &lt;svg class="heading-anchor-icon" data-icon width="12" height="12" aria-hidden="true"&gt;
 &lt;use xlink:href="#icon-link"&gt;&lt;/use&gt;
 &lt;/svg&gt;
 &lt;/a&gt;
&lt;/h3&gt;&lt;table&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th&gt;Token&lt;/th&gt;
 &lt;th&gt;Size&lt;/th&gt;
 &lt;th&gt;Usage&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;tr&gt;
 &lt;td&gt;micro&lt;/td&gt;
 &lt;td&gt;10px&lt;/td&gt;
 &lt;td&gt;Labels, eyebrows, badges&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;caption&lt;/td&gt;
 &lt;td&gt;12px&lt;/td&gt;
 &lt;td&gt;Captions, metadata&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;small&lt;/td&gt;
 &lt;td&gt;13px&lt;/td&gt;
 &lt;td&gt;Secondary text, buttons&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;body&lt;/td&gt;
 &lt;td&gt;15px&lt;/td&gt;
 &lt;td&gt;Body copy&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;h4&lt;/td&gt;
 &lt;td&gt;16px&lt;/td&gt;
 &lt;td&gt;Minor headings&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;h3&lt;/td&gt;
 &lt;td&gt;18px&lt;/td&gt;
 &lt;td&gt;Subsections&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;h2&lt;/td&gt;
 &lt;td&gt;22px&lt;/td&gt;
 &lt;td&gt;Sections&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;h1&lt;/td&gt;
 &lt;td&gt;28px&lt;/td&gt;
 &lt;td&gt;Page titles&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id="components"&gt;Components&lt;a href="#components" class="heading-anchor" data-heading-anchor aria-label="Link to Components"&gt;
 &lt;svg class="heading-anchor-icon" data-icon width="12" height="12" aria-hidden="true"&gt;
 &lt;use xlink:href="#icon-link"&gt;&lt;/use&gt;
 &lt;/svg&gt;
 &lt;/a&gt;
&lt;/h2&gt;&lt;div class="brand-components"&gt;
 &lt;div class="brand-component-group"&gt;
 &lt;span class="mono-label brand-component-label"&gt;Buttons&lt;/span&gt;
 &lt;div class="brand-component-row"&gt;
 &lt;button class="btn btn-primary" type="button"&gt;Primary&lt;/button&gt;
 &lt;button class="btn btn-secondary" type="button"&gt;Secondary&lt;/button&gt;
 &lt;button class="btn btn-ghost" type="button"&gt;Ghost&lt;/button&gt;
 &lt;/div&gt;
 &lt;/div&gt;

 &lt;div class="brand-component-group"&gt;
 &lt;span class="mono-label brand-component-label"&gt;Badges&lt;/span&gt;
 &lt;div class="brand-component-row"&gt;
 &lt;span class="badge badge-yellow"&gt;Kin&lt;/span&gt;
 &lt;span class="badge badge-success"&gt;Matsu&lt;/span&gt;
 &lt;span class="badge badge-danger"&gt;Shu&lt;/span&gt;
 &lt;span class="badge badge-info"&gt;Tsuki&lt;/span&gt;
 &lt;span class="badge badge-secondary"&gt;Fuji&lt;/span&gt;
 &lt;span class="badge badge-special"&gt;Sakura&lt;/span&gt;
 &lt;span class="badge badge-default"&gt;Default&lt;/span&gt;
 &lt;/div&gt;
 &lt;/div&gt;

 &lt;div class="brand-component-group"&gt;
 &lt;span class="mono-label brand-component-label"&gt;Callouts&lt;/span&gt;
 &lt;div class="brand-component-stack"&gt;
 &lt;div class="callout callout--info"&gt;
 &lt;div class="callout-title"&gt;Note&lt;/div&gt;
 &lt;div class="callout-content"&gt;&lt;p&gt;Informational callout for helpful context.&lt;/p&gt;</description></item></channel></rss>