@notambourine/brand-kit 1.0.0 → 1.1.1

package/SKILL.md

@@ -5,7 +5,7 @@ description: NoTambourine brand system - colors, type, spacing, component recipe
 
 # NoTambourine brand
 
-A boutique skunkworks engineering agency, working as a hands-on operating partner inside
+A boutique AI-enabled engineering agency, working as a hands-on operating partner inside
 the client's org. The client's growth is capped by their tech: a legacy commerce stack, a
 revenue-share SaaS, a roadmap nobody can staff for. **Value creation is the deliverable,
 and trust is earned by shipping.** A CEO who wants the culture to change gets that from
@@ -39,8 +39,9 @@ your output, or inline them.
 
 | File | What it does |
 |---|---|
-| `tokens.css` | The whole system in one link: `fonts.css`, `vars.css`, `elements.css`. Load first and `h1`, `p`, `a`, `code`, `.eyebrow`, `.display`, `.lede` all come styled. |
+| `tokens.css` | The whole system in one link: `fonts.css`, `vars.css`, `logo-vars.css`, `elements.css`. Load first and `h1`, `p`, `a`, `code`, `.eyebrow`, `.display`, `.lede` all come styled. |
 | `vars.css` | Every value as a CSS var, and nothing else. What a surface with its own faces and its own base layer imports. |
+| `logo-vars.css` | `--nt-mark-url` and `--nt-lockup-url`: the pink artwork as `data:` URIs, for a surface that can reach it only through CSS. A deck theme owns no element inside a slide, and a printed PDF has no origin to fetch from. Generated by `scripts/build-logo.py`. |
 | `fonts.css` | The six `@font-face` blocks, pointed at `./fonts/`. |
 | `elements.css` | The base element styles: bare `h1`, `p`, `a`, `code` on brand with no classes. |
 | `components.css` | `.nt-btn`, `.nt-badge`, `.nt-chip`, `.nt-input`, `.nt-card`, `.nt-nav`, `.nt-switch`/`.nt-check`/`.nt-radio`. All `var()`-based. |
@@ -293,10 +294,28 @@ short body → ALL-CAPS sublabel → typographic concept diagram → running foo
 a chart.
 
 `deck.css` is the theme that renders it. Markdown in, slides out, through Marpit: `---`
-splits a slide, `<!-- _class: lead -->` centers a title slide, `<!-- paginate: true -->`
-turns on slide numbers. Load `tokens.css` on the page too - `deck.css` declares no
-`:root`, so it reads its colors and faces from whatever the document root defines, and a
-brand correction reaches a deck with no second edit.
+splits a slide and `<!-- paginate: true -->` turns on slide numbers. Load `tokens.css` on
+the page too - `deck.css` declares no `:root`, so it reads its colors and faces from
+whatever the document root defines, and a brand correction reaches a deck with no second
+edit.
+
+The grammar above is CSS the theme ships, so a deck never writes its own `<style>` block.
+Reach for a class and never a hand-picked value: a deck is immutable once shared, so a hex
+typed into one is a brand value nothing can ever correct.
+
+| Write | Get |
+|---|---|
+| `<p class="eyebrow">01 &middot; the model</p>` | The numbered pink eyebrow. ALL CAPS is applied by the theme, so type it in sentence case. Use it again for the grammar's later sublabel. |
+| `# Headline with one *pink* word` | The display headline; `*emphasis*` in an `h1` or `h2` takes the accent and a drawn italic. |
+| `<!-- _class: lead -->` | The cover: centered, big lockup up top, no page number. One per deck. |
+| `<!-- _class: divider -->` | A turn in the story: one pink line, centered. This is the mid-deck section break, not `lead`. |
+| `<!-- _class: quote -->` | The whole slide as a pull quote, set in the display face. |
+| `<!-- _class: split -->` | The slide's bullet list in two columns, so eight short bullets fit where five did. |
+| `<!-- footer: acme &middot; august 2026 -->` | A running footer on every slide, clear of the mark and the page number. `header:` works the same at the top. |
+
+Every slide but an `![bg]` one carries the lockup bottom-left, from `--nt-lockup-url`. It
+is what identifies the deck once the PDF is an email attachment with no share link around
+it, so nothing has to be typeset: the brand name is never display type.
 
 `share.notambourine.com` runs this theme in its browser renderer and its PDF export, so a
 deck shared from there and a deck built by hand come out the same. It serves these bytes

