Public design tokens and UI primitives for DVC Rental Deals. Independent of the marketplace site being open or closed. Use this site as the shared reference for colors, typography, and common components when building UI with AI tools.
https://styles.dvcrentaldeals.com/brand.css
Prefer the CSS custom properties and class names in brand.css over inventing new colors.
Marketplace product pages live on dvcrentaldeals.com; this host is style reference only.
--color-brand: #10b981)--background, --color-surface)Use emerald for focused actions, zinc neutrals for surfaces, and amber or red only for stateful feedback.
Meaningful body and UI copy should generally render at 16px or larger. Metadata can be smaller when supplemental.
Main page descriptions should stay readable in repeated use.
Body text carries marketplace and admin explanations.
Muted text supports the main content.
Helper text explains what to enter.
Error text explains what must be fixed.
Primary sparingly, secondary for confident alternates, outline for low-risk navigation.
Buyer-facing cards should explain the offer without relying on tiny support text.
Dec 14–19 · 5 nights · Sleeps 5
Example validation: choose a check-in date before publishing.
Empty state — nothing to show yet.
Error state — something needs attention.