本稿对应的 Figma 可编辑 UI 设计稿：小猪盖被 · Railway 官网首页 Figma 公开稿。打开即可对照版面结构、章节轨线与产品窗层级。
Railway 首页把云部署放进一套近黑紫的夜景叙事里。页面底色是 rgb(19,17,28)，顶栏透明地叠在内容之上：圆形 Railway 标与词标停在左侧，Product、Developers、Enterprise、Company、Pricing 排成低干扰导航，Sign in 与 Book a demo 收在右端。Inter 承担正文与界面信息，首屏却以 IBM Plex Serif 54px、500 字重的白色标题「Ship software peacefully」拉开气氛。衬线字的柔和曲线缓和了基础设施产品常见的工程感；副文中的 intelligent 仅用一段紫色下划线点亮，语气保持克制。
暮色手绘插画构成首屏背景：靛蓝夜空、紫粉云团、稀疏星点与标题后的紫色光晕共同托住文字。Deploy → 是 rgb(85,63,131) 的实心主按钮，Agents 则以半透明暗底和浅色描边退后半步；两枚按钮清楚地区分直接部署与探索型入口。其下漂浮 New Project / Dashboard 产品窗，GitHub Repo、Template 和活动时间线从插画中露出。视觉层刻意只在这里使用，后续章节交给真实产品界面作证，避免品牌情绪覆盖操作信息。
暮色插画首屏、IBM Plex Serif 白字 Ship software peacefully、紫实心 Deploy 与描边 Agents、下方 New Project 窗
Build and deploy 章节从左侧一条细竖轨进入，发光节点与点状胶囊像旅程的站点。眉题之后，「Deploy anything without the complexity」以两行衬线标题切开阅读层级；右侧 Architecture 窗口则让承诺落地。紫色下划线标识当前标签，点阵画布上摆放 frontend Building（Vite）和 Backend Deployed 服务卡，绿色勾选只服务于部署状态。轨线持续出现，是一种有意的布局取舍：不用大面积分隔背景，也能把分散的能力章节串成连续路径。
Build and deploy 章：左侧竖轨节点、衬线标题 Deploy anything、Architecture 点阵画布与 frontend/Backend 服务卡
Network 部分改为双栏，左侧「Instant networking. Zero setup.」配合 100 Gbps、协议探测等条目，右侧以叠放的服务卡回应。Online 的青绿色状态点与 postgres 卡格外醒目。紫色仍负责主行动和选中态，青绿被限制在网络章节的连通与健康信号，既提高扫描效率，也避免页面变成多色控制台。细边框图标、短功能条与圆角服务卡，共同把复杂能力拆成可快速读取的组件。
Network 双栏：Instant networking 衬线标题、功能条与右侧 Online 服务卡、postgres 卡
Monitor 继续沿用章节轨线和衬线叙事，却把焦点移进 Observability 窗口。CPU、Memory 的多色折线，命中与错误、Disk、5XX 柱状、Network Egress 组成三乘二网格；顶部时间范围与 Edit 操作保留控制台的真实颗粒度。图表色只被局部用于区分数据，深色窗框和紫色活动下划线维持界面秩序。此处的动效线索也相当具体：标签切换可替换面板，折线与柱体适合在进入视区时逐段显现，状态数据无需另造装饰动画。
Monitor 章 Observability 三乘二图表网格：CPU Memory Disk 5XX Network
社交证明段落收束为居中的衬线标题与三列暗卡。Bilt、G2X、Mappa 的引言和头像各自放在同样的卡片尺度中，卡片下半部的弱网格纹理延续工程画布语言；下接「…and loved by developers」，让企业案例与开发者口碑自然相连。整页反复复用透明顶栏、衬线标题、紫色选择态、细边产品窗和章节轨线：插画负责第一眼的安定感，界面负责随后每一段可信的细节。
留白同样承担节奏控制。每一章先让标题和短文在较宽的暗色区域建立重点，再把信息密度交给相邻产品窗；按钮圆角、卡片边线和标签下划线的尺度保持接近，减少组件之间的陌生感。页面没有把每项能力解释成大段文案，服务状态、项目结构、时间范围与图表读数成为更直接的说明。由首屏氛围进入部署、网络、观测和客户案例，阅读重心也随之由品牌承诺移向可见的产品动作。
Trusted 区三列客户卡 Bilt G2X Mappa 与底部 loved by developers