Emerald Fintech Features
A premium features grid designed for fintech platforms and financial technology products.
Features
- 3x2 grid layout — Six feature cards with icons, titles, descriptions, and learn-more links
- Emerald + gold palette — Deep emerald (#064e3b) primary with gold (#d4a853) accent highlights
- Card hover effects — Subtle border color shift and shadow on hover
- Badge tags — Gold-accented category badges per feature
- Dark mode — Full zinc-950 dark theme with emerald-400 and gold accents
- Compliance footer — Trust signals with certification badges
Dependencies
@/components/vue-ui/card — Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter@/components/vue-ui/badge — Badge@/components/vue-ui/button — Button@/components/vue-ui/separator — Separatorlucide-vue-next — Feature icons
Customization
- Features: Edit the features array with your own fintech capabilities
- Colors: Replace emerald/gold with your brand palette
- Links: Update href targets for each feature card