package/deck.css

@@ -55,9 +55,36 @@ section h1 { font-size: 2.1em; }
 section h2 { font-size: 1.5em; }
 section h3 { font-size: 1.15em; }
 section h4 { font-size: 1em; }
-section h1 em, section h2 em { color: var(--accent, #E75A7C); font-style: italic; }
+/* `--accent-text`, not `--accent`: this is the accent as prose, and it is the
+   token that flips to the text-grade deep pink under `.theme-light`. */
+section h1 em, section h2 em { color: var(--accent-text, #E75A7C); font-style: italic; }
 
-section p { margin: 0; text-wrap: pretty; }
+/* The eyebrow, first line of the deck grammar. It lived in every deck's own
+   `<style>` block before this rule existed, which is how a hand-picked hex got
+   into artifacts nothing can re-render. ALL CAPS is applied here rather than
+   typed, so the source stays sentence case and the one ALL-CAPS job in the
+   brand cannot be spelled wrong. Doubles as the grammar's later sublabel: one
+   class, one concept. */
+section .eyebrow {
+  font-family: var(--font-accent, ui-monospace, 'SF Mono', Monaco, monospace);
+  font-weight: var(--fw-semibold, 600);
+  font-size: 0.6em;
+  line-height: var(--lh-tight, 1.3);
+  letter-spacing: var(--ls-allcaps, 0.08em);
+  text-transform: uppercase;
+  color: var(--accent-text, #E75A7C);
+  margin: 0;
+}
+
+/* `font-size` and `line-height` are named here because elements.css sizes a
+   bare `p` for a document - 16px, 1.7 - and a slide is not a document: what
+   `section` sets is what its content has to inherit. Without this a paragraph
+   rendered at 16px inside a 26px slide, and a list changed size depending on
+   whether the author left a blank line between bullets, because a loose list
+   wraps each item in a `p` and a tight one does not. A deck is the only surface
+   where the base layer and this theme both apply, so the fix belongs here
+   rather than in a weaker elements.css. */
+section p { margin: 0; text-wrap: pretty; font-size: inherit; line-height: inherit; }
 section a { color: var(--accent, #E75A7C); text-decoration: none; }
 section strong { color: var(--fg1, #F5F5F7); font-weight: 600; }
 section em { font-style: italic; }
@@ -113,7 +140,65 @@ section th, section td {
 section th { color: var(--fg1, #F5F5F7); font-weight: 600; }
 
 section img { max-height: 60%; border-radius: var(--r-sm, 10px); }
-section hr { border: 0; border-top: 1px solid var(--line, #2A2A2E); width: 100%; }
+/* `margin: 0` for the same reason as the paragraph: elements.css gives a rule
+   32px of air for a document, and the section's own `gap` already spaces it. */
+section hr { border: 0; border-top: 1px solid var(--line, #2A2A2E); width: 100%; margin: 0; }
+
+/* ---------------------------------------------------------
+   Slide variants. `lead` is the cover and there is one of
+   those, so every other shape a deck needs is its own class.
+   Without them an author reaches for inline CSS, which is how
+   a deck ends up carrying brand values nothing can correct.
+   --------------------------------------------------------- */
+
+/* `<!-- _class: divider -->` - a turn in the story. One line, centered, pink.
+   Not `lead`: a cover and a section break are different slides. */
+section.divider {
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+section.divider h1, section.divider h2, section.divider h3 {
+  color: var(--accent-text, #E75A7C);
+}
+
+/* `<!-- _class: quote -->` - the whole slide is the quotation, so the left rule
+   that marks a quote inside prose would be marking nothing. */
+section.quote { align-items: center; text-align: center; }
+section.quote blockquote {
+  border-left: 0;
+  padding-left: 0;
+  font-family: var(--font-display, system-ui, sans-serif);
+  font-size: 1.5em;
+  line-height: 1.3;
+  color: var(--fg1, #F5F5F7);
+  text-wrap: balance;
+}
+
+/* `<!-- _class: split -->` - the list runs in two columns, so a slide can carry
+   eight short bullets instead of clipping at five.
+
+   On the list, not the section: markdown gives a run of bullets as ONE `<ul>`
+   however it is spaced (a blank line makes a loose list, not a second list), so
+   a two-column grid on the section has nothing to put in its second column.
+   Multi-column on the list itself needs no wrapper div and no blank-line
+   trickery, and it leaves the section's vertical centering alone. */
+section.split ul, section.split ol {
+  columns: 2;
+  column-gap: 1.6em;
+}
+section.split li { break-inside: avoid; }
+
+/* ---------------------------------------------------------
+   Corner furniture: pagination, the running mark, and the two
+   Marpit directives. All absolute, so none of it is a flex or
+   grid item and none of it can move the content box. Marpit's
+   scaffold already puts `position: relative` on the section,
+   which is what they resolve against.
+
+   An `![bg]` slide sets these `display: none !important` on
+   its own, so a full-bleed background stays full bleed.
+   --------------------------------------------------------- */
 
 /* `<!-- paginate: true -->` opts a deck in; Marpit fills the attribute. */
 section::after {
@@ -122,3 +207,52 @@ section::after {
   font-size: 16px;
   padding: 40px 48px;
 }
+/* A cover carries no page number. Every deck used to print "1" on its title
+   slide, which is the tell of a theme that never styled its own cover. */
+section.lead::after { display: none; }
+
+/* The running mark, and the reason this rule exists: a deck leaves the building
+   as a PDF attachment with no share link around it, and the theme owns no
+   element inside a slide to hang a lockup on. So it is a background image, off
+   a data URI in logo-vars.css - a `url()` with an origin cannot survive either
+   the PDF or an offline snapshot. Load tokens.css and it resolves; without it
+   the box is empty and nothing shifts. */
+section::before {
+  content: '';
+  position: absolute;
+  left: 48px;
+  bottom: 40px;
+  width: 92px;
+  height: 27px;
+  background: var(--nt-lockup-url) left center / contain no-repeat;
+  opacity: 0.55;
+}
+/* The cover states the name properly: bigger, centered, at full strength. */
+section.lead::before {
+  top: 72px;
+  bottom: auto;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 154px;
+  height: 45px;
+  background-position: center;
+  opacity: 1;
+}
+
+/* `<!-- header: ... -->` and `<!-- footer: ... -->`, the two Marpit globals a
+   deck uses to name a client or a date on every slide. The footer clears the
+   running mark on the left and the page number on the right. */
+section > header, section > footer {
+  position: absolute;
+  font-family: var(--font-accent, ui-monospace, monospace);
+  font-size: 15px;
+  font-weight: var(--fw-semibold, 600);
+  letter-spacing: var(--ls-allcaps, 0.08em);
+  text-transform: uppercase;
+  color: var(--fg-mute, #5A5A62);
+  margin: 0;
+}
+section > header { top: 40px; left: 48px; right: 48px; }
+section > footer { bottom: 40px; left: 160px; right: 96px; }
+/* The cover has the big lockup where a header would sit. */
+section.lead > header { display: none; }

package/logo-vars.css

@@ -0,0 +1,17 @@
+/* =========================================================
+   NoTambourine: the artwork as CSS custom properties
+   ---------------------------------------------------------
+   Generated by scripts/build-logo.py - do not hand-edit.
+
+   Data URIs, so a deck theme, a print stylesheet, and an
+   offline .html snapshot all reach the artwork with no
+   origin to fetch from. The pink is baked in: a background
+   image cannot read `currentColor`, so a surface that needs
+   the mono artwork links logo/*-white.svg or logo/*-ink.svg
+   instead.
+   ========================================================= */
+
+:root {
+  --nt-mark-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='135' height='135' viewBox='-27.89 -8.39 134.78 134.78' fill='%23E75A7C'%3E%3C!-- Tambourine mark. Generated by scripts/build-logo.py - do not hand-edit. --%3E%3Cpath d='M 80,24 A 42,42 0 1,0 84,96 L 72,86 A 28,28 0 1,1 69,34 Z'/%3E%3Ccircle cx='50' cy='4' r='7'/%3E%3Ccircle cx='14' cy='22' r='7'/%3E%3Ccircle cx='2' cy='58' r='7'/%3E%3Ccircle cx='14' cy='94' r='7'/%3E%3Ccircle cx='46' cy='114' r='7'/%3E%3C/svg%3E");
+  --nt-lockup-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='465' height='136' viewBox='-11.00 -9.00 465.02 136.00' fill='%23E75A7C'%3E%3C!-- Lockup, wordmark outlined - no font to load, so it renders the same in a browser, an email client, and any CLI rasterizer. Generated by scripts/build-logo.py - do not hand-edit. --%3E%3Cpath d='M 80,24 A 42,42 0 1,0 84,96 L 72,86 A 28,28 0 1,1 69,34 Z'/%3E%3Ccircle cx='50' cy='4' r='7'/%3E%3Ccircle cx='14' cy='22' r='7'/%3E%3Ccircle cx='2' cy='58' r='7'/%3E%3Ccircle cx='14' cy='94' r='7'/%3E%3Ccircle cx='46' cy='114' r='7'/%3E%3Cpath d='M70.01 78.52Q67.84 78.52 66.67 77.33Q65.51 76.14 65.51 73.91V52.62Q65.51 50.38 66.66 49.22Q67.82 48.05 69.94 48.05Q72.05 48.05 73.20 49.22Q74.35 50.38 74.35 52.62V56.06L73.69 54.09Q75.06 51.10 77.80 49.51Q80.53 47.93 84.00 47.93Q87.54 47.93 89.82 49.28Q92.10 50.62 93.24 53.37Q94.38 56.12 94.38 60.33V73.91Q94.38 76.14 93.21 77.33Q92.04 78.52 89.87 78.52Q87.69 78.52 86.50 77.33Q85.32 76.14 85.32 73.91V60.72Q85.32 57.66 84.20 56.30Q83.09 54.94 80.83 54.94Q77.98 54.94 76.27 56.74Q74.57 58.55 74.57 61.56V73.91Q74.57 78.52 70.01 78.52Z M114.36 78.64Q109.63 78.64 106.12 76.78Q102.61 74.92 100.66 71.45Q98.72 67.98 98.72 63.26Q98.72 59.70 99.81 56.89Q100.91 54.07 102.98 52.05Q105.04 50.03 107.92 48.98Q110.80 47.93 114.36 47.93Q119.10 47.93 122.60 49.79Q126.11 51.65 128.05 55.09Q129.99 58.53 129.99 63.26Q129.99 66.82 128.90 69.66Q127.80 72.50 125.74 74.52Q123.67 76.54 120.79 77.59Q117.91 78.64 114.36 78.64ZM114.36 71.87Q116.29 71.87 117.76 70.93Q119.22 69.99 120.05 68.08Q120.87 66.18 120.87 63.26Q120.87 58.86 119.07 56.78Q117.26 54.70 114.36 54.70Q112.44 54.70 110.96 55.62Q109.49 56.54 108.66 58.43Q107.84 60.33 107.84 63.26Q107.84 67.63 109.64 69.75Q111.45 71.87 114.36 71.87Z M149.00 78.64Q144.82 78.64 142.05 77.28Q139.28 75.92 137.93 73.26Q136.59 70.60 136.59 66.61V55.30H134.01Q132.33 55.30 131.41 54.41Q130.49 53.53 130.49 51.93Q130.49 50.29 131.41 49.43Q132.33 48.57 134.01 48.57H136.59V43.95Q136.59 41.72 137.78 40.55Q138.96 39.38 141.14 39.38Q143.32 39.38 144.48 40.55Q145.65 41.72 145.65 43.95V48.57H151.30Q153.00 48.57 153.91 49.43Q154.82 50.29 154.82 51.93Q154.82 53.53 153.91 54.41Q153.00 55.30 151.30 55.30H145.65V66.23Q145.65 68.77 146.81 70.02Q147.96 71.27 150.52 71.27Q151.45 71.27 152.23 71.09Q153.01 70.91 153.64 70.87Q154.48 70.81 155.02 71.39Q155.57 71.96 155.57 73.84Q155.57 75.33 155.10 76.41Q154.64 77.49 153.43 77.94Q152.61 78.22 151.27 78.43Q149.92 78.64 149.00 78.64Z M167.75 78.64Q164.45 78.64 161.90 77.39Q159.34 76.14 157.90 73.99Q156.47 71.85 156.47 69.13Q156.47 65.89 158.15 64.01Q159.83 62.13 163.59 61.30Q167.35 60.47 173.61 60.47H176.76V65.15H173.64Q170.59 65.15 168.72 65.50Q166.85 65.85 166.02 66.62Q165.19 67.40 165.19 68.73Q165.19 70.43 166.38 71.51Q167.56 72.59 169.74 72.59Q171.47 72.59 172.83 71.80Q174.18 71.00 174.98 69.59Q175.79 68.19 175.79 66.35V59.43Q175.79 56.83 174.58 55.72Q173.37 54.62 170.46 54.62Q168.85 54.62 166.96 54.99Q165.06 55.37 162.82 56.29Q161.45 56.85 160.44 56.53Q159.43 56.20 158.89 55.33Q158.34 54.46 158.35 53.41Q158.36 52.36 158.97 51.37Q159.58 50.39 160.95 49.90Q163.75 48.79 166.25 48.36Q168.75 47.93 170.81 47.93Q175.43 47.93 178.42 49.30Q181.41 50.66 182.89 53.45Q184.38 56.25 184.38 60.62V73.91Q184.38 76.14 183.30 77.33Q182.22 78.52 180.18 78.52Q178.14 78.52 177.04 77.33Q175.93 76.14 175.93 73.91V71.68L176.35 72.08Q175.99 74.09 174.82 75.55Q173.66 77.01 171.87 77.83Q170.07 78.64 167.75 78.64Z M194.83 78.52Q192.66 78.52 191.49 77.33Q190.33 76.14 190.33 73.91V52.62Q190.33 50.38 191.48 49.22Q192.64 48.05 194.76 48.05Q196.87 48.05 198.02 49.22Q199.17 50.38 199.17 52.62V56.45L198.51 54.09Q199.73 51.28 202.24 49.60Q204.75 47.93 208.19 47.93Q211.58 47.93 213.87 49.55Q216.16 51.18 217.13 54.52H216.29Q217.59 51.46 220.34 49.69Q223.09 47.93 226.59 47.93Q229.99 47.93 232.20 49.28Q234.41 50.62 235.50 53.37Q236.59 56.12 236.59 60.33V73.91Q236.59 76.14 235.40 77.33Q234.21 78.52 232.04 78.52Q229.86 78.52 228.70 77.33Q227.53 76.14 227.53 73.91V60.63Q227.53 57.64 226.59 56.29Q225.65 54.94 223.40 54.94Q220.84 54.94 219.40 56.75Q217.97 58.57 217.97 61.87V73.91Q217.97 76.14 216.80 77.33Q215.63 78.52 213.46 78.52Q211.28 78.52 210.09 77.33Q208.91 76.14 208.91 73.91V60.63Q208.91 57.64 207.97 56.29Q207.02 54.94 204.82 54.94Q202.26 54.94 200.82 56.75Q199.39 58.57 199.39 61.87V73.91Q199.39 78.52 194.83 78.52Z M260.72 78.64Q257.15 78.64 254.42 76.87Q251.69 75.11 250.81 72.19L251.47 70.22V73.91Q251.47 76.14 250.32 77.33Q249.17 78.52 247.04 78.52Q244.86 78.52 243.70 77.33Q242.55 76.14 242.55 73.91V39.75Q242.55 37.52 243.71 36.35Q244.88 35.18 247.05 35.18Q249.23 35.18 250.42 36.35Q251.61 37.52 251.61 39.75V54.02H250.89Q251.83 51.30 254.53 49.62Q257.23 47.93 260.72 47.93Q264.59 47.93 267.48 49.79Q270.37 51.65 272.00 55.07Q273.62 58.48 273.62 63.26Q273.62 67.98 272.00 71.45Q270.37 74.92 267.46 76.78Q264.55 78.64 260.72 78.64ZM257.99 71.87Q259.92 71.87 261.39 70.93Q262.85 69.99 263.68 68.08Q264.50 66.18 264.50 63.26Q264.50 58.86 262.70 56.78Q260.89 54.70 257.99 54.70Q256.07 54.70 254.59 55.62Q253.12 56.54 252.29 58.43Q251.47 60.33 251.47 63.26Q251.47 67.63 253.27 69.75Q255.08 71.87 257.99 71.87Z M292.30 78.64Q287.57 78.64 284.06 76.78Q280.55 74.92 278.60 71.45Q276.66 67.98 276.66 63.26Q276.66 59.70 277.75 56.89Q278.85 54.07 280.92 52.05Q282.98 50.03 285.86 48.98Q288.74 47.93 292.30 47.93Q297.04 47.93 300.54 49.79Q304.05 51.65 305.99 55.09Q307.93 58.53 307.93 63.26Q307.93 66.82 306.84 69.66Q305.74 72.50 303.68 74.52Q301.61 76.54 298.73 77.59Q295.85 78.64 292.30 78.64ZM292.30 71.87Q294.23 71.87 295.70 70.93Q297.16 69.99 297.99 68.08Q298.81 66.18 298.81 63.26Q298.81 58.86 297.01 56.78Q295.20 54.70 292.30 54.70Q290.38 54.70 288.90 55.62Q287.43 56.54 286.60 58.43Q285.78 60.33 285.78 63.26Q285.78 67.63 287.58 69.75Q289.39 71.87 292.30 71.87Z M323.31 78.64Q319.58 78.64 317.14 77.26Q314.70 75.88 313.51 73.12Q312.32 70.35 312.32 66.20V52.62Q312.32 50.34 313.49 49.19Q314.66 48.05 316.83 48.05Q319.01 48.05 320.20 49.19Q321.38 50.34 321.38 52.62V66.39Q321.38 69.04 322.47 70.34Q323.55 71.63 325.89 71.63Q328.48 71.63 330.14 69.80Q331.79 67.98 331.79 64.99V52.62Q331.79 50.34 332.96 49.19Q334.13 48.05 336.30 48.05Q338.48 48.05 339.67 49.19Q340.85 50.34 340.85 52.62V73.91Q340.85 78.52 336.44 78.52Q334.33 78.52 333.17 77.33Q332.01 76.14 332.01 73.91V69.87L332.91 72.24Q331.61 75.33 329.15 76.98Q326.70 78.64 323.31 78.64Z M351.53 78.52Q349.28 78.52 348.08 77.33Q346.89 76.14 346.89 73.91V52.62Q346.89 50.38 348.04 49.22Q349.20 48.05 351.32 48.05Q353.43 48.05 354.58 49.22Q355.73 50.38 355.73 52.62V55.74H355.13Q355.84 52.14 358.31 50.16Q360.79 48.18 364.70 47.93Q366.19 47.85 367.00 48.69Q367.80 49.53 367.89 51.55Q367.97 53.38 367.11 54.47Q366.25 55.56 364.20 55.78L362.84 55.90Q359.43 56.22 357.77 57.91Q356.10 59.59 356.10 62.75V73.91Q356.10 76.14 354.94 77.33Q353.77 78.52 351.53 78.52Z M375.11 78.48Q372.94 78.48 371.77 77.19Q370.61 75.90 370.61 73.55V53.02Q370.61 50.62 371.77 49.36Q372.94 48.09 375.11 48.09Q377.29 48.09 378.48 49.36Q379.67 50.62 379.67 53.02V73.55Q379.67 75.90 378.51 77.19Q377.35 78.48 375.11 78.48ZM375.11 43.17Q372.64 43.17 371.29 41.98Q369.94 40.79 369.94 38.62Q369.94 36.42 371.29 35.25Q372.64 34.08 375.11 34.08Q377.63 34.08 378.96 35.25Q380.29 36.42 380.29 38.62Q380.29 40.79 378.96 41.98Q377.63 43.17 375.11 43.17Z M390.19 78.52Q388.02 78.52 386.85 77.33Q385.69 76.14 385.69 73.91V52.62Q385.69 50.38 386.84 49.22Q388.00 48.05 390.12 48.05Q392.23 48.05 393.38 49.22Q394.53 50.38 394.53 52.62V56.06L393.87 54.09Q395.24 51.10 397.98 49.51Q400.71 47.93 404.18 47.93Q407.72 47.93 410.00 49.28Q412.28 50.62 413.42 53.37Q414.56 56.12 414.56 60.33V73.91Q414.56 76.14 413.39 77.33Q412.22 78.52 410.05 78.52Q407.87 78.52 406.68 77.33Q405.50 76.14 405.50 73.91V60.72Q405.50 57.66 404.38 56.30Q403.27 54.94 401.01 54.94Q398.16 54.94 396.45 56.74Q394.75 58.55 394.75 61.56V73.91Q394.75 78.52 390.19 78.52Z M435.65 78.64Q430.47 78.64 426.71 76.76Q422.95 74.88 420.92 71.43Q418.90 67.98 418.90 63.28Q418.90 58.72 420.84 55.29Q422.79 51.85 426.21 49.89Q429.64 47.93 434.01 47.93Q437.22 47.93 439.81 48.98Q442.39 50.02 444.24 51.98Q446.08 53.94 447.05 56.72Q448.02 59.49 448.02 62.95Q448.02 64.09 447.31 64.66Q446.59 65.23 445.19 65.23H426.37V60.55H441.48L440.54 61.38Q440.54 58.90 439.82 57.26Q439.11 55.63 437.75 54.78Q436.40 53.93 434.40 53.93Q432.20 53.93 430.63 54.95Q429.06 55.97 428.23 57.88Q427.41 59.80 427.41 62.53V62.99Q427.41 67.59 429.51 69.73Q431.61 71.87 435.85 71.87Q437.30 71.87 439.13 71.51Q440.97 71.16 442.62 70.37Q444.03 69.71 445.08 69.94Q446.13 70.17 446.73 70.93Q447.33 71.69 447.42 72.72Q447.51 73.75 446.98 74.74Q446.45 75.74 445.22 76.38Q443.13 77.53 440.58 78.08Q438.03 78.64 435.65 78.64Z'/%3E%3C/svg%3E");
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@notambourine/brand-kit",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "description": "The NoTambourine brand's golden set: tokens, element styles, deck theme, faces, and logo",
   "license": "MIT",
   "repository": {

package/tokens.css

@@ -16,4 +16,5 @@
 
 @import './fonts.css';
 @import './vars.css';
+@import './logo-vars.css';
 @import './elements.css';