信任与权威Trust & Authority
深蓝与灰建立专业感，用资质徽章、合规声明、数据背书与客户 Logo 消除疑虑。视觉保守，但每一项装饰都服务于可信度。
典型场景金融 · 医疗 · 企业采购（已弃用）
编号26
年代2020s Modern
复杂度Medium
默认模式自动
效果示例
同一副骨架，演示色彩、字体、圆角、描边、阴影与材质。明暗切换展示该风格在两种模式下的令牌表现。
风格描述
深蓝与灰建立专业感，用资质徽章、合规声明、数据背书与客户 Logo 消除疑虑。视觉保守，但每一项装饰都服务于可信度。
关键词
Certificates/badges displayedexpert credentialscase studies with metricsbefore/after comparisonsindustry recognitionsecurity badges
效果与动效
Badge hover effects, metric pulse animations, certificate carousel, smooth stat reveal
设计系统变量
--badge-height48px--trust-color#1E40AF--security-green#059669--card-shadow0 4px 6px rgba(0,0,0,0.1)--metric-highlight#F59E0B配色方案
色值取自风格数据，不足时补充主题令牌主色 / Primary
Professional colors (blue/grey), trust colors, certification badge colors (gold/silver accents)
辅色 / Secondary
Certificate highlight colors, metric showcase colors, comparison highlight (success green)
强调色在页面底色上的对比度约 8.7:1，可用于正文与图标。
适用场景
适合 / Best For
- Healthcare/medical landing pages
- financial services
- enterprise software
- premium/luxury products
- legal services
避开 / Do Not Use For
- Casual products
- entertainment
- viral/social-first products
框架兼容
tailwindbootstrap
能力矩阵
浅色模式支持
深色模式支持
移动适配原生适配
转化导向强High
渲染成本低无额外开销
无障碍风险低contrast-text-4.5 / keyboard / visible-focus / reduced-motion
实现要点
落地清单
- Security badges visible,
- Certifications verified,
- Metrics with sources,
- Professional imagery,
- Guarantee clearly stated,
- Contact info accessible
CSS / 技术关键词
badge grid layout, shield icons, lock icons for security, certificate styling, metric cards with icons, professional color scheme (blue/grey), subtle shadows for depth
该条目在上游数据中标记为已弃用，插件检索默认排除；查询中包含
legacy 或 deprecated 时才会召回。AI 提示词
Design a trust-focused landing page. Use: certification badges, security indicators, expert credentials, industry awards, case study metrics, compliance logos (GDPR, SOC2), guarantee badges, professional photography.