Kindle Media Social Proof
A bold, editorial-inspired social proof block designed for media companies and publishing platforms.
Features
- Marquee press logos — Horizontally scrolling publication names with CSS animation and edge fade gradients
- Giant subscriber counter — Large tabular-nums formatted number with accent label
- Stat cards — 4-column grid with icon, value, and label for key metrics
- Notable mentions — Quote cards with orange left border accent and source attribution
- Dual CTAs — Primary filled and outline secondary buttons with rounded pill styling
- Light/dark mode — White (#ffffff) light / ink black (#0a0a0a) dark backgrounds with orange (#e85d04) accent
Dependencies
lucide-vue-next — Newspaper, TrendingUp, Users, Award, ExternalLink icons
@/components/vue-ui/card — Card, CardContent
@/components/vue-ui/badge — Badge
@/components/vue-ui/separator — Separator
@/components/vue-ui/button — Button
Customization
- Publications: Replace the
pressPublications array with your actual press mentions
- Stats: Update the
stats array with your real metrics
- Mentions: Swap
mentions quotes and sources with authentic press quotes
- Colors: Adjust the orange (#e85d04) accent to match your brand
- Fonts: Fraunces and Work Sans are loaded via Google Fonts; swap in your brand fonts as needed