iOS · 同域名多路径落地页
一套结构,一处换肤,承载你所有的 App。
相同的顶栏与底部导航贯穿每个页面,不同 App 只需替换一个主题色变量即可匹配自身风格。同域名下按 /<app> 分路径,右上角 Privacy Policy 满足 App Store 隐私要求。
三个可选正文模板
同一套底盘,三种内容排布。任意 App 可挑选其一,顶栏与底部导航保持一致。
跨模板一致
共享的顶栏与底部导航
- 顶
顶栏:左侧当前 App 图标 + 名称,右上角 Privacy Policy 入口 —— 满足苹果对隐私政策可达性的要求。
- 底
底部导航:固定于底部,可在 4 个 App 间切换;桌面端为居中悬浮胶囊,移动端为通栏 Tab Bar。当前 App 高亮。
- 板
正文板块:Hero(图标+简介)· 应用截图 · 功能亮点 · App Store 下载 · FAQ,由所选模板决定排布。
一处换肤
每个 App 只改一个主题色
底色沿用 Shadcn 中性系统,品牌色作为 --accent 贯穿图标、强调与交互态。新增一个 App:复制任一模板,替换下面两行,并把标题、文案、路径改成该 App 的即可。
/* 每个 app 只改这两行 */ :root { --app-theme: #0d9488; /* 品牌主色 */ --app-theme-ink: #ffffff; /* 主色上的文字色 */ }
同域名 · 多路径
路径约定
所有 App 共用一个域名,靠路径区分;隐私政策为每个 App 独立子路径,右上角入口指向它。
example.com/scanful → 分栏展示模板 B example.com/scanful/privacy → 隐私政策 example.com/trace → 编辑式模板 C example.com/trace/privacy → 隐私政策 example.com/sinmrt → 居中式模板 A example.com/sinmrt/privacy → 隐私政策