Skip to content

Redesign website and align logo/README branding#35

Merged
inxbit merged 3 commits into
mainfrom
site-redesign
May 31, 2026
Merged

Redesign website and align logo/README branding#35
inxbit merged 3 commits into
mainfrom
site-redesign

Conversation

@inxbit

@inxbit inxbit commented May 31, 2026

Copy link
Copy Markdown
Owner

Summary

Rebuilds the docs/ landing page and brings the logo and README assets in line with the new mono-forward brand.

Website (docs/)

  • New landing page driven by a small, dependency-free live highlighting engine (regex rules → colored spans, mirroring PrismTTY's own token families) that powers three surfaces:
    • Animated hero terminal — types ptty ssh … and streams highlighted show ip interface brief output, with a blinking cursor.
    • Raw → highlighted compare slider — drag the seam to reveal what color does to the same show tech dump.
    • Interactive profile tabs — cisco / juniper / fortinet / arista / linux-unix, each re-highlighting a vendor-authentic sample.
  • Mono-forward visual system (spectrum gradient headline, animated beams, grain/grid atmosphere, scroll reveals), no external requests, GitHub-Pages-friendly.
  • Accessibility: prefers-reduced-motion paints the final highlighted frame and disables motion, keyboard-operable slider via a real range input, focus-visible, sr-only descriptions.

Logo / brand

  • Added a faithful prism+terminal mark (prismtty-mark.svg, square — used as favicon) and a prism+rays lockup (prismtty-lockup.svg) for the header/footer wordmark.
  • Restored cyan "TTY" in the wordmark.

Fonts / README

  • Switched the logo wordmark, taglines, and demo headings from Inter → the mono brand stack across both docs/assets/ and .github/assets/ (kept in sync).
  • Bumped the README image ?v= cache-busters so GitHub serves the updated SVGs.

Verification

  • Rendered hero, compare slider, header, and README assets via headless Chrome to confirm highlighting, the rays lockup, and consistent monospace branding.
  • All edited SVGs validated as well-formed XML.

inxbit added 3 commits May 31, 2026 02:21
Rebuild the docs/ landing page around a small live highlighting
engine that powers an animated hero terminal, a raw/highlighted
compare slider, and interactive profile tabs. Mono-forward visual
system, no dependencies or network requests.

Add a faithful prism+terminal logo mark (square, used as favicon)
and a prism+rays lockup for the header/footer wordmark.

Switch the logo wordmark, taglines, and demo headings from Inter to
the mono brand stack across docs/ and .github/, and bump the README
image cache-busters so GitHub serves the updated SVGs.
The privacy scan rejects IPv4 addresses outside RFC 5737 ranges. The
arista and linux-unix demo samples used 10.x addresses; switch them to
198.51.100.0/24 and 203.0.113.0/24.
The redesign replaced the static terminal-demo SVG with JS-driven demos
(live terminal, compare slider, profile tabs) and restyled the feedback
eyebrow. Update site_pages.test.mjs to assert the interactive demo hooks
and match the new copy; revert the page <title> to a hyphen to keep the
existing SEO contract.
@inxbit inxbit merged commit da012f8 into main May 31, 2026
7 checks passed
@inxbit inxbit deleted the site-redesign branch May 31, 2026 06:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant