Alabaster Empty Canvas
A minimal, warm empty state component for recruitment and HR platforms.
Features
- Centered layout with generous whitespace
- Geometric SVG person illustration using circles and paths
- "No Candidates Yet" headline with onboarding guidance
- Primary CTA: "Post Your First Job" with teal accent
- Secondary action: "Import candidates from CSV"
- Quick tip card with application statistics
- Feature hints (AI-powered matching, one-click apply)
- Nunito Sans typography for friendly, approachable feel
- Full light and dark mode support
Dependencies
lucide-react for Plus and ArrowRight icons- Shadcn
Button component
Customization
- Replace the SVG illustration with your own or use an image
- Edit headline, description, and CTA copy
- Adjust teal accent (#14B8A6) to match your brand
- Modify the quick tip card content
- Add additional action links as needed
