精选 · 开放 · 免费

Bizar Ro

一个运用高对比度字体与极致单色搭配，打造高端、先锋美学的大胆实验性作品集。

PortfolioExperimentalBold TypographyMonochromePremium

Bizar Ro 网站截图

↓ 下载设计系统包 (38 MB)在 OpenDesign 中打开

原站: https://bizar.ro

📦 浏览包内文件 →

01

设计气质 DNA

大胆实验性编辑性高对比度定制化

一本高端时尚编辑杂志

02

色彩

#FFFFFFInk

#000000BG

rgba(255,255,255,0.1)Line

极致单色

03

字体

geometric-sans

display75px · 400
heading37px · 400
subheading30px · 400
body13px · 400

所有文本均为大写 · 大号文本采用负字间距 · 展示文本采用紧凑行高

04

间距

4px

8px

16px

24px

32px

48px

64px

96px

基于 18.75px padding 值的 8px 网格系统

05

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

sm · 4px

md · 5px

lg · 8px

pill · 999px

1px solid white

06

布局

1280container

12columns

24pxgutter

768 / 1024breakpoints

包含巨大字体元素的大型不对称区块

07

动效与交互

220msmicro

400mssmall

800msmedium

cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

平滑的淡入效果 · 滚动触发的显示动画

交互元素上细微的缩放或颜色变化 · 立即反馈，动画极简

08

组件

button 简洁，可能为纯文本或极简的胶囊形状按钮
card 高对比度卡片，边框清晰
chip 极简的高对比度标签或胶囊
input 极简的高对比度输入框
hero 全屏、高冲击力的字体英雄区

09

文案语气与禁用清单

语气自信、大胆、具有实验性
标题风格 简短、有冲击力、大写
按钮文案 直接且以行动为导向

不要使用圆角——设计稿显示为锐利的几何形状
不要使用多种颜色——设计稿为严格的黑白
不要使用纤小、怯弱的字体——设计稿使用巨大、主导性的字体
不要使用装饰性元素——设计稿视觉极简、干净
不要使用衬线字体——设计稿使用几何无衬线字体
不要使用杂乱的布局——设计稿包含大量留白
避免: 戏谑的语言
避免: 过多的感叹号
避免: 被动语态

10

包内真实截图

Bizar Ro — 桌面首屏（hero） — 桌面首屏（hero）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 移动首屏 — 移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

这是一个为创意技术人员打造的、大胆且实验性的作品集网站。它采用极致的单色方案，使用纯黑（#000000）和纯白（#FFFFFF）。字体由巨大的几何无衬线字体（FK Grotesk Neue）主导，采用紧凑的负字间距和全大写文本。布局不对称且极简，依赖大型字体元素创造视觉冲击。关键特征包括带有实验性字形的定制标志、高对比度边框以及高端、先锋的美学风格。避免使用圆角、多种颜色、纤小字体、装饰性元素、衬线字体和杂乱布局。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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