Skip to content

SellKit guide: Deep Sea sonar-chart redesign - #39

Open
mrNLK wants to merge 1 commit into
mainfrom
sellkit-guide-deep-sea
Open

SellKit guide: Deep Sea sonar-chart redesign#39
mrNLK wants to merge 1 commit into
mainfrom
sellkit-guide-deep-sea

Conversation

@mrNLK

@mrNLK mrNLK commented Jun 12, 2026

Copy link
Copy Markdown
Owner

Summary

Restyles the SellKit User Guide with the Deep Sea palette (#0d1b2a Ink Black, #1b263b Prussian Blue, #415a77 Dusk Blue, #778da9 Dusty Denim, #e0e1dd Alabaster Grey) as a sonar-chart aesthetic that echoes SellKit's radar mark:

  • Abyssal Prussian cover with concentric sonar rings and a glowing ping dot
  • Alabaster chart-paper body with faint horizontal sounding lines
  • Typography: Fraunces (display) + Spline Sans (body) + Spline Sans Mono for chart-annotation details (kicker, pills, chips, table headers, figcaptions)
  • Radar-ping markers on section headings; Prussian table headers; inverted Prussian panels for warnings/avoid callouts (no off-palette amber)
  • Subtle staggered fade-up on screen, disabled in print

Scope: style-only — the <style> block in the generator plus regenerated HTML/PDF. Content, structure, and the eight screenshots are unchanged from #38. HTML remains fully self-contained (8 inlined images; fonts load from Google Fonts with serif/sans fallbacks). Verified zero leftover colors from the old teal theme and visually checked the rendered PDF cover and inner pages.

🤖 Generated with Claude Code

Palette swap to Deep Sea (#0d1b2a, #1b263b, #415a77, #778da9, #e0e1dd):
abyssal Prussian cover with concentric sonar rings and ping echoing the
SellKit radar mark, alabaster chart-paper body with faint sounding
lines, Fraunces display type with Spline Sans/Mono annotations,
radar-ping section markers, and inverted Prussian panels for warnings.
Content and screenshots unchanged from the rebuilt guide.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@vercel

vercel Bot commented Jun 12, 2026

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
getsourcekit Ready Ready Preview, Comment Jun 12, 2026 5:02am
source-proof Ready Ready Preview, Comment Jun 12, 2026 5:02am

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