Design Components for Higher-Ed & SaaS
Reusable UI components and learning blocks for digital learning, adaptable to university and corporate branding, and ready for SaaS admin panels.
What it solves
- Consistency: One source of truth for tokens, spacing, and motion.
- Branding at scale: Per-university palettes, typography, and icon sets.
- Accessibility: WCAG-minded colour contrast and keyboard navigation.
Highlights
- UI primitives: Buttons, links, tabs, carousel, cards, alerts.
- Learning activities: Flip cards, callouts, inline tips.
- Themable tokens: Colour, radius, shadows, density; dark mode built-in.
- Motion: Subtle transitions with sensible duration/curve defaults.
Notable Use Cases
- University courses — Canvas-ready blocks for modules, lessons, assessments.
- Corporate compliance learning — Brandable, LMS-friendly patterns with accessibility guardrails.
- SaaS admin panel — Forms, tables, filters, and settings built on shared tokens.
- Marketing websites with CMS — Component library wired to a headless CMS for fast page assembly.
Tools: HTML5, CSS3, Bootstrap, Canvas LMS API