v0 by Vercel 网站预览
v0 by Vercel 网站预览

v0 by Vercel

近白色基底、大字排版与紧密字距。

页面以近白色为基底,搭配近黑色文字。字体采用 GeistSans、GeistMono。视觉特点包括大字排版、紧密字距、居中构图、网格布局。适合参考的场景:建筑作品集、空间项目展示页。

查看原始网站

使用规范

建议采用

  • 所有文本均使用GeistSans,无例外。
  • 对24px及以上字号的标题应用激进的负字间距。
  • 严格遵守无彩色调配色方案;所有色彩来自内容,而非界面元素。
  • 按钮使用8px圆角,卡片和输入框使用12px圆角。
  • 所有视觉分隔线使用1px实线 #eaeaea。
  • 通过填充和边框区分操作层级:实心为一级,带边框为二级,仅文字为三级。
  • 内容区块之间保持充足的空白(最小96px)。

建议避免

  • 不要在界面元素中引入任何饱和色。
  • 不要使用系统字体或其他品牌字体。
  • 不要在按钮或输入等交互元素上使用阴影;仅在卡片上保留。
  • 不要使用除6px、8px、12px或9999px(用于胶囊形控件)之外的圆角值。
  • 不要使用渐变或背景图片。
  • 不要使用粗体(700及以上)字重;通过600字重和字号大小来强调。
  • 不要创建密集布局;优先考虑清晰与空间感。