Skip to content

feat(pricing): light brand palette for the shared pricing surface#579

Merged
w1ne merged 1 commit into
developfrom
feat/pricing-brand-colors
Jul 4, 2026
Merged

feat(pricing): light brand palette for the shared pricing surface#579
w1ne merged 1 commit into
developfrom
feat/pricing-brand-colors

Conversation

@w1ne

@w1ne w1ne commented Jul 4, 2026

Copy link
Copy Markdown
Owner

The pricing section rendered in the app's dark black/orange theme, clashing with the vellum marketing site. Retheme the shared PricingSection/PricingTiers to the kernelCAD light palette (vellum · paper · ink · blueprint · copper) so the landing and the app /pricing page look like one product.

  • Paper cards on the vellum page, rule hairline via ring; featured tier ringed blueprint; no dark band.
  • Blueprint primary CTA / active toggle / kicker / check circles; vellum-soft secondary CTAs; copper savings; ink headings.
  • Landing SSR wrapper drops the dark band; app /pricing page bg → vellum, text → ink.
  • Feature badges → blueprint/copper/slate tints.
  • Card borders use ring (box-shadow) and the island re-supplies a scoped button-border reset, so the preflight-free island renders cleanly.

Verification

  • typecheck 0, lint 0, 23/23 affected tests pass
  • Rendered on the vellum landing (screenshots reviewed): cards, toggle, badges, CTAs all in-palette; toggle/period deep-link still works

Follow-up after merge: re-dispatch deploy-kernelcad-com.yml (kernelCAD-server) so kernelcad.com goes live; app.kernelcad.com auto-deploys.

…alette

The pricing section rendered in the app's dark black/orange theme, which
clashed with the vellum marketing site. Retheme the shared PricingSection /
PricingTiers to the kernelCAD light palette (vellum · paper · ink · blueprint ·
copper) so the landing AND the app /pricing page look like one product:

- Cards: paper (#FFFDF7) on the vellum page, rule (#D6CDB4) hairline via ring;
  featured tier ringed in blueprint. No dark band — the section sits directly on
  the landing.
- Primary CTA + active toggle + kicker + check circles: blueprint (#1E5FA8).
  Secondary CTAs: vellum-soft fill. Yearly savings: copper. Headings: ink.
- Landing SSR wrapper drops the dark band; app /pricing page bg -> vellum, text
  -> ink.
- Feature badges recolored to blueprint/copper/slate tints (was rainbow).

Card borders use ring (box-shadow) not CSS border, and the island re-supplies a
scoped button-border reset, so the preflight-free island renders cleanly.
@w1ne w1ne merged commit 64b354a into develop Jul 4, 2026
17 checks passed
@w1ne w1ne deleted the feat/pricing-brand-colors branch July 4, 2026 18:49
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