从任何地方招聘

功能

类似 Gmail 的响应式设计，具有移动底部导航、自动折叠面板、骨架加载器和吐司通知。可以从手机上查看候选人。

第一印象

类似 Gmail 的 加载

当应用程序初始化时，会显示 Curriculo 标志，下面有一个平滑的进度条。没有空白的白色屏幕，也没有永远旋转的旋转器。加载状态感觉很精致和故意。

标志 + 进度条

加载屏幕显示 Curriculo 标志居中在一个干净的背景上，下面有一个薄的、动画进度条。它传达了应用程序正在加载的信息，并给出了进度的视觉感受。一旦应用程序准备就绪，加载屏幕就会平滑地消失。

这种模式借鉴自 Gmail、Notion 和 Linear 等应用程序，这些应用程序以其加载体验而闻名。它在用户看到仪表盘之前就设定了质量期望。

自适应 布局

面板替换

在窄屏幕（手机和小平板电脑）上，打开候选人详细视图会替换列表视图，而不是与其并排出现。这使每个内容项都能占据整个屏幕宽度。只需单击一次即可返回列表。

自动折叠侧边栏

当在中等屏幕上打开详细面板时，侧边栏会自动折叠以腾出空间。在手机上，侧边栏变成了底部导航栏。每个像素都用于您正在处理的内容。

移动版 底部导航

在手机上，桌面侧边栏被替换为一个5个标签的底部导航栏，始终可见，仅需一次点击即可访问。

“更多”标签

第五个标签打开一个“更多”菜单，提供访问设置、分析、团队管理、计费和其他不常用的功能的途径。这保持底部栏的清晰，同时确保一切仍然可访问。

移动版 时间戳

紧凑的日期显示在申请人行中

在桌面上，申请人行显示完整的时间戳（“2026年3月15日 2:34 PM”）。在手机上，时间戳被压缩为相对格式（“2小时前”，“昨天”，“3月15日”）以节省水平空间，同时保持信息的有用性。

骨架加载器 & 提示通知

骨架加载器

应用程序中的每个页面都有一个骨架加载状态：与加载内容的布局相匹配的灰色占位符形状。候选人列表显示行形状的骨架。分析页面显示图表形状的骨架。这消除了布局偏移并给人一种速度的印象。

提示通知

每个用户操作都会产生一个提示通知：“候选人已移动到面试”（成功，绿色），“保存笔记失败”（错误，红色），“已安排面试”（信息，蓝色）。提示通知在桌面上显示在右上角，在移动设备上显示在底部中心，并在 4 秒后自动消失。

即将推出

暗黑模式 支持

CSS 变量就绪

整个 UI 都是使用 CSS 自定义属性（变量）来构建的，包括颜色、背景、边框和阴影。切换到暗黑模式只需交换变量值，基础设施已经就绪。

部分实现

核心组件（侧边栏、头部、卡片、按钮）已经定义了暗黑模式的变体。完整的暗黑模式覆盖范围正在进行中，并将在未来的更新中作为用户可切换的设置发布。

系统首选项检测

当暗黑模式启动时，它将默认尊重用户的操作系统偏好（prefers-color-scheme: dark），并在设置中提供手动切换选项。