Cydstumpel Nl

一个充满趣味与魄力的创意开发者作品集展示。

温暖米白色背景搭配大胆黑色与高饱和度红色点缀色，并辅以内容卡片的次要调色板。

grotesque-sans · transitional-serif

• display80px · 400
• heading40px · 700
• body16px · 400

基于4px的一致节奏，卡片布局采用宽松间距。

卡片采用醒目的2px实线边框，使用点缀色红、蓝及黑色。

None: None · None: None

非对称的编辑式布局，包含大面积重叠走马灯与三列卡片网格。

hover与focus状态下的流畅过渡 · 交互元素上的border-radius形态变换 · 微妙的opacity淡入淡出

微妙的状态变化，可能涉及颜色或边框过渡。 · 按钮与链接的激活状态。

• button 大胆的全大写文本按钮，常具独特border-radius与hover效果。
• card 具厚实彩色边框、折叠角细节及药丸形标签的卡片。
• chip 用于CSS、JS、ANIMATION等标签的圆角小药丸。
• input 在提供的截图中未清晰可见。
• hero 大型水平滚动走马灯，含重叠文本与中央插图。

• 语气 自信、趣味且专业。
• 标题风格 大胆全大写，极富表现力，使用condensed无衬线与斜体衬线字体。
• 按钮文案 直接、全大写且导向行动，常置于带边框的容器内。

• 勿使用扁平企业风布局——截图展示的是具有重叠编辑风格与大型走马灯的表现力布局。
• 勿使用冷色调色板——截图展示的是带有大胆红色点缀的温暖米白色背景。
• 勿使用标准系统字体——截图展示的是粗体condensed无衬线与优雅过渡衬线字体的组合。
• 勿使用1px细边框——截图展示的是卡片与容器上醒目的2px实线边框。
• 勿对所有元素使用微妙、柔和的颜色——截图使用高饱和度红色作为主导点缀色。
• 勿使用纯网格化、对称的布局——截图展示的是元素重叠、非对称的排列方式。
• 避免: 被动语言
• 避免: 泛泛的企业术语
• 避免: 过于正式的语调

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