Lapis Education Pricing
A scholarly, academic-themed pricing table designed for education platforms.
Features
- 3 pricing tiers: Student ($9/mo), Professional ($29/mo), Institution ($99/seat/mo)
- Clean tabular feature lists with check/cross indicators
- Highlighted "Recommended" tier with prominent border and badge
- Rich lapis lazuli blue (#1E3A5F) accent palette
- Light mode: white background with blue accents
- Dark mode: very dark blue (#0D1B2A) background with lighter blue accents
- Full feature comparison across all tiers
- Responsive grid: stacked on mobile, 3-column on desktop
- WCAG AA compliant color contrast
Usage
import RegistryItem from './registry-item';
export default function Page() {
return <RegistryItem />;
}
Customization
- Edit the
tiers array to modify pricing, features, and descriptions
- Change which tier is highlighted by toggling the
highlighted boolean
- Adjust blue palette values to match your institution branding
- Add annual/monthly toggle by introducing state management
- Modify CTA button text and add onClick handlers
