精选 · 开放 · 免费
Lorenzodaldosso It
极简主义IT专家作品集,以超大显示排版和严格单色调色板为特色。
PortfolioCleanBold TypographyMonochromeRestraint
01
设计气质 DNA
专业技术IT专家简洁大胆
一个极简主义的技术作品集,运用超大排版与单色约束来传达精确性。
02
色彩
#000310Ink
#FFFCF0BG
#545454Muted
rgba(0, 0, 0, 1)Line
严格的高对比度单色调色板,使用深近黑色搭配温暖的米白色。
03
字体
geometric-sans · humanist-sans
- display
135px · 400 - body
14px · 400
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
充裕的水平留白(57.6px)与清晰的垂直分隔。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 32px
pill · 999px
谨慎使用1px实线边框,主要用于水平分隔线。
0px 8px 48px 0px rgba(0, 0, 0, 0.15)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全宽显示排版,以居中的水平分割线为核心锚点。
07
动效与交互
220msmicro
400mssmall
1400msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
平滑的变形动画,持续1.4秒,采用自定义缓动。
标准指针光标指示交互元素。 · 导航和交互元素上的标准点击交互。
08
组件
- button 纯黑色填充、白色文字的胶囊形按钮。
- card 无传统卡片;布局依赖超大排版和充裕留白。
- input 开关控件,采用深色胶囊容器和蓝绿色(#1CC691)激活状态。
- hero 超大、字间距紧凑的显示文本,作为主要视觉焦点。
09
文案语气与禁用清单
- 语气 直接、专业,略带趣味性。
- 标题风格 极大尺寸、句首大写、采用粗体或自定义几何处理的排版。
- 按钮文案 高对比度胶囊按钮上的清晰、行动导向文字。
- 不要使用多色调色板——截图显示严格的黑色、米白和灰色。
- 不要使用小尺寸显示文本——截图显示显示文本主导视口。
- 不要使用尖角矩形按钮——截图显示大圆角的胶囊形按钮。
- 不要使用复杂的装饰性图标——截图显示像素化的几何形状和数字。
- 不要使用标准的居中英雄区布局——截图显示左对齐的巨大显示文本。
- 不要使用重阴影元素——截图显示主要为扁平美学,极少高度感。
- 避免: 避免使用分散核心排版注意力的装饰元素。
- 避免: 避免使用明亮、多色的调色板。
- 避免: 避免使用小巧、拥挤的文本布局。
- 避免: 避免使用标准的基于网格的卡片组件。
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个极简主义的IT专家作品集网站,以巨大、主导性的显示排版和深近黑色(#000310)与温暖米白色(#FFFCF0)的严格单色调色板为特征。布局严重依赖超大文本和充裕留白来传达技术精确性。关键禁忌:切勿使用多色调色板,切勿使用小尺寸显示排版,切勿使用标准矩形UI组件。其设计DNA由其大胆克制与排版表达所定义。
en · zh-CN · zh-TW · ja · ko