Vermilion Media Features
An editorial magazine-style features grid for media and publishing platforms.
Features
- Editorial grid — 3-column grid with bordered cells for newspaper feel
- Large numbers — Oversized feature numbers (01-06) for visual hierarchy
- Vermilion accents — Bold red (#dc2626) icon containers and heading highlights
- Barlow Condensed — Condensed bold typeface via Google Fonts
- Hover states — Subtle background transitions on feature cards
- Dark mode — High contrast dark theme with zinc palette
Dependencies
@/components/vue-ui/card — Card, CardHeader, CardTitle, CardDescription, CardContent
@/components/vue-ui/badge — Badge
@/components/vue-ui/separator — Separator
lucide-vue-next — Feature icons
Customization
- Features: Edit the features array with your own content
- Colors: Replace vermilion red with your brand accent
- Grid: Adjust column count for different feature counts