Origin Financial
午夜时分，静谧奢华的画廊。一个安静、近乎昏暗的房间，硕大的衬线字体和几块发光的彩色面板营造出一种感觉：金融是一件精心策划的艺术品。
Origin 将个人理财界面呈现为一个夜间画廊：近乎黑色的画布、简洁的衬线标题（80-96 像素，Lyon Display - 300）以及如同背光面板般悬浮的彩色功能卡片。大部分界面保持平静的单色调，饱和的色彩仅以全屏类别图块的形式出现，用于支出、投资和预测模块，以及数据信号（图表、迷你图）。字体分为三种风格：高对比度衬线字体用于情感表达，新怪诞无衬线字体用于用户界面，等宽字体用于技术标题和全大写数据，营造出一种编辑风格和精准感。界面上唯一的主要元素是黑底白字；其余部分则逐渐融入黑暗之中。
深色画布横跨整个页面宽度（内容容器最大宽度为 1200 像素，但各个部分会环绕到页面边缘）。页面布局节奏交替呈现：(1) 醒目的首页图片，居中标题并嵌入 AI 工具提示；(2) 全宽模块；(3) 浅色反色 #cacaca 统计信息块，形成对比；(4) 产品布局条纹，内边距为 90 像素。标题始终居中；功能类别卡片采用三列网格布局，列间距为 12-15 像素。各部分之间的垂直间距为 24-80 像素，确保模块之间有足够的空间。导航栏为固定顶部栏，背景模糊（背景滤镜 (24 像素)），包含徽标、三个虚拟按钮导航元素、“登录”文本链接以及右对齐的白色“开始使用”主行动号召。
氛围摄影是核心元素（一张色调柔和、略带冷调的云朵和天空全画幅照片，与其说是真实的天气景象，不如说是令人心旷神怡的开阔天空）。产品可视化以倾斜的 Origin iPhone 应用渲染图呈现，背景近乎黑色——设备是主要元素，采用微妙的体积光晕效果，而非屏幕眩光。没有插图、抽象图形或生活方式照片。图标设计极简，采用白色线条或轮廓的单线 SVG 图像。整体而言，文字占据主导地位：文字占据了约 80% 的视觉权重，图像仅用于营造氛围和展示产品。
提示生成风格为Origin Financial AI 图像
以 Origin Financial 网站的视觉风格创建图像 描绘内容：[在此处填写您的主题和愿望 — 例如：“木桌上的咖啡杯，晨光”] 风格：静谧财富的午夜画廊。一个安静、几乎黑暗的房间，物品营造出精心挑选的艺术品的感觉。具有柔和、冷色调处理的氛围感照片，给人以鼓舞人心的开阔天空之感。无插图、抽象图形和生活方式风格照片。 光线与材质：几乎全黑的背景。几乎察觉不到的体积光，无眩光效果。柔和、漫射的光线，强调形态。深色主题为主，以边界而非阴影来界定。 调色板：Iris Gleam #847dff, Cyan Signal #00b3dd, Pale Iris #d1c9ff, Deep Iris #4b49aa, Orchid Bloom #dd90d8, Periwinkle #90b8f0, Obsidian #0f1011。 构图：画面中心元素，主导构图。全画幅照片。物体作为主要元素呈现，在深色背景周围留有足够的空间。宽幅格式。 要求：照片级真实感且干净，光线和颜色严格遵循上述调色板。除非在“描绘内容”中明确要求，否则请勿添加文本、题字、数字、界面和网站布局。无水印、第三方标志和品牌名称。
调色板
品牌
- Iris Gleam
#847dff— 类别卡片的主要配色是特有的紫色，这种颜色最常出现在模块板块上。
中性的
- Cyan Signal
#00b3dd— 数据驱动的重点——图表线、迷你图表笔画和深色背景上的预测指标。 - Pale Iris
#d1c9ff— 紫色是一种较浅的紫色，适用于主题面板和背景填充中较为柔和的配色方案。 - Deep Iris
#4b49aa— 鼠标悬停时，类别栏和状态栏会呈现深紫色阴影。 - Orchid Bloom
#dd90d8— 生活方式/支出模块的粉色类别卡片与冷色调的调色板形成了温暖的对比。 - Periwinkle
#90b8f0— 用于咨询模块或伴侣模块的浅蓝色类别卡。 - Obsidian
#0f1011— 页面的画布是占据主导地位的深色表面，一切都漂浮在其上。
排版
从 12 像素到 96 像素 · 7 步
- Suisseintltrial — 替代品： Inter · 轮廓 400 · Suisseintltrial——在提取的数据中发现，但人工智能未对其进行描述。
- Lyon Display — 替代品： DM Serif Display or Playfair Display (Google Fonts) at weight 400 with manual letter-spacing tightening · 轮廓 300 · 标题和章节标题是其标志性风格。仅使用 300 号字体（细体），营造出一种柔和而自信的感觉；极小的字号（38-96 像素）搭配 0.9 的窄行距，形成了一种鲜明的张力。
- Suisse Int'l — 替代品： Inter or Geist Sans at matching weights · 轮廓 300, 400 · 正文、卡片描述、链接文本和输入框。卡片副标题（18px）使用 300 字重，以与显示文本形成微妙的呼应；主要用户界面文本使用 400 字重。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 平均的 |
| 基本步骤 | 12px |
| 按钮半径 | 8px |
| 卡片半径 | 16px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 80px |
| 页面宽度 | 1200px |
AI 将按照Origin Financial风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- July Fund — 一本专著，陈列在昏暗的展厅里，配有彩色章节卡片。
- FLORA — 黑色天鹅绒画廊——干净的深色画布，明亮的图像是唯一的色彩
- Mercury — 黄昏时分的阿尔卑斯山坡
- Linear — 午夜精密仪器
- Air — 雕塑作品《透过玻璃的午夜天空》
- Raycast — 午夜指挥中心，珊瑚霓虹灯
- dope.security — 午夜时分，紫色信标闪耀在航站楼上
- Dimension — 黄昏时分，灯光昏暗的工作台面配有磨砂玻璃面板。
- Giga — 午夜的地平线笼罩着结霜的黑曜石
- Reflect Notes — 繁星点点的紫色空间是一个黑暗的天文台，音符像星座一样漂浮在近乎漆黑的靛蓝色空旷背景上。
- Ameba — 午夜时分的控制室——磨砂玻璃面板内闪烁着电蓝色的光芒
- Branding — 黑色画廊墙，血红色点缀——巨大的白色字体漂浮在类似虚空的深色画布上，被一个鲜红色的点缀和醒目的装饰元素打破，看起来更像是画廊的标牌，而不是网页界面。