OpenDesign·你的设计资产库

网页参考

Lamalama Nl

一家全力以赴的数字创意机构。

AgencyBold TypographyDark ModePhotographicExpressive

封面待补录,可通过原站查看设计。

01

设计气质 DNA

创意大胆无畏匠心机构

一家数字创意工作室,将高冲击力摄影与紧密排版的巨型字体相结合。

02

色彩

#f9f4ebInk
#ffffffInk soft
#010101BG
#1a1c1cBG soft
#999999Muted
rgba(249, 244, 235, 0.2)Line

高对比度双色调:深黑色背景搭配温暖的米白色文字,旨在突出大号字体与摄影作品。

03

字体

grotesque-sans · geometric-sans

  • display80px · 700
  • heading-140px · 500
  • body16px · 400

所有UI标签与元数据采用大写字母与类似等宽字体的字间距。 · 标题严格左对齐,采用紧凑行距。 · 正文在约680px宽度下保持舒适的阅读长度。

04

间距

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

基于标准4px网格,以充裕留白衬托粗体排版元素。

05

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

sm · 4px
md · 0px
lg · 0px
pill · 9999px

仅使用1px实线边框进行结构性分隔,不作装饰用途。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

非对称网格,包含厚重的主视觉区、固定底部导航栏与侧边图像面板。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 1, 0.5, 1)easing

章节间流畅的页面过渡。 · 交互元素上微妙的悬停状态。 · 动态背景图像切换。

交互元素上微妙的透明度或背景色变化。 · 通过状态变化提供即时视觉反馈。

08

组件

  • button 半透明胶囊形按钮,采用模糊或纯色背景,用于行动号召。
  • card 图像驱动型卡片,无边框设计,依靠摄影构建结构。
  • chip 大写文字胶囊,用于标签与元数据。
  • input 表单中使用极简的底部边框输入框。
  • hero 全出血沉浸式区域,搭配电影感背景上的超大字体排版。

09

文案语气与禁用清单

  • 语气 自信、直接、无畏。
  • 标题风格 全大写,紧密字距,超大尺寸。
  • 按钮文案 极简、行动导向的文字,置于小号大写字母胶囊中。
  • 避免居中文本——截图显示所有标题与正文均严格左对齐。
  • 避免使用衬线字体——截图显示仅使用怪诞体与几何无衬线字体类别。
  • 避免使用明亮霓虹色调——截图显示采用米白与深黑的柔和高对比度色板。
  • 避免按钮使用过大圆角——截图显示采用胶囊形状或微妙圆角。
  • 避免密集段落布局——截图显示文本块周围留有充裕空间。
  • 避免正文使用多种字重——截图显示标准文本采用统一字重。
  • 避免: 被动语态
  • 避免: 过度修饰的形容词
  • 避免: 居中的文本块

10

包内真实截图

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

11

System Prompt

一个大胆、高对比度的创意机构网站,以怪诞体巨型排版和电影感摄影为特色。设计采用深黑(#010101)背景与温暖米白(#f9f4eb)文字。展示字体使用粗体怪诞无衬线体,行距紧凑;正文则采用简洁几何无衬线体。布局严格左对齐,避免居中元素以保持专业编辑感。关键交互包括流畅的悬停过渡与沉浸式全出血主视觉区。切记避免使用衬线字体、居中文本、明亮霓虹色调或密集杂乱的布局。系统强调通过视觉冲击而非繁琐UI模式体现'全力以赴'的大胆精神。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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