Design Mocks · Pricing Page · 三种风格对比

挑一种风格

三个 mock 都用真实 pricing API 数据 + 现有 i18n 文案 + 同一份陶土暖色调(--primary: #c96442),仅换视觉语言。点开看完整页,再回来选。

  1. A /pricing-refined

    Editorial Refined

    出版物精炼版

    继承现有出版物风格的中文报告气质,但删掉刊头条 / 章节序号 / 0.3em tracking 小字 eyebrow。主题字「价」被放大成视觉锚点,h1 与价格用最大档字号,节奏靠留白和分割线。

    查看完整页 →
  2. B /pricing-swiss

    Swiss Display

    瑞士大字派

    无 CJK 主题字装饰,hero 用巨型 display 字(最大 ~9rem 占满栏宽),价格按 billboard 排版,分隔仅 1px hairline。视觉上字体本身就是装饰。

    查看完整页 →
  3. C /pricing-tech

    Soft Tech

    现代 SaaS 风

    Linear / Vercel / Stripe 一脉的柔和卡片 + warm-ring shadow,hover 轻 lift,中等档 hero(~64px)。比 Swiss 温和,比 Editorial 更现代。

    查看完整页 →
共 3 个 mock · 公用 /api/pricing-tiers + i18n2DOGPPT · DESIGN MOCK