Repository navigation
Theme: brand harmonization with www (page header, tokens, Poppins 600, links) - #565
Merged
Merged
Conversation
Re-exported doc/data/site_nav.json from thethingsnetwork-v2 (scripts/export-docs-chrome.mjs): Enterprise, "Need professional support?" and the footer's The Things Stack link now carry utm_source=thethingsnetwork.org, utm_medium=referral, utm_campaign=ttn-website, utm_content=<placement>. Co-Authored-By: Claude Opus 5.5 <[email protected]>
- Radius on the 8px grid: 8px for buttons, inputs, cards, menus and controls (no more pill buttons), 16px only for the feature banner and video panel, 999px only for the account avatar. - No uppercase or positive letter-spacing: sidebar/rail labels, eyebrows, glossary letters, table headers and footer headings are Inter Label/Small 13/16 600, sentence case. - Line-heights: body 15/21; explicit line-heights on labels, buttons, card titles and headings; long-form prose keeps 16/1.6 on purpose. - Motion: one shared token-based transition (140ms, standard easing) on color/background/border/shadow for every interactive element, 220ms for the dropdown chevron, no width animation on the search field, and a prefers-reduced-motion block. - Logos: TTN horizontal color/white, The Things Stack and LoRaWAN from the brand logo set as supplied; the stale TTS-logo.svg / TTN-logo.svg URLs now serve the current lockups; unused outdated PNGs removed. Co-Authored-By: Claude Opus 5.5 <[email protected]>
…footer tagline) Co-Authored-By: Claude Opus 5.5 <[email protected]>
…600, link colour) - Load the website's generated ttn-tokens.css (export-brand-tokens.mjs: self-hosted Inter 300-600 + Poppins SemiBold 600, every brand token, .tn-wrap, .tn-eyebrow, motion, the tn-ph page header) before docs.css, concatenated into one css/docs.css. docs.css drops its own @font-face rules (Inter 700, gstatic Poppins 700) and token copies; only docs-only tokens remain. Retire the Inter, Lato and AvantGarde font files. - Page headers per the platform's docs/brand-page-header.md: the docs home and 404 get the tint band (tn-ph); every page with the left navigation gets the inset variant (crumbs, eyebrow = sidebar group, H2-style title, lede from `lead`/`description`, buttons from `actions` front matter). The LoRaWAN landing's lead and buttons move from shortcodes to front matter. - Headings h2-h6 and card titles in Poppins 600; no 700 weights left. Text links tti-500 (tti-300 on the navy feature panel), prose links underlined; navigation stays neutral. Icons on 16/24. - Review fixes: header/footer rules identical to site.css (nav line-height 1.2: 28.8px items, drop items, account chip, toggle 24px, auth gap, mobile panel, footer line-heights); feature-panel eyebrow letter-spacing 0; small secondary text grey-700 (6.0:1) instead of grey-600 (3.6:1). Co-Authored-By: Claude Opus 5.5 <[email protected]>
…itle, heading order) - ttn-tokens.css re-exported (shared --focus-ring token, page-header.css: underlined lede links, sized title <sup>, spaced phone sub-nav). - Focus: :focus-visible = a 2px tti-500 outline; buttons, header links and the search field use --focus-ring (the #CCE8FF ring was ~1.2:1). - Header "Enterprise" link: --ttn-700 (AA, was 4.48:1). - Page header actions follow the shared button spec (48px, 14px 26px, primary = ttn-500 fill). - Feature panel title: .dx-feature__title, a Poppins 600 H5 heading (was an Inter "eyebrow" h2). - /docs/lorawan/: lede copy and the link to The Things Fundamentals certification restored. - Deleted the unused lead, actions and button shortcodes and their CSS. - 13 pages whose first heading was h3/h4 promoted so headings start at h2 (no skipped levels). Co-Authored-By: Claude Opus 5.5 <[email protected]>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Aligns the docs theme with the new brand guidelines and with www.thethingsnetwork.org, which shipped the same changes today.
What changes
ttn-tokens.css+ self-hosted Poppins 600). This replaces the hand-copied values.TTS-logo.svgandTTN-logo.svgURLs now serve the current files.prefers-reduced-motionrespected.docs/tti-utm-tagscommit.lead,actionsandbuttonshortcodes are removed.Checked
Merge after the www release is live (it is, as of today), so the header and design values match.
🤖 Generated with Claude Code