内部使用 · 禁止索引
Industrial section system / 2026-09-04
依据 Kadence Section 目录的构图语言，以 clean-room 方式重建为 Astro + Tailwind。组件结构与 Lab 样例分离，可在其他工业项目中按需导入。
Pattern catalog
每个稳定 ID 都有独立详情页和真实 iframe 视口预览；宽度切换会触发组件自身的媒体查询。
显示 146 / 146 个区块
折叠问答
Accessible disclosure groups implemented with native details by default.
Kadence Accordion · FREE · #18930
查看结构与接口折叠问答
Accessible disclosure groups implemented with native details by default.
Kadence Accordion · PRO · #15002
查看结构与接口折叠问答
Accessible disclosure groups implemented with native details by default.
Kadence Accordion · PRO · #19832
查看结构与接口折叠问答
Accessible disclosure groups implemented with native details by default.
Kadence Accordion · FREE · #15475
查看结构与接口折叠问答
Accessible disclosure groups implemented with native details by default.
Kadence Accordion · FREE · #18331
查看结构与接口折叠问答
Accessible disclosure groups implemented with native details by default.
Kadence Accordion · PRO · #20012
查看结构与接口折叠问答
Accessible disclosure groups implemented with native details by default.
Kadence Accordion · FREE · #1906
查看结构与接口折叠问答
Accessible disclosure groups implemented with native details by default.
Kadence Accordion · FREE · #18798
查看结构与接口折叠问答
Accessible disclosure groups implemented with native details by default.
Kadence Accordion · PRO · #18724
查看结构与接口折叠问答
Accessible disclosure groups implemented with native details by default.
Kadence Accordion · FREE · #18334
查看结构与接口卡片
Card systems for real peer entities rather than decorative card grids.
Kadence Cards · FREE · #2851
查看结构与接口卡片
Card systems for real peer entities rather than decorative card grids.
Kadence Cards · PRO · #19812
查看结构与接口卡片
Card systems for real peer entities rather than decorative card grids.
Kadence Cards · PRO · #20059
查看结构与接口卡片
Card systems for real peer entities rather than decorative card grids.
Kadence Cards · PRO · #2949
查看结构与接口卡片
Card systems for real peer entities rather than decorative card grids.
Kadence Cards · FREE · #15715
查看结构与接口卡片
Card systems for real peer entities rather than decorative card grids.
Kadence Cards · FREE · #15839
查看结构与接口卡片
Card systems for real peer entities rather than decorative card grids.
Kadence Cards · PRO · #8834
查看结构与接口卡片
Card systems for real peer entities rather than decorative card grids.
Kadence Cards · PRO · #8890
查看结构与接口卡片
Card systems for real peer entities rather than decorative card grids.
Kadence Cards · PRO · #20728
查看结构与接口卡片
Card systems for real peer entities rather than decorative card grids.
Kadence Cards · PRO · #20749
查看结构与接口多栏内容
Semantic multi-column industrial content arrangements.
Kadence Columns · FREE · #19275
查看结构与接口多栏内容
Semantic multi-column industrial content arrangements.
Kadence Columns · PRO · #20798
查看结构与接口多栏内容
Semantic multi-column industrial content arrangements.
Kadence Columns · FREE · #19216
查看结构与接口多栏内容
Semantic multi-column industrial content arrangements.
Kadence Columns · FREE · #20856
查看结构与接口多栏内容
Semantic multi-column industrial content arrangements.
Kadence Columns · FREE · #15211
查看结构与接口多栏内容
Semantic multi-column industrial content arrangements.
Kadence Columns · FREE · #20862
查看结构与接口多栏内容
Semantic multi-column industrial content arrangements.
Kadence Columns · FREE · #20730
查看结构与接口多栏内容
Semantic multi-column industrial content arrangements.
Kadence Columns · FREE · #20600
查看结构与接口多栏内容
Semantic multi-column industrial content arrangements.
Kadence Columns · FREE · #13659
查看结构与接口多栏内容
Semantic multi-column industrial content arrangements.
Kadence Columns · PRO · #14006
查看结构与接口行动召唤
Conversion sections with a single clear primary industrial action.
Kadence Call to Action · PRO · #22809
查看结构与接口行动召唤
Conversion sections with a single clear primary industrial action.
Kadence Call to Action · FREE · #20814
查看结构与接口行动召唤
Conversion sections with a single clear primary industrial action.
Kadence Call to Action · PRO · #22797
查看结构与接口行动召唤
Conversion sections with a single clear primary industrial action.
Kadence Call to Action · PRO · #21809
查看结构与接口行动召唤
Conversion sections with a single clear primary industrial action.
Kadence Call to Action · PRO · #22807
查看结构与接口行动召唤
Conversion sections with a single clear primary industrial action.
Kadence Call to Action · PRO · #21807
查看结构与接口行动召唤
Conversion sections with a single clear primary industrial action.
Kadence Call to Action · PRO · #20839
查看结构与接口行动召唤
Conversion sections with a single clear primary industrial action.
Kadence Call to Action · PRO · #22792
查看结构与接口行动召唤
Conversion sections with a single clear primary industrial action.
Kadence Call to Action · FREE · #20836
查看结构与接口行动召唤
Conversion sections with a single clear primary industrial action.
原创工业结构
查看结构与接口表单
Accessible visual form structures activated only through an explicit adapter.
Kadence Form · FREE · #19194
查看结构与接口表单
Accessible visual form structures activated only through an explicit adapter.
Kadence Form · FREE · #19164
查看结构与接口表单
Accessible visual form structures activated only through an explicit adapter.
Kadence Form · FREE · #18324
查看结构与接口表单
Accessible visual form structures activated only through an explicit adapter.
Kadence Form · PRO · #22712
查看结构与接口表单
Accessible visual form structures activated only through an explicit adapter.
Kadence Form · PRO · #14564
查看结构与接口表单
Accessible visual form structures activated only through an explicit adapter.
Kadence Form · PRO · #20066
查看结构与接口表单
Accessible visual form structures activated only through an explicit adapter.
Kadence Form · FREE · #20649
查看结构与接口表单
Accessible visual form structures activated only through an explicit adapter.
Kadence Form · FREE · #9314
查看结构与接口表单
Accessible visual form structures activated only through an explicit adapter.
Kadence Form · FREE · #18473
查看结构与接口表单
Accessible visual form structures activated only through an explicit adapter.
Kadence Form · PRO · #20227
查看结构与接口图库
Evidence-led image galleries without mandatory carousel behavior.
Kadence Gallery · FREE · #18925
查看结构与接口图库
Evidence-led image galleries without mandatory carousel behavior.
Kadence Gallery · PRO · #20760
查看结构与接口图库
Evidence-led image galleries without mandatory carousel behavior.
Kadence Gallery · FREE · #20698
查看结构与接口图库
Evidence-led image galleries without mandatory carousel behavior.
Kadence Gallery · FREE · #20611
查看结构与接口图库
Evidence-led image galleries without mandatory carousel behavior.
Kadence Gallery · PRO · #2650
查看结构与接口Hero 首屏
Industrial landing heroes with ten materially different compositions.
Kadence Hero · FREE · #19114
查看结构与接口Hero 首屏
Industrial landing heroes with ten materially different compositions.
Kadence Hero · FREE · #18808
查看结构与接口Hero 首屏
Industrial landing heroes with ten materially different compositions.
Kadence Hero · FREE · #791
查看结构与接口Hero 首屏
Industrial landing heroes with ten materially different compositions.
Kadence Hero · FREE · #18744
查看结构与接口Hero 首屏
Industrial landing heroes with ten materially different compositions.
Kadence Hero · FREE · #19423
查看结构与接口Hero 首屏
Industrial landing heroes with ten materially different compositions.
Kadence Hero · FREE · #18891
查看结构与接口Hero 首屏
Industrial landing heroes with ten materially different compositions.
Kadence Hero · FREE · #20568
查看结构与接口Hero 首屏
Industrial landing heroes with ten materially different compositions.
Kadence Hero · FREE · #20667
查看结构与接口Hero 首屏
Industrial landing heroes with ten materially different compositions.
Kadence Hero · PRO · #14092
查看结构与接口Hero 首屏
Industrial landing heroes with ten materially different compositions.
Kadence Hero · PRO · #20696
查看结构与接口列表
Highly scannable semantic lists for industrial decision support.
Kadence List · FREE · #18757
查看结构与接口列表
Highly scannable semantic lists for industrial decision support.
Kadence List · FREE · #20087
查看结构与接口列表
Highly scannable semantic lists for industrial decision support.
Kadence List · PRO · #18716
查看结构与接口列表
Highly scannable semantic lists for industrial decision support.
Kadence List · FREE · #19431
查看结构与接口列表
Highly scannable semantic lists for industrial decision support.
Kadence List · PRO · #15279
查看结构与接口列表
Highly scannable semantic lists for industrial decision support.
Kadence List · FREE · #19425
查看结构与接口列表
Highly scannable semantic lists for industrial decision support.
Kadence List · FREE · #20522
查看结构与接口列表
Highly scannable semantic lists for industrial decision support.
Kadence List · PRO · #18670
查看结构与接口列表
Highly scannable semantic lists for industrial decision support.
Kadence List · FREE · #15745
查看结构与接口列表
Highly scannable semantic lists for industrial decision support.
Kadence List · PRO · #15174
查看结构与接口地点
Location and service-area sections with optional delayed map embeds.
Kadence Location · FREE · #19198
查看结构与接口地点
Location and service-area sections with optional delayed map embeds.
Kadence Location · PRO · #22725
查看结构与接口地点
Location and service-area sections with optional delayed map embeds.
Kadence Location · PRO · #15454
查看结构与接口Logo 集合
Partner and certification marks with controlled endorsement semantics.
Kadence Logo Farm · FREE · #15229
查看结构与接口Logo 集合
Partner and certification marks with controlled endorsement semantics.
Kadence Logo Farm · PRO · #3409
查看结构与接口Logo 集合
Partner and certification marks with controlled endorsement semantics.
Kadence Logo Farm · PRO · #3473
查看结构与接口图文组合
Paired industrial media and explanatory content layouts.
Kadence Media and Text · FREE · #18919
查看结构与接口图文组合
Paired industrial media and explanatory content layouts.
Kadence Media and Text · FREE · #19116
查看结构与接口图文组合
Paired industrial media and explanatory content layouts.
Kadence Media and Text · PRO · #14456
查看结构与接口图文组合
Paired industrial media and explanatory content layouts.
Kadence Media and Text · PRO · #9008
查看结构与接口图文组合
Paired industrial media and explanatory content layouts.
Kadence Media and Text · PRO · #15695
查看结构与接口图文组合
Paired industrial media and explanatory content layouts.
Kadence Media and Text · FREE · #15534
查看结构与接口图文组合
Paired industrial media and explanatory content layouts.
Kadence Media and Text · PRO · #15543
查看结构与接口图文组合
Paired industrial media and explanatory content layouts.
Kadence Media and Text · PRO · #19926
查看结构与接口图文组合
Paired industrial media and explanatory content layouts.
Kadence Media and Text · PRO · #19405
查看结构与接口图文组合
Paired industrial media and explanatory content layouts.
Kadence Media and Text · FREE · #20473
查看结构与接口内容列表
Framework-neutral collections backed by real content data.
Kadence Post Loop · FREE · #19579
查看结构与接口内容列表
Framework-neutral collections backed by real content data.
Kadence Post Loop · PRO · #3218
查看结构与接口内容列表
Framework-neutral collections backed by real content data.
Kadence Post Loop · FREE · #15872
查看结构与接口内容列表
Framework-neutral collections backed by real content data.
Kadence Post Loop · PRO · #3358
查看结构与接口内容列表
Framework-neutral collections backed by real content data.
Kadence Post Loop · PRO · #3802
查看结构与接口产品展示
Static product presentation independent of WordPress query semantics.
Kadence Featured Product · PRO · #14474
查看结构与接口产品展示
Static product presentation independent of WordPress query semantics.
Kadence Featured Product · PRO · #19922
查看结构与接口产品展示
Static product presentation independent of WordPress query semantics.
Kadence Featured Product · FREE · #20605
查看结构与接口产品展示
Static product presentation independent of WordPress query semantics.
Kadence Featured Product · FREE · #6825
查看结构与接口产品展示
Static product presentation independent of WordPress query semantics.
Kadence Featured Product · PRO · #20858
查看结构与接口产品展示
Static product presentation independent of WordPress query semantics.
Kadence Product Loop · PRO · #7792
查看结构与接口产品展示
Static product presentation independent of WordPress query semantics.
Kadence Product Loop · PRO · #7785
查看结构与接口产品展示
Static product presentation independent of WordPress query semantics.
Kadence Product Loop · PRO · #8101
查看结构与接口产品展示
Static product presentation independent of WordPress query semantics.
Kadence Product Loop · PRO · #7790
查看结构与接口产品展示
Static product presentation independent of WordPress query semantics.
Kadence Product Loop · PRO · #8137
查看结构与接口数据指标
Static evidence metrics without misleading animated counters.
Kadence Counter or Stats · FREE · #18791
查看结构与接口数据指标
Static evidence metrics without misleading animated counters.
Kadence Counter or Stats · PRO · #7137
查看结构与接口数据指标
Static evidence metrics without misleading animated counters.
Kadence Counter or Stats · PRO · #19890
查看结构与接口表格
Responsive semantic tables for industrial facts and comparisons.
Kadence Table · FREE · #20345
查看结构与接口表格
Responsive semantic tables for industrial facts and comparisons.
Kadence Table · FREE · #20316
查看结构与接口表格
Responsive semantic tables for industrial facts and comparisons.
Kadence Table · FREE · #20324
查看结构与接口表格
Responsive semantic tables for industrial facts and comparisons.
Kadence Table · PRO · #20321
查看结构与接口表格
Responsive semantic tables for industrial facts and comparisons.
原创工业结构
查看结构与接口标签页
Progressively enhanced tab interfaces with a usable no-script reading order.
Kadence Tabs · FREE · #2217
查看结构与接口标签页
Progressively enhanced tab interfaces with a usable no-script reading order.
Kadence Tabs · PRO · #2608
查看结构与接口标签页
Progressively enhanced tab interfaces with a usable no-script reading order.
Kadence Tabs · PRO · #2383
查看结构与接口标签页
Progressively enhanced tab interfaces with a usable no-script reading order.
Kadence Tabs · PRO · #2691
查看结构与接口标签页
Progressively enhanced tab interfaces with a usable no-script reading order.
Kadence Tabs · PRO · #2992
查看结构与接口团队
Real team and contact presentations with consent-aware media.
Kadence Team · PRO · #3545
查看结构与接口团队
Real team and contact presentations with consent-aware media.
Kadence Team · PRO · #22736
查看结构与接口团队
Real team and contact presentations with consent-aware media.
Kadence Team · FREE · #3548
查看结构与接口客户评价
Verifiable customer quotations presented without carousel dependency.
Kadence Testimonials · PRO · #22933
查看结构与接口客户评价
Verifiable customer quotations presented without carousel dependency.
Kadence Testimonials · FREE · #8751
查看结构与接口客户评价
Verifiable customer quotations presented without carousel dependency.
Kadence Testimonials · FREE · #18781
查看结构与接口文本
Longer-form technical copy sections built on semantic typography primitives.
Kadence Text · FREE · #20171
查看结构与接口文本
Longer-form technical copy sections built on semantic typography primitives.
Kadence Text · FREE · #15250
查看结构与接口文本
Longer-form technical copy sections built on semantic typography primitives.
Kadence Text · PRO · #7299
查看结构与接口文本
Longer-form technical copy sections built on semantic typography primitives.
Kadence Text · PRO · #14869
查看结构与接口文本
Longer-form technical copy sections built on semantic typography primitives.
Kadence Text · FREE · #20202
查看结构与接口时间线 / 流程
Ordered process and history narratives.
Kadence Timeline · FREE · #20401
查看结构与接口时间线 / 流程
Ordered process and history narratives.
Kadence Timeline · FREE · #20370
查看结构与接口时间线 / 流程
Ordered process and history narratives.
Kadence Timeline · FREE · #20403
查看结构与接口页标题
In-page title sections, distinct from global site navigation.
Kadence Title or Header · PRO · #9559
查看结构与接口页标题
In-page title sections, distinct from global site navigation.
Kadence Title or Header · FREE · #20057
查看结构与接口页标题
In-page title sections, distinct from global site navigation.
Kadence Title or Header · PRO · #5013
查看结构与接口页标题
In-page title sections, distinct from global site navigation.
Kadence Title or Header · FREE · #14793
查看结构与接口页标题
In-page title sections, distinct from global site navigation.
Kadence Title or Header · PRO · #10493
查看结构与接口页标题
In-page title sections, distinct from global site navigation.
Kadence Title or Header · PRO · #14910
查看结构与接口页标题
In-page title sections, distinct from global site navigation.
Kadence Title or Header · FREE · #20903
查看结构与接口页标题
In-page title sections, distinct from global site navigation.
Kadence Title or Header · FREE · #18996
查看结构与接口页标题
In-page title sections, distinct from global site navigation.
Kadence Title or Header · PRO · #18047
查看结构与接口页标题
In-page title sections, distinct from global site navigation.
Kadence Title or Header · PRO · #18684
查看结构与接口视频
Consent-aware video presentations without autoplay.
Kadence Video · FREE · #20519
查看结构与接口视频
Consent-aware video presentations without autoplay.
Kadence Video · PRO · #19920
查看结构与接口视频
Consent-aware video presentations without autoplay.
Kadence Video · PRO · #19857
查看结构与接口Reuse contract
01 / CLEAN ROOM
不保存 Kadence 序列化标记、生成 CSS、演示文案、远程预览图、密钥或授权信息。
02 / PACKAGE FIRST
生产组件只暴露类型化 Props、slots、稳定 ID 和主题变量；虚构 fixtures 只属于 Lab。
03 / EVIDENCE
每项标明素材、声明、人员或地点要求；条件区块只有证据与授权齐备时才启用。