精选 · 开放 · 免费

A Ware At

一个高端户外运动品牌，通过大胆的编辑摄影与古典排版，传递自然力量与精致品质感。

PhotographicProductPremiumCleanConsumer

A Ware At 网站截图

↓ 下载设计系统包 (38 MB)在 OpenDesign 中打开

原站: https://a-ware.at

📦 浏览包内文件 →

01

设计气质 DNA

自然性能高端户外

一个将原始自然摄影与精致古典排版相结合的高端运动品牌。

02

色彩

#000000Ink

#333333Ink soft

#ECE9DFBG

#F7F5EEBG soft

#A77A41Muted

rgba(0,0,0,0.12)Line

泥土色调与深邃黑色，以摄影作为色彩与视觉趣味的主要来源。

03

字体

transitional-serif · humanist-sans · geometric-mono

display150px · 300
heading38px · 300
body14px · 400

全大写无衬线标签使用较宽的字间距。 · 大型展示用衬线字体使用紧凑的字距。

04

间距

4px

8px

12px

16px

24px

32px

48px

96px

大量留白，结构间距采用清晰的48px基准。

05

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

sm · 8px

md · 12px

lg · 32px

pill · 999px

极简，大多无边框，偶尔使用1px分割线或细微下划线。

rgba(172,171,171,0.3) 0px -1px 10px 0px

06

布局

1280container

12columns

24pxgutter

768 / 1024breakpoints

全出血式编辑摄影与超大字号排版叠加。

07

动效与交互

150msmicro

400mssmall

500msmedium

cubic-bezier(0.4, 0, 0.2, 1)easing

UI状态变化使用流畅的线性透明度过渡。

微妙的色彩或透明度变化。 · 通过线性过渡提供即时反馈。

08

组件

button 带宽裕内边距的描边胶囊形状。
card 极简设计，通常仅包含图像与叠加文字。
hero 全视口摄影背景搭配超大号衬线字体。

09

文案语气与禁用清单

语气自信、直接且高端。
标题风格 超大号、全大写、紧凑字距的衬线字体或宽字距无衬线字体。
按钮文案 宽字距全大写无衬线字体，常置于胶囊形描边框内。

避免使用明亮、人工感的强调色——截图依赖自然色调与摄影呈现。
避免使用紧凑、居中的文本块——设计倾向于宽阔、左对齐或全出血的排版构成。
避免使用厚重投影或3D效果——UI采用扁平化设计，依赖摄影营造层次感。
避免在展示中使用圆润无衬线字体——截图使用锐利的古典衬线字体以增强冲击力。
避免在版式中堆砌多个UI元素——设计高度宽松且极简。
避免使用复杂的背景图案——设计采用纯色泥土色调或全出血图像。
避免: 俏皮或随意的语言。
避免: 杂乱的版式布局。
避免: 明亮、霓虹感的强调色。

10

包内真实截图

A Ware At — 桌面首屏（hero） — 桌面首屏（hero）

A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

A Ware At — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

A Ware At — 移动首屏 — 移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

一个高端运动与户外电商品牌。版式以全出血、高对比度的运动员自然摄影为主导。排版方面，标题使用超大号、紧凑字距的过渡衬线字体（如'A-WARE'），导航与标签使用清晰、宽字距的无衬线字体。关键色彩包括：背景使用泥土感的米白色（#ECE9DF），主体使用深邃黑色（#000000），点缀色使用微妙的金棕色（#A77A41）。关键禁忌：绝不使用明亮霓虹色，避免杂乱的多栏布局，不使用俏皮或随意的字体。整体风格应体现编辑感、精致感与强大的自然力量。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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