Hire From Anywhere
Gmail-style responsive design with mobile bottom navigation, auto-collapsing panels, skeleton loaders, and toast notifications. Review candidates from your phone.
Gmail-Style Loading
When the app initializes, you see the Curriculo logo with a smooth progress bar underneath. No blank white screen, no spinner that spins forever. The loading state feels polished and intentional.
Logo + Progress Bar
The loading screen shows the Curriculo logo centered on a clean background with a thin, animated progress bar underneath. It communicates that the app is loading and gives a visual sense of progress. Once the app is ready, the loading screen fades away smoothly.
This pattern is borrowed from Gmail, Notion, and Linear, apps known for their loading experience. It sets the quality expectation before the user even sees the dashboard.
Adaptive Layout
Panel Replacement
On narrow screens (mobile and small tablets), opening a candidate detail view replaces the list view instead of appearing alongside it. This gives every piece of content the full screen width. Navigate back to the list with a single tap.
Auto-Collapse Sidebar
When a detail panel opens on medium screens, the sidebar collapses automatically to make room. On mobile, the sidebar becomes the bottom navigation bar entirely. Every pixel is used for the content you’re working with.
Mobile Bottom Navigation
On mobile, the desktop sidebar is replaced with a 5-tab bottom navigation bar, always visible, always one tap away.
The “More” Tab
The fifth tab opens a “More” menu with access to Settings, Analytics, Team Management, Billing, and other less-frequently-used features. This keeps the bottom bar clean while ensuring everything remains accessible.
Mobile Timestamps
Compact Date Display on Applicant Rows
On desktop, applicant rows show full timestamps (“March 15, 2026 at 2:34 PM”). On mobile, timestamps are compressed to relative formats (“2h ago,” “Yesterday,” “Mar 15”) to save horizontal space while keeping the information useful.
Skeleton Loaders & Toast Notifications
Skeleton Loaders
Every page in the app has a skeleton loading state: gray placeholder shapes that match the layout of the content being loaded. The candidate list shows row-shaped skeletons. The analytics page shows chart-shaped skeletons. This eliminates layout shift and gives the impression of speed.
Toast Notifications
Every user action produces a toast notification: “Candidate moved to Interview” (success, green), “Failed to save note” (error, red), “Interview scheduled” (info, blue). Toasts appear at the top-right on desktop and bottom-center on mobile, and auto-dismiss after 4 seconds.
Dark Mode Support
CSS Variables Ready
The entire UI is built with CSS custom properties (variables) for colors, backgrounds, borders, and shadows. Switching to dark mode is a matter of swapping variable values, the infrastructure is already in place.
Partial Implementation
Core components (sidebar, header, cards, buttons) already have dark mode variants defined. Full dark mode coverage is in progress and will be released as a user-togglable setting in a future update.
System Preference Detection
When dark mode launches, it will respect the user’s operating system preference (prefers-color-scheme: dark) by default, with a manual toggle in settings to override.
Is there a native mobile app?
CurriculoATS is a responsive web application, not a native iOS or Android app. It works in any mobile browser (Safari, Chrome, Firefox) and is designed to feel like a native app with bottom navigation, smooth transitions, and touch-friendly controls.
Can I review candidates from my phone?
Yes. The mobile layout gives you full access to the candidate list, detail views, resume preview, notes, pipeline actions, and interview scheduling. Everything you can do on desktop, you can do on mobile.
When will dark mode be fully available?
The CSS variable infrastructure is in place and core components have dark variants. Full dark mode is on the roadmap and will be released as a user-togglable setting. No specific date yet, but it’s actively being worked on.
Do skeleton loaders affect performance?
No. Skeleton loaders are lightweight CSS-only elements that render instantly. They actually improve perceived performance by showing the layout shape while data loads, eliminating the jarring shift from empty screen to full content.
Can I install the app on my home screen?
Yes. CurriculoATS works as a Progressive Web App (PWA). On mobile, you can use your browser’s “Add to Home Screen” option to create an app-like icon that opens the full-screen experience without browser chrome.