Brand the docs site with the logotype and a gray favicon #2

Merged
GrumpyStraw merged 1 commit from dev into main 2026-09-12 11:47:20 +02:00
Owner
  • Add the logo and favicon, then move both to the tubular mark. The favicon
    is hinted for small sizes rather than scaled: its bars sit on a four unit
    grid so every edge lands on a pixel boundary at 16 px, and it drops the bore
    at 24 px and below, where the tube crowds the counters.
  • Replace the header logo with the logotype, inlined by an overrides partial
    so it takes its color from the header. The site label is outlined in the
    same run, so "Strawly Docs" is one piece of type: same face, weight,
    tracking and baseline, with the label on its own path only so CSS can color
    it. The accent sits on the name and the label sits back in header text.
  • The title topic is hidden only above 76.25em, where the theme shows the
    logo. Below that the theme hides the logo, so the title carries the full
    site name on its own.
  • Put the favicon on a gray badge, #6b7280, to separate the public docs from
    the green app and the orange internal docs. Darker greys were tested and
    rejected: at 16 px they sink into dark browser chrome.
  • Drop commitments from the quick-start demo data list.
- Add the logo and favicon, then move both to the tubular mark. The favicon is hinted for small sizes rather than scaled: its bars sit on a four unit grid so every edge lands on a pixel boundary at 16 px, and it drops the bore at 24 px and below, where the tube crowds the counters. - Replace the header logo with the logotype, inlined by an overrides partial so it takes its color from the header. The site label is outlined in the same run, so "Strawly Docs" is one piece of type: same face, weight, tracking and baseline, with the label on its own path only so CSS can color it. The accent sits on the name and the label sits back in header text. - The title topic is hidden only above 76.25em, where the theme shows the logo. Below that the theme hides the logo, so the title carries the full site name on its own. - Put the favicon on a gray badge, #6b7280, to separate the public docs from the green app and the orange internal docs. Darker greys were tested and rejected: at 16 px they sink into dark browser chrome. - Drop commitments from the quick-start demo data list.
Squashed from the 2026-37 working branch.

- Add the logo and favicon, then move both to the tubular mark. The favicon
  is hinted for small sizes rather than scaled: its bars sit on a four unit
  grid so every edge lands on a pixel boundary at 16 px, and it drops the bore
  at 24 px and below, where the tube crowds the counters.
- Replace the header logo with the logotype, inlined by an overrides partial
  so it takes its color from the header. The site label is outlined in the
  same run, so "Strawly Docs" is one piece of type: same face, weight,
  tracking and baseline, with the label on its own path only so CSS can color
  it. The accent sits on the name and the label sits back in header text.
- The title topic is hidden only above 76.25em, where the theme shows the
  logo. Below that the theme hides the logo, so the title carries the full
  site name on its own.
- Put the favicon on a gray badge, #6b7280, to separate the public docs from
  the green app and the orange internal docs. Darker greys were tested and
  rejected: at 16 px they sink into dark browser chrome.
- Drop commitments from the quick-start demo data list.
Sign in to join this conversation.
No description provided.