Sapphire Fintech Pricing
A premium pricing table designed for fintech platforms and financial services.
Features
- Navy-sapphire palette — Deep #0f172a background with blue-600 accents
- Gold featured tier — #d4a853 gold highlight with crown badge and glow shadow
- 3-tier layout — Starter, Professional, and Enterprise with feature checklists
- Trust badges — SOC 2, PCI DSS, encryption, and GDPR compliance indicators
- Geometric texture — Subtle diagonal line pattern for depth
- Responsive — Stacked on mobile, 3-column on desktop with featured tier scale
- Staggered entrance — Sequential fade-in animations
Dependencies
@/components/vue-ui/badge — Tier labels and trust badges@/components/vue-ui/button — CTA buttons per tier@/components/vue-ui/card — Pricing card composition@/components/vue-ui/separator — Feature list dividerslucide-vue-next — Check, X, Crown, Shield, ArrowRight icons
Customization
- Tiers: Edit the
tiers array for your pricing structure
- Featured tier: Change
featured: true to highlight a different plan
- Gold accent: Swap #d4a853 for your preferred highlight color
- Trust badges: Update
trustBadges array with your certifications
