精选 · 开放 · 免费

Ayakaito

一个精致的编辑风格作品集，通过丰富的摄影静物展示高端品牌标识与字体排印。

EditorialPortfolioTypographyPhotographicCuration
Ayakaito 网站截图
↓ 下载设计系统包 (39 MB)在 OpenDesign 中打开

原站: https://ayakaito.com

📦 浏览包内文件 →

01

设计气质 DNA

编辑风格精致精选日式字体排印

一个高端设计工作室画廊，展示摄影、印刷品与字体排印的精致融合。

02

色彩

#35472CInk
#FEFDF8BG
#35477CMuted
rgba(53, 71, 44, 1)Line

以大地色系、有机调色盘为主，主导色为深橄榄绿与暖中性色。

03

字体

transitional-serif · humanist-sans · monospaced

导航链接使用人文主义无衬线字体，字号18px。 · 项目描述使用精致的过渡衬线体。 · 说明文字和元数据常使用大写无衬线字体。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

空间充裕，拥有较大的字体比例和精心设计的负空间

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 12px
pill · 999px

交互元素采用1px细实线边框，颜色为深橄榄绿（#35472C）

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

沉浸式全出血摄影搭配分屏编辑布局。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

所有交互元素采用平滑过渡（均为0.3秒）。 · 悬停状态带有微妙的透明度淡出效果。

导航链接和按钮在悬停时发生微妙的颜色变化与透明度过渡。 · 链接和项目采用标准指针交互。

08

组件

09

文案语气与禁用清单

10

包内真实截图

Ayakaito — 桌面首屏（hero）
桌面首屏（hero）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ayakaito — 移动首屏
移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

这是一个高端设计工作室的精致编辑风格作品集，专注于品牌标识、字体排印和插图。核心调色盘主要依赖深橄榄绿（#35472C）和暖米白（#FEFDF8），偶尔使用柔和粉色作为区域背景。字体排印将优雅的过渡衬线体用于大型标题，人文主义无衬线体用于导航和元数据。它优先考虑沉浸式的全出血摄影与充裕的留白，而非密集的UI。关键禁忌：避免霓虹强调色，避免厚重投影，避免僵硬的卡片式布局。系统需维持一种精致、沉静、画廊般的视觉层次感。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko