精选 · 开放 · 免费
Stellar Work
以机构速度交付的精英设计服务。
AgencyPortfolioPremiumBold TypographyClean
01
设计气质 DNA
快速精英设计冲刺资深
一家提供高速与专属服务的高端设计精品店。
02
色彩
#6A48F2Accent
#FFFFFFInk
#888888Ink soft
#171718BG
#2C2C2EBG soft
rgba(255, 255, 255, 0.2)Line
以深色、中性基底为主，搭配单一电光紫强调色用于主要操作。
03
字体
grotesque-sans
- display
80px · 400 - display-lg
96px · 400 - body
16px · 400
大型展示文字采用紧凑字距 · 段落之间留有充足的垂直间距
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
128px
200px
280px
灵活栅格配合大号垂直内边距（128-280px），以创造呼吸空间。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 10px
lg · 16px
pill · 50px
采用 rgba(255,255,255,0.2) 的细微1px边框，实现轻度分隔。
0px 0px 16px 0px rgba(255, 219, 0, 0.5)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中的宽容器，带有充足的水平内边距，主视觉区则采用紧凑的垂直对齐。
07
动效与交互
220msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
所有交互元素采用平滑过渡（0.3秒） · 内容揭示时使用细微的淡入效果
按钮和交互元素在悬停时，背景或透明度发生细微变化。 · 点击时提供即时视觉反馈，通过轻微缩放或透明度变化实现。
08
组件
- button 药丸形（border-radius: 50px），填充强调色并搭配白色文字。
- card 深色背景卡片（rgba(23,23,24,1.0)），带有细微边框和圆角。
- chip 用于筛选的药丸形标签（例如‘品牌’、‘网页设计’）。
- hero 深色背景上，采用紧凑字距的巨型展示型文字，图像元素极简。
09
文案语气与禁用清单
- 语气 自信、直接、高端。
- 标题风格 简短有力、以价值为导向的陈述。
- 按钮文案 清晰、行动导向的动词，如‘预定’或‘开始’。
- 不要使用明亮或柔和的背景——截图中为深灰色（#171718）
- 不要使用装饰性或手写体字体——截图中为简洁的 grotesque-sans 字体
- 不要使用多种高饱和度强调色——截图中仅使用一种主导的紫色（#6A48F2）
- 不要使用小而局促的展示型字体——截图中为巨大、字距紧凑的标题
- 不要使用尖锐的方形按钮角——截图中为药丸形（50px圆角）按钮
- 不要使用杂乱、拥挤的布局——截图中留白充足、栅格清晰
- 避免: 谦逊或过度礼貌的语言
- 避免: 通用的企业套话
- 避免: 过多的感叹号
- 避免: 冗长的解释
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
Stellar Work 是一个高端、高速的设计机构着陆页，其特点是深邃、富有氛围的美学以及巨大、字距紧凑的 grotesque-sans 字体。色彩方案严格限于单色系（深灰 #171718 背景，白色 #FFFFFF 文字，#888888 静音色），并仅使用一种鲜明的电光紫（#6A48F2）作为主要行动号召按钮和强调色。布局宽敞居中，垂直内边距充足，采用12栏栅格。避免使用浅色背景、装饰性衬线字体、多种亮色，或拥挤、信息密集的版块。交互保持平滑，过渡时间为0.3秒，所有文案保持自信、直接的语调。
en · zh-CN · zh-TW · ja · ko