v1.9.0
Page backgrounds and five new templates
Released
Every template gets a configurable main and band background with tinted defaults, cards never share the color of what they sit on, and five new page templates.
- 5 added
- 57 changed
- 8 fixed
Highlights
Templates now have two backgrounds you can set: the main one (plain, soft, glow, aurora, grid or dots, tinted with any color) and the one for the alternating bands (muted, tinted, gradient or dots). In dark mode the page is a deep tinted color instead of pure black. Cards, fields and tiles inside a band are lifted one step above it, so they always stand out.
Added
- bug-bounty-page: a bug bounty program page with rewards by severity, a CVSS reward estimator, scope, rules, a hall of fame and a report form.
- impact-page: a sustainability and impact report with headline numbers, emissions charts, a carbon calculator and commitments.
- promo-page: a limited-time sale page with a coupon hero, a countdown, a copyable code, plan cards and a savings calculator.
- research-report-page: a gated research report page with a report cover, a download form, key findings with charts and a benchmark explorer.
- switch-page: a migration page for teams leaving other tools, with source tiles, a 4-step import wizard and a support matrix.
Changed
- marketing-section: new
PageBackdropwith main and band backgrounds, plusbandClasses,bandStyle,useBandBackgroundandusePageBackgroundfor custom bands. - hero-section: skips its own glow inside a decorated page background, so the two do not stack.
- cta-section, logo-cloud: follow the page's band background.
- pricing-page: new
background,backgroundColor,bandBackgroundandbandColorprops. - login-page, register-page, error-pages: new
backgroundandbackgroundColorprops; the hero panel reads better in dark mode. - waitlist-page: new
pageBackground,pageBackgroundColor,bandBackgroundandbandColorprops (itsbackgroundprop still sets the hero). - radio-group, checkbox, switch: card options get a soft fill instead of only a border, so they stand out on panels.
- deal-pipeline: in dark mode the columns and deal cards are lifted so the board reads on a dark page.
- everything else: templates take
backgroundandbackgroundColor(andbandBackgroundandbandColorwhen they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
Fixed
- crm-pipeline-page, crm-contact-page, post-listing-wizard, users-admin-page, admin-dashboard-page, listing-detail-page, marketplace-home-page, onboarding-flow: tiles, fields and cards that had the same color as their background in one theme now stand out.
70 items in this release
Show every item
Added5
- Bug Bounty Pagev1.0.0A bug bounty program page with rewards by severity, a CVSS reward estimator, scope, rules, a hall of fame and a report form.
- Impact Pagev1.0.0A sustainability and impact report with headline numbers, emissions charts, a carbon calculator and commitments.
- Promo Pagev1.0.0A limited-time sale page with a coupon hero, a countdown, a copyable code, plan cards and a savings calculator.
- Research Report Pagev1.0.0A gated research report page with a report cover, a download form, key findings with charts and a benchmark explorer.
- Switch Pagev1.0.0A migration page for teams leaving other tools, with source tiles, a 4-step import wizard and a support matrix.
Changed57
- About Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Academy Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Accessibility Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Affiliate Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- AI Product Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Blog Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Blog Post Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Careers Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Changelog Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Checkbox1.0.0 → 1.0.1Card options get a soft fill instead of only a border, so they stand out on panels.
- Community Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Compare Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Contact Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- CTA Section1.0.0 → 1.0.1Follow the page's band background.
- Customer Story Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Customers Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Deal Pipeline1.0.0 → 1.0.1In dark mode the columns and deal cards are lifted so the board reads on a dark page.
- Demo Booking Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Developers Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Docs Home Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Download Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Enterprise Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Error Pages1.0.1 → 1.1.0New `background` and `backgroundColor` props; the hero panel reads better in dark mode.
- Events Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Experts Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- FAQ Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Feature Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Glossary Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Help Article Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Help Center Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Hero Section1.0.1 → 1.0.2Skips its own glow inside a decorated page background, so the two do not stack.
- Integration Detail Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Integrations Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Job Detail Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Landing Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Launch Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Legal Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Login Page1.0.1 → 1.1.0New `background` and `backgroundColor` props; the hero panel reads better in dark mode.
- Logo Cloud1.0.0 → 1.0.1Follow the page's band background.
- Manifesto Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Marketing Section1.0.1 → 1.1.0New `PageBackdrop` with main and band backgrounds, plus `bandClasses`, `bandStyle`, `useBandBackground` and `usePageBackground` for custom bands.
- Press Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Pricing Page1.1.0 → 1.2.0New `background`, `backgroundColor`, `bandBackground` and `bandColor` props.
- Product Tour Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Radio Group1.0.0 → 1.0.1Card options get a soft fill instead of only a border, so they stand out on panels.
- Referral Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Register Page1.0.1 → 1.1.0New `background` and `backgroundColor` props; the hero panel reads better in dark mode.
- Roadmap Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- ROI Calculator Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Security Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Solutions Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Startups Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Status Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Switch1.0.0 → 1.0.1Card options get a soft fill instead of only a border, so they stand out on panels.
- Template Gallery Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
- Waitlist Page1.0.0 → 1.1.0New `pageBackground`, `pageBackgroundColor`, `bandBackground` and `bandColor` props (its `background` prop still sets the hero).
- Year in Review Page1.0.0 → 1.1.0Templates take `background` and `backgroundColor` (and `bandBackground` and `bandColor` when they have bands), each design picks its own look, and no card, panel or field shares the color of the surface it sits on.
Fixed8
- Admin Dashboard Page1.2.0 → 1.2.1Tiles, fields and cards that had the same color as their background in one theme now stand out.
- CRM Contact Page1.0.0 → 1.0.1Tiles, fields and cards that had the same color as their background in one theme now stand out.
- CRM Pipeline Page1.0.0 → 1.0.1Tiles, fields and cards that had the same color as their background in one theme now stand out.
- Listing Detail Page1.0.1 → 1.0.2Tiles, fields and cards that had the same color as their background in one theme now stand out.
- Marketplace Home Page1.0.0 → 1.0.1Tiles, fields and cards that had the same color as their background in one theme now stand out.
- Onboarding Flow1.0.1 → 1.0.2Tiles, fields and cards that had the same color as their background in one theme now stand out.
- Post Listing Wizard1.0.0 → 1.0.1Tiles, fields and cards that had the same color as their background in one theme now stand out.
- Users Admin Page1.0.0 → 1.0.1Tiles, fields and cards that had the same color as their background in one theme now stand out.