10 / 15

专业可信

干净的白、深海军蓝和一个自信的蓝色。结构清晰、可信、让人安心。

  • 诊所
  • 法律与金融
  • B2B 服务
全屏预览 (在新标签页打开)

示例商家均为虚构。

AI 提示词

把我的页面改成「专业可信」风格:干净、结构清晰、让人安心,让访客愿意把生意交给你。 配色:背景 #FFFFFF,浅色区块 #F5F8FC,正文 #0B1F3A(深海军蓝),次要文字 #5B6B82,强调色 #1D4ED8(自信的蓝),边框 #DCE3EE。一个小面积的成功绿 #16A34A,只用于勾选标记。 字体:全站 Manrope。标题粗体 700,字距 -0.025em,行高 1.1。正文 16px,行高 1.65。层级清楚:小标签、标题、一句话简介、证明。中文标题用思源黑体(700),正文用思源黑体;中文不要用斜体,也不要收紧字距。 布局:两栏首屏,左边是清楚的价值主张,右边是产品或服务图(例如一张简洁的数据面板卡片,带小柱状图和一个绿色的完成提示);小标签做成带绿点的浅蓝状态胶囊;一条信任条(客户 logo、经营年数、认证);三栏功能卡片;常见问题和清楚的联系区块。 组件:圆角 8px,1px #DCE3EE 边框,细微阴影(0 1px 2px 加上 0 8px 24px -16px 的海军蓝)。主按钮实心蓝配白字,次按钮描边。图标放在圆角方形的浅蓝底里。表单有可见的标签和有帮助的错误提示。 动效:克制:数字递增、步骤依次完成、折叠面板平滑展开,200–250ms ease-out。 避免:俏皮字体、霓虹色、不清楚的行动按钮、俗套的图库照片、装饰性动画。

投稿创意

看到想收录的动效或主题?简单描述一下,会打开一个预先填好的 GitHub Issue,确认后即可提交。

你想投稿的是?

需要 GitHub 账号,投稿内容会公开。