OpenDesign·你的设计资产库

网页参考

Look Inc

一个植根于新闻业、提供独立创意视角的非传统代理机构。

AgencyEditorialCleanCurationPremium
Look Inc 网站截图

01

设计气质 DNA

代理机构新闻业创意独立

为代理机构作品集设计的高端时尚或文化杂志版面。

02

色彩

#000000Ink
#000000D9Ink soft
#FFFFFFBG
rgba(0, 0, 0, 0.85)Line

高对比度的单色调,优先呈现作品集中的摄影图像。

03

字体

transitional-serif · geometric-sans

  • display56px · 400
  • h238px · 700
  • body20px · 400
  • caption14px · 400

主要叙述文本使用过渡衬线字体,以唤起新闻业的感觉。 · 案例研究标题使用粗体几何无衬线字体,以形成对比。 · 字体粗细主要保持常规(400),以营造精致、编辑式的基调。

04

间距

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

宽松的垂直间距在内容块之间营造出舒缓、编辑式的节奏。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

纤细、清晰的水平线(1px solid rgba(0,0,0,0.85))分隔各部分和网格项。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

一个基于网格的作品集布局,用于特色作品的不对称列跨越。

07

动效与交互

220msmicro
200mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

交互元素上的平滑颜色和背景过渡。 · 页面过渡可能是平滑的,以维持高端质感。

标准的指针光标;文本链接上的微妙颜色或下划线过渡。 · 立即导航至详细的案例研究页面。

08

组件

  • button 仅文本链接,悬停时带有简单的下划线。
  • card 极简的项目卡片,其定义依赖于图像和排版,而非可见的容器。
  • chip 不可见;依赖文本层级。
  • input 不可见;纯粹是作品集展示。
  • hero 两栏编辑式布局,包含大型排版处理和简洁的品牌陈述。

09

文案语气与禁用清单

  • 语气 精致、低调且权威。
  • 标题风格 简短、有力,且常带有风格化处理(例如,倒置的 'Look')。
  • 按钮文案 极简且直接,专注于内容探索。
  • 不要使用厚重的投影或模糊的背景——截图显示的是扁平、清晰的图像呈现。
  • 不要使用明亮、饱和的霓虹强调色——截图显示的是严格的单色调色板,色彩来自图像本身。
  • 不要使用圆润或泡泡状的 UI——截图显示的是直角和笔直、纤细的分隔线。
  • 不要使用花哨的、手写体或装饰性字体——截图显示的是过渡衬线与几何无衬线字体的清晰混合。
  • 不要使用复杂的多层渐变——截图显示的是纯白色背景和图像内的扁平色块。
  • 不要在界面上堆砌大量 UI 控件——截图显示的是极简的顶部导航和对内容的聚焦。
  • 避免: 响亮、霓虹或过度饱和的调色板
  • 避免: 厚重的投影或柔软、圆润的 UI 元素
  • 避免: 密集、杂乱且没有呼吸空间的布局
  • 避免: 激进、紧迫的营销文案

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是 Look Inc 的高端代理机构作品集,一个植根于新闻业的非传统代理机构。其视觉语言由严格的黑白调色板定义(#FFFFFF 背景,#000000 墨色),让高质量的编辑摄影脱颖而出。排版依赖于过渡衬线和粗体几何无衬线的混合,营造出杂志般的层级感。关键约束:避免任何鲜艳的强调色或多色渐变;绝不使用圆角或投影,保持锐利、干净的网格;避免密集、杂乱的布局,确保各部分之间有充足的留白,以维持精致的编辑基调。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。