feat(docs): pixel-fidelity landing + canonical brand tokens + donate page #10

Merged

hartle-tech merged 1 commit from feature/pixel-perfect-landing-and-funding into develop

2026-05-15 21:25:27 +00:00

hartle-tech commented

2026-05-15 21:25:24 +00:00

(Migrated from github.com)

Summary

Three layers in one PR — all docs-only, no source code touched.

1. Brand correction

Earlier theme was eyeballed from mockup PNGs. assets/brand/brand_tokens.yaml is the canonical authority. Fixed colors (#E62A28 primary, not #E74C3C), fonts (Space Grotesk for headings, not IBM Plex Serif), removed dark mode (v2_brief.md §11: light_only — no dark drift).

2. Landing page → mockup #5 fidelity

Hero with mascot + CTAs (existed)
Tagline strip with dot separators (new)
5-feature grid (existed)
"Back up in 3 ridiculously easy steps" numbered cards (new)
Testimonials section, clearly illustrative + invite for real ones (new)
Donate CTA linking to /donate (new)

Custom CSS components: .ds-tagline-strip, .ds-steps, .ds-step, .ds-testimonials, .ds-section-title.

3. Donate page + funding wiring

docs/external/donate.md — full walkthrough of 5 donation options with fee tradeoffs (Liberapay, GitHub Sponsors, Ko-fi, Buy Me a Coffee, Stripe-direct). Each labeled "coming soon" until the account exists.

.github/FUNDING.yml — ordered recommendation: liberapay first (0% fees, EU-friendly, fastest setup), then github (apply soon), then ko_fi + buy_me_a_coffee for reach.

Donate link added to nav.

Test plan post-merge

GHA Deploy docs workflow goes green
dumpsock.hartle.tech/docs/ shows the corrected brand red (#E62A28) + Space Grotesk headings
dumpsock.hartle.tech/docs/donate/ renders the full donate writeup
No dark mode triggered even with prefers-color-scheme: dark in the browser
3-step section + testimonials section render at the bottom of /docs/

## Summary Three layers in one PR — all docs-only, no source code touched. ### 1. Brand correction Earlier theme was eyeballed from mockup PNGs. `assets/brand/brand_tokens.yaml` is the canonical authority. Fixed colors (`#E62A28` primary, not `#E74C3C`), fonts (Space Grotesk for headings, not IBM Plex Serif), removed dark mode (`v2_brief.md` §11: light_only — no dark drift). ### 2. Landing page → mockup #5 fidelity - Hero with mascot + CTAs (existed) - Tagline strip with dot separators (new) - 5-feature grid (existed) - "Back up in 3 ridiculously easy steps" numbered cards (new) - Testimonials section, clearly illustrative + invite for real ones (new) - Donate CTA linking to /donate (new) Custom CSS components: `.ds-tagline-strip`, `.ds-steps`, `.ds-step`, `.ds-testimonials`, `.ds-section-title`. ### 3. Donate page + funding wiring `docs/external/donate.md` — full walkthrough of 5 donation options with fee tradeoffs (Liberapay, GitHub Sponsors, Ko-fi, Buy Me a Coffee, Stripe-direct). Each labeled "coming soon" until the account exists. `.github/FUNDING.yml` — ordered recommendation: liberapay first (0% fees, EU-friendly, fastest setup), then github (apply soon), then ko_fi + buy_me_a_coffee for reach. Donate link added to nav. ## Test plan post-merge - [ ] GHA `Deploy docs` workflow goes green - [ ] dumpsock.hartle.tech/docs/ shows the corrected brand red (#E62A28) + Space Grotesk headings - [ ] dumpsock.hartle.tech/docs/donate/ renders the full donate writeup - [ ] No dark mode triggered even with prefers-color-scheme: dark in the browser - [ ] 3-step section + testimonials section render at the bottom of /docs/

No reviewers

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

hartle-tech/dumpsock!10

No description provided.

Rows
Columns