文档导航

通用概述

“讲述公司实力，不要只用文字，要用视觉排版来说服客户。”


无论是放在首页作为公司简介引言，还是放在 “About Us” 页面作为详尽的品牌历程介绍，这 8 款 【通用概述】组件都能完美胜任。

1. 八大品牌故事排版 (The 8 Storytelling Layouts)

根据你手中拥有的素材（是文字多，还是图片多），你可以选择最合适的版式：

经典图文派 (适合常规展示)

  • 1. 左文右图
    • 特点：最稳妥、最常见的排版方式。左侧是公司简介与行动呼吁按钮，右侧是一张大尺寸的工厂实景图。
    • 亮点：左侧文案下方还可以挂载一排**“数字卡片”**（如：Founded: 2012 / Employees: 500+），让数据说话。

  • 2. 小图重叠
    • 特点：极具现代设计感的“画中画”构图。左侧不仅有一张主图，还叠加了一张悬浮的次要小图和一个带有阴影的**“浮动数据卡片”**（如：12+ Years of Manufacturing Excellence）。
    • 亮点：右侧支持添加带有绿勾（✅）的“优势列表”，适合逐条罗列你们的工厂认证（如 ISO/CE）。

  • 3. 左图右文 + 卖点网格
    • 特点：左侧的大图上支持直接叠加醒目的“大字口号”；右侧除了简介文字外，还自带一个四宫格的“特性卡片”矩阵。适合需要在一段话内同时讲清规模、速度、质量等多个优势的场景。

交互阅读派 (适合长篇内容)

  • 4. 垂直 Tabs 选项卡
    • 特点：如果你们公司有很多维度想讲（如：Our Mission, R&D Capacity, Quality Control），传统做法是把页面拉得很长。但这款组件将其收纳在左侧的垂直选项卡中，点击左侧导航，右侧的内容和配图就会无缝切换。极大地节省了页面空间！

数据震撼派 (适合凸显硬实力)

  • 5. 通栏数字概述
    • 特点：上方是大段的富文本公司介绍，下方横跨整个屏幕排布了一列巨大的“数字里程碑”卡片（如：ISO 9001, 20+ Years, 99% Pass Rate）。适合发展历史悠久、数据亮眼的实力派工厂。
  • 6. 纯文本概述
    • 特点：抛弃繁杂的图片，纯靠极其优美的文字排版和底部并排的数据卡片来撑起整个版面。适合文字功底深厚、强调极简高端调性的品牌。
  • 7. 大图 + 组合卡片
    • 特点：最具“展厅级”质感的混合排版。 左半边是一张巨大的、带有内部标语的摄影图；右半边不仅有文字介绍，上方还悬浮着三个核心数据卡片。

特效派 (顶级前端工艺)

  • 8. 吸顶滚动互动图集
    • 特点：全站最前卫的叙事组件！ 采用了目前国际顶级的“Sticky Scroll (吸顶滚动)”技术。
    • 体验：当访客向下滚动时，左侧的公司介绍文字会随着滚动逐渐拉长，而右侧会固定显示一个相框。最神奇的是，随着你继续向下滚，相框里的图片（最多可上传 6 张）会一张接一张地发生 3D 翻转/淡入切换！
    • 适用场景：强烈建议作为“关于我们”页面的开篇，用一场动态的相册汇报震撼海外买家。

2. 核心质感与调性控制 (Vibe & Details)

  • 暗黑模式反转 (Dark Mode Magic)：
    外贸网站越来越流行“深色科技风”。在款式一、二、三、四等组件中，如果你铺设了深色的背景光斑，请务必勾选 “卡片/颜色反转”！系统会自动将原本白底黑字的卡片、标题，一键转换为极具高级感的深色半透明毛玻璃和白色字体，免去你手动配色的烦恼。
  • 标题高亮修饰：
    在部分款式中（如 Company 2），你可以为标题添加“高亮后缀”。系统会自动在该文字下方绘制一道具有动感的 SVG 手绘下划线（如黄色高亮或波浪线），起到强烈的视觉强调作用。
  • 悬停动效 (Hover Effects)：
    所有带有大图的版式均支持自定义悬停动效。例如为右侧大图加上 光影扫过，让一张普通的厂房照瞬间拥有好莱坞质感。

💡 SX-Creval 公司简介撰写避坑指南 (Pro Tips)

  1. 多用“数据卡片”，少用“形容词”：
    与其写“我们拥有庞大的工厂和丰富的经验”，不如直接在数字卡片里填上：20,000 sqm Workshop (厂房面积)、15 Years Experience (经验)、50+ CNC Machines (机床数量)。海外工程师只相信客观数据。
  2. “我们”与“你”的比例：
    在写公司描述时，不要通篇都是 "We are..."、"Our factory..."。优秀的营销文案应该落脚到客户身上。例如："Our 20,000 sqm facility ensures YOUR orders are delivered on time." (我们的庞大厂房确保了您的订单按时交付)。
  3. 精选配图：
    在款式一、二、七、八这种严重依赖图片的排版中，切勿使用网上的免费图库！ 请放上你们团队穿着统一工服在车间的真实合影，或者干净整洁的自动化生产线。真实感，是建立信任的唯一捷径。