精选 · 开放 · 免费

Look Inc

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

01

设计气质 DNA

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

02

色彩

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

03

字体

transitional-serif · geometric-sans

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

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

04

间距

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

05

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

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

06

布局

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

07

动效与交互

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

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

08

组件

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

09

文案语气与禁用清单

• 语气 精致、低调且权威。
• 标题风格 简短、有力，且常带有风格化处理（例如，倒置的 'Look'）。
• 按钮文案 极简且直接，专注于内容探索。

• 不要使用厚重的投影或模糊的背景——截图显示的是扁平、清晰的图像呈现。
• 不要使用明亮、饱和的霓虹强调色——截图显示的是严格的单色调色板，色彩来自图像本身。
• 不要使用圆润或泡泡状的 UI——截图显示的是直角和笔直、纤细的分隔线。
• 不要使用花哨的、手写体或装饰性字体——截图显示的是过渡衬线与几何无衬线字体的清晰混合。
• 不要使用复杂的多层渐变——截图显示的是纯白色背景和图像内的扁平色块。
• 不要在界面上堆砌大量 UI 控件——截图显示的是极简的顶部导航和对内容的聚焦。
• 避免: 响亮、霓虹或过度饱和的调色板
• 避免: 厚重的投影或柔软、圆润的 UI 元素
• 避免: 密集、杂乱且没有呼吸空间的布局
• 避免: 激进、紧迫的营销文案

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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