Midjourney 网站预览
Midjourney 网站预览

Midjourney

深海生物发光终端。在高压黑暗中,智能以ASCII流的形式清晰生成,控件则如同微弱发光的生物标本。

Midjourney的界面感觉像是透过深海舷窗望向一个生物发光的虚无——浩瀚、高压的黑暗中点缀着微弱的光源。#06051d近黑色带紫色调,并非单纯的黑暗,而是具有维度的深邃,区别于纯黑之处在于那股紫色的暖意,读作宇宙般而非虚无的氛围。一片延展的ASCII/生成式文本动画填充在首屏区域,与这一背景相映,使整个界面本身仿佛在实时生成智能。各区块标题和导航均使用JetBrains Mono——作为美学选择而非技术必要,使每个标签都具备终端命令的分量。三个胶囊形按钮(注册、登录、探索)悬浮为半透明的宝石——每个带有不同色调(绿色、黄色、红橙色)在20%不透明度下置于其深色背景上,且配以相应的文字颜色,使其更像分类数据包,而非传统号召性按钮。

查看原始网站

使用规范

建议采用

  • 将JetBrains Mono作为所有UI元素(导航、标题、按钮、正文)的主字体——将等宽字体作为视觉标识,而非仅限于代码场景的例外。
  • 仅对注册/探索/登录三组按钮应用三色胶囊按钮系统(绿色/琥珀色/红色调,约20%不透明度),不得将标本色系扩展至其他按钮类型。
  • 将所有页面背景设为#06051d或其线性渐变变体linear-gradient(0deg, #06051d 30%, #061434)——永远不要使用纯黑色#000000,否则会削弱紫色宇宙深度的感知。
  • 所有胶囊按钮使用9999px圆角,所有卡片/图片容器使用8px圆角——不使用中间值;完全圆润与柔和圆润之间的对比是形状系统的精髓。
  • 页面标题使用30px JetBrains Mono 400字重,搭配一个小型琥珀色#f0b100图标前缀——绝不提升至粗体,大尺寸下轻盈字重才是其标志性特征。
  • 所有内联超链接及扁平导航文本链接必须使用#63b3ed Portal Blue——它是正文内容中唯一完全可见的色彩。
  • 保持页面区块间64px的垂直间距,以维持内容区块间宽敞、深海虚无的氛围。

建议避免

  • 绝不使用无衬线或衬线字体作为标题字体——DM Sans仅用于正文段落;JetBrains Mono必须主导排版层级。
  • 绝不创建实心填充的按钮——胶囊按钮的半透明20%透明背景是系统规范;实心填充破坏了生物发光标本的美学。
  • 绝不引入任何浅色背景(如#ffffff、浅灰色)到页面区块中——该设计无浅色模式;所有表面必须保持在#06051d至#314062的深色范围内。
  • 绝不使用超过三种强调色调用于按钮——红/绿/琥珀标本三色构成封闭系统;增加新按钮颜色会削弱整体精确性。
  • 绝不加粗标题或在UI中任何位置使用500以上的字重——400字重在显示尺寸下是刻意的反常规选择,定义了整体视觉语调。
  • 绝不添加装饰性图像或摄影——唯一允许的视觉内容是AI生成的单色渲染及ASCII/生成式文本首屏。
  • 绝不为正文段落添加彩色背景——文本内容必须直接置于#06051d宇宙虚无背景上,搭配#cad5e2雾色文字,禁止使用具有对比背景的内容卡片。