本稿对应的 Figma 可编辑 UI 设计稿：小猪盖被 · Mercury 官网首页 Figma 公开稿。打开即可对照版面结构、章节明暗切换与产品窗层级。
Mercury 首页把创业银行放进一幅有温度的远景中。雾气笼住山谷，晨昏色压低天空；草地前方的木桌、皮椅和笔记本把画面拉近，像一处临时的工作地点。居中的衬线白字「Radically different banking」悬在景色上方，柔和的字形先降低金融产品的制度感，再由短副文说明在线申请。这里的风景并非整页的装饰主题，它只压在首屏，承担第一眼的情绪与记忆点；越过开场，页面便主动撤去自然影像，将注意力交还给账户、卡片和流程。
透明顶栏贴在画面顶部，左侧由圆形结标、间距较大的 MERCURY 词标起头，Products、Solutions、Resources、About 与 Pricing 横向排开，带下拉意味的项目只以小箭头提示。右侧的 Log in 保持安静，圆角蓝色 Open account 则始终是最清楚的行动出口。顶栏在深浅背景之间持续出现，蓝色按钮也因此成为稳定的定位物。首屏中央的邮箱输入条采用半透明玻璃底，实心 Open account 放在字段后，描边 Launch demo 退为次选；三者从填写、开户到了解演示形成紧凑顺序，组件虽轻，行动层级很明确。
风景首屏、衬线白字 Radically different banking、玻璃拟态邮箱条与蓝实心 Open account、桌椅笔记本前景
紧接着的产品章忽然沉入近黑炭灰色，完成从品牌氛围到产品证明的转场。左栏「Everything you do with money. All in one place.」使用大尺度浅色文字，下面把 Business banking、Cards、Payments、Accounting 排成纵向手风琴。当前展开项用一个蓝点定位，并露出支票储蓄、收益、贷款等短说明；其余项目保持收合。这样的安排控制了一次出现的文字量，也让浏览路径有一个明确焦点。右栏 Accounts 窗被做成带玻璃感的浮层，Credit Card、Treasury、Ops、Payroll、AP、AR 等账户以圆形图标和余额分组，底部还留有自动转账规则提示。左侧解释能力，右侧呈现资金关系，双栏不需要把完整仪表盘搬上来，仍能传递真实操作的颗粒度。
暗色产品章双栏：Everything you do with money 手风琴与右侧 Accounts 玻璃窗余额卡
浅灰近白的功能章把画面重新放亮，衬线标题「Banking’s been a headache. Now, it’s a head start.」负责承接前一段的叙述性语气，下方则改用整齐的功能卡网格。深色虚拟卡上保留 Active 状态，账单卡露出 AI 标签，发票模块显示日期、Net 30 与重复选项，上传卡则留下进度条。每张卡只截取一个工作瞬间，信息密度由界面微件提供，文案不必反复解释概念。卡片的圆角、细边与留白维持同一尺度，适合在悬停或进入视区时做局部状态切换，却不抢走章节标题的阅读优先级。
浅底功能章衬线标题 Banking’s been a headache 与虚拟卡/账单 AI 卡片网格
支付章节延续浅色画布，却避开再放一张直白的资金后台。左侧纹理卡里的线纹球体带来一点近似轨道与流线的抽象感，右侧以「Stop losing money to fees. Start using it to fuel your growth.」建立利益主题。无手续费美元支付、信用卡返现与 Treasury 收益被收进另一组手风琴，当前条目同样由蓝点和链接承担强调。产品章与支付章重复手风琴这个阅读机制，背景、内容性质和图形材料却不同：前者聚焦账户集合，后者聚焦费用与回报。重复的是交互语法，变化的是阅读对象，因此页面具有连续性，也保留段落辨识度。
浅底支付章：线纹球体插画与 Stop losing money to fees 手风琴条目
「Run your business like a seasoned pro」把叙事推进至日常运营。Total visibility 卡采用深色环状图形与资金快照，先给出全局资金进出的视野；Automations 卡则把 Ops、Payroll 等节点放进规则流，转移、恢复、暂停等控件让自动化的用途变得可见。抽象的暗色纹理与具体流程卡并置，前者留住品牌质感，后者负责说明动作。深色产品章、浅色功能卡、浅色支付与运营卡共同形成明暗交替后的舒展节奏，蓝色始终只用于开户入口、当前条目和少量界面动作。色彩预算被压得很低，反而让每次蓝色出现都能提示选择与推进；首屏风景也因此不会蔓延成遮盖产品细节的背景。
运营章 Run your business：Total visibility 与 Automations 流程图卡
整页的叙事从远山中的一句承诺，收束到余额、账单、支付和自动化规则。衬线字体用于需要停留的品牌句，干净的无衬线文字处理导航、标签与账户信息；玻璃窗只放在需要层级感的首屏和账户展示，浅底卡片则承担高频功能说明。Mercury 并未依赖持续铺陈的豪华视觉来维持兴趣，更多分量来自有限色彩、稳定组件语法与可扫读的产品局部。对于创业公司受众，这种处理让页面先有可感知的野心，再以明确的界面证据回答资金管理会如何发生。