Ember Recruit Onboarding

Ember Recruit Onboarding

A polished onboarding flow designed for recruitment and job-matching platforms.

Features

• 4-step guided onboarding: Create Profile, Upload Resume, Skills Assessment, Match & Apply
• Visual progress bar with step completion indicators
• Warm orange (#F97316) accent palette throughout
• Current step highlighting with glow and border accent
• Responsive 2-column card grid on desktop, stacked on mobile
• Soft warm gray (#F9FAFB) light mode background
• Charcoal (#18181B) dark mode background with bright orange accents
• WCAG AA compliant contrast ratios
• Semantic HTML with aria-labels

Usage

import RegistryItem from './registry-item';

export default function Page() {
  return <RegistryItem />;
}

Customization

• Change the current step by modifying the currentStep variable
• Replace step icons, titles, and descriptions for your workflow
• Swap orange (#F97316) with your brand accent color
• Adjust the CTA button text and destination
• Add onClick handlers to make steps interactive