agency-grid-layout-minimal

name	agency-grid-layout-minimal
description	打造极简的工作室设计系统：严谨的编辑部栅格、超大字体、安静的大写工具标签、克制的图片块，以及细微的结构性细节。

Agency Grid Layout Minimal 技能

何时使用

• 打造极简的工作室设计系统：严谨的编辑部栅格、超大字体、安静的大写工具标签、克制的图片块，以及细微的结构性细节。

工作流程

范围

• 把它作为完整的设计系统方向，贯穿页面布局、字体、图片构框、服务行、标签、CTA 与配套动效。
• 当设计应让人感到像一个建立在严格栅格与极简视觉语言之上的精致建筑、设计或战略工作室站点时使用。
• 这不是通用创业落地页，也不是重度容器化的仪表盘。布局应让人感到编辑部气质、宽敞且精确有结构。

视觉目标

• 把页面建立在严谨的多列栅格上，配大片开阔跨列、细致对齐与宽松的负空间。
• 用紧字距、有力换行的超大标题作为首要视觉锚点。
• 把 hero 字体与极小的大写工具标签、时间戳、分区标记或描述性文案块搭配，放在相邻的栅格列里。
• 保持面板极简：浅中性背景、细微色调变化、细分隔线、安静的图片框，以及极克制的强调色使用。
• 让图像显得建筑感、高端，通常作为大幅全景或立面般的块，而非卡片密集的画廊。

实现指引

• 优先用宽 max-width 页面外壳配清晰列划分，让内容摆放显得有意、经空间工程。
• 用干净的无衬线字体系统配自信的尺度对比：hero 与分区标题用极大 display 尺寸，然后是细小大写元数据与平静的段落文案。
• 按钮应精致、内敛，用细渐变边框包裹、中性填充与小大写标签，而非喧闹的胶囊。
• 分区过渡可用细微叠层、色调块或抬升的白色面板，但保持整体系统稀疏、优雅。
• 只加少量结构性动效：蒙版文字显现、图片缓慢落定，以及克制的悬停变化都合适。
• 背景效果（若有）应保持极其安静，如淡淡的线框物体、细微质感或低透明度抽象几何。

推荐模式

• 大 hero 标题跨越大部分栅格，辅助文案锚定在窄侧栏里。
• 建筑感图片块以简单间距与安静中性背景构框，而非装饰性装饰。
• 服务或能力行布局为干净的多列列表，配细小元数据、有力标题与细微的悬停态移动。
• 白色或米白的下方内容块以柔和圆角或轻抬升叠在前一分区之上。
• 极简 CTA 包裹用 1px 渐变外壳与低戏剧性的交互反馈。

调节旋钮

• 栅格刚性：根据布局应有多编辑部气质，增强或减弱基于列的摆放严格度。
• 字体主导：让标题在视觉上占主导，但保持正文小、稀疏、摆放得当。
• 图片尺度：节制使用大幅电影级图像，让它强化构图而不拥挤。
• 结构性细节：只加足够的标签、分隔线与标记来厘清层级，而不破坏极简调性。
• 对比：保持配色中性、透气，仅为强调做小幅偏离。

避免

• 依赖重复卡片与可互换分区的通用工作室页面。
• 与极简栅格路线相冲的重边框、大阴影或密集组件嵌套。
• 过度使用强调色或分散间距与字体注意力的装饰。
• 把页面当仪表盘对待，而非编辑部式工作室呈现。
• 用内容填满每一处间隙，而非保留有意的开阔空间。