Telegram、 WhatsApp+380637610482
瓦列里·丹尤克
瓦列里·丹尤克开发者为企业开发人工智能工具。高质量,价格实惠。通过 Telegram 联系
INO — 此风格的网站预览

INO

博物馆的展柜静悄悄的——每件展品都漂浮在白色的空间里,如同玻璃后的独立物体,被近乎黑色、几乎听不见的字体框住。

INO 的设计风格近乎单色珠宝画廊:洁白的画布,单一温暖的近乎黑色的色调,以及几乎完全的色彩缺失。视觉系统将每一枚戒指都视为博物馆藏品——冷静客观的产品照片漂浮在广阔的留白之中,层级结构并非通过字体大小或颜色来构建,而是通过位置、字母间距和留白的多少来体现。导航栏位于页面底部,由四个带有标签(实心或空心)的圆点组成,这与传统的电商顶部导航栏设计截然不同。品牌标识本身是一组同心圆环轮廓,呼应了产品的形状,与其说是一个标志,不如说是一件文字雕塑。

页面采用全宽画布设计,内容宽度无上限。主屏幕占据页面全部宽度,图片和图形各占一半(50/50)。产品网格以三列显示,并与视口边缘保持充足的水平边距。底部导航居中并锚定于页面底部,而非固定。章节分隔采用全屏编辑图片或纯白色,绝不使用色条、分割线或渐变色。垂直方向的布局自由:主要章节之间采用 80/1/1 的比例,使页面保持呼吸感,而非被内容填满。没有侧边栏、超级菜单或顶部标题栏——“INO”标志仅位于主屏幕的左上角。

两种截然不同的图像显示模式并存:一种是置于平坦浅灰色无缝背景上的临床产品摄影(每枚戒指都居中拍摄,没有手、风格化的道具或表面阴影——产品本身才是主角);另一种是叙事性编辑图像(例如,一枚戒指放在铺满草的盒子里,一只手握着一条链子),以低饱和度的全屏编辑片段形式呈现。产品图像用作产品卡片;编辑图像则传达品牌的氛围。两者都是单色或近乎单色的——主图中的草地是唯一的绿色,而且即使是草地也被调成了森林般的色调。界面中未使用图标——所有图标均被一个同心圆环符号所取代。

调色板

中性的

  • Obsidian Ink #212123 — 中性的形式状态、图标文本和简洁的 UI 反馈,配色方案应保持不引人注目。
  • Bone #ffffff — 画布页面、硬纸板表面、深色背景上的反色文字。这是主要界面;几乎整个网站的内容都位于此处。
  • Carbon #000000 — 图标填充、装饰性图形轮廓和导航点指示器的激活状态填充。使用量极少,以最大程度地与“骨白色”形成色调对比。
  • Ash #999999 — 中等对比度的边框、控制轮廓和结构分隔线。
  • Pebble #a6a6a7 — 辅助文字采用低调的配文字,主文本之间以细线分隔,并配以辅助元数据。价格标签和相关文字采用最浅的功能性灰色,使其融入背景。

排版

从 11 像素到 18 像素 · 4 步

  • Sequel100Wide — 替代品: Jost (400 · 轮廓 400 · 这是唯一一款在所有场合(包括导航、正文、标题、定价和图注)均使用 400 字重的企业字体。宽阔的几何符号和宽松的字母间距体现了整个企业风格。刻意不设粗体:层级关系是通过大小写、字母间距和位置来构建的,而非通过改变字重。
  • Arial — 替代品: system-ui · 轮廓 400 · 这是在旧版上下文中渲染按钮的系统级备用方案。它并非品牌标识的一部分——仅在 Sequel100Wide 加载失败时才会显示。

音程和形式

目的意义
密度稠密
基本步骤23px
按钮半径50px
卡片半径8px
阴影无边框,取而代之的是阴影
各部分之间80-120px

AI 将按照INO风格构建您的网站并填充内容。

  • 通过链接( Instagram 、 TikTok 、 Facebook )发布产品和帖子。
  • 从旧网站迁移内容——只需指定地址即可。
  • 采用最佳引擎的现代设计: React ( Next.js ),开箱即用服务器端渲染和 SEO 优化。
  • 全自动搜索引擎优化,支持搜索结果和神经网络推荐。

相似风格

  • Airbnb — 一面静谧的白色画廊墙,上面挂着一枚珊瑚红色的书签。
  • Peak Design — 画廊墙,部分照明
  • 099 SUPPLY — 一面挂满黑白物品的画廊墙
  • Apple (España) — 白色画廊展示柜
  • Apple (España) — 清晨薄雾中的画廊窗户
  • Custo — 一个以枪灰色为主色调、采用单一字体的画廊。一个以柔和的灰绿色为主色调的展厅,里面只有一个深色物件和57像素的字体,无需过多解释。
  • Silencio — 一个白色的房间,漂浮着各种展品。一个用温暖的纸张制成的画廊展台,每个展品都与负空间背景相映成趣,而静谧的环境则是刻意营造的设计氛围。
  • Oakâme — 阳光普照的普罗旺斯工坊,由温暖的石头雕琢而成。
  • Nike — 一个单色调的体育成就画廊——白墙,产品本身如同艺术品,镀铬元素融入背景。
  • Sociotype — 一张白纸上的典型博物馆标本
  • Arc — 午夜水面之上的工业白色画廊
  • Rivian — 画廊混凝土墙上矗立着一座醒目的电子巨石。Rivian 将每辆车都呈现为一件雕塑作品,置于广阔的白色背景之上,硕大的字体本身就成为了一种建筑元素,而一抹温暖的黄色打破了单调的氛围,如同阳光洒在哑光表面上一般。