Marco

一个简洁、沉思型的设计工作室作品集。

高对比度单色系搭配微妙灰度构建结构，依赖留白与排版。

geometric-sans · humanist-sans · monospace

• display48px · 400
• body16px · 400
• caption13px · 400

标题使用大号轻量几何无衬线字体，营造冷静权威的语调。 · 正文采用清晰易读的人文主义无衬线字体，搭配宽松行高。 · 必要时，技术标签使用中性等宽字体。

段落与行间距保持宽松，提升可读性并营造平静的编辑感。

使用浅灰色（#E0E0E0）的 1px 实线边框，清晰定义卡片与区块。

0 1px 2px rgba(0,0,0,0.04) · 0 4px 16px rgba(0,0,0,0.06)

桌面端采用不对称双栏布局：左侧为文字密集区，右侧为项目卡片与图片。

滚动触发的内容揭示采用细微淡入与滑动效果。

交互元素呈现细微的颜色或透明度变化。 · 标准的按钮与链接反馈。

• button 极简文字按钮，搭配细微边框或 hover 状态。
• card 简洁卡片，辅以微妙阴影或边框，展示项目片段。
• chip 简洁的胶囊形标签，用于“DotOS Notes”等分类。
• input 非主要呈现元素。
• hero 大尺寸文字英雄区，呈现哲学性陈述。

• 语气 沉思、哲学、自信。
• 标题风格 第一人称陈述式设计哲学宣言。
• 按钮文案 含蓄内敛，如“Read mid tweets”配以小箭头。

• 勿使用明亮、饱和的强调色——截图显示严格的单色调色板。
• 勿为正文使用粗重字体权重——截图显示轻盈、常规的字重。
• 勿创建密集、拥挤的布局——截图显示充足留白与宽松间距。
• 勿使用装饰性或复杂的背景图案——截图显示干净、纯色背景。
• 勿使用俏皮、圆润或随意的字体——截图显示简洁的几何无衬线字体。
• 勿在元素上使用阴影或厚重的视觉效果——截图显示极简、微妙的样式。
• 避免: 过度营销化语言
• 避免: 响亮或混乱的视觉层级
• 避免: 杂乱布局