Malachite Education Pricing
A prestigious, jewel-toned pricing section designed for education and e-learning platforms.
Features
- 3 pricing tiers — Student (Free), Educator Pro ($19-29/mo), Institution (Custom)
- Annual/monthly toggle — Savings badge shows 35% discount for annual billing
- Recommended tier highlight — Emerald ring, gradient top border, elevated shadow
- Tier icons — GraduationCap, Crown, Building2 for visual hierarchy
- Libre Baskerville serif — Refined transitional serif for scholarly tone
- Emerald/teal palette — Deep greens with gold accents
- Full dark mode — Deep forest green background with emerald highlights
Dependencies
@/components/vue-ui/badge — Tags and plan badges@/components/vue-ui/button — CTA buttons@/components/vue-ui/card — Pricing tier cards@/components/vue-ui/separator — Feature list dividerslucide-vue-next — Check, Crown, GraduationCap, Building2 icons
Customization
- Tiers: Edit the
tiers array to change names, prices, and features
- Colors: Swap emerald for navy or burgundy for different institutional branding
- Toggle: Remove the annual/monthly toggle for fixed pricing
