ant-design/docs/spec/overview.en-US.md

---
category: Design Patterns
order: 0
title: Overview
---

The use of design patterns in enterprise-level businesses can significantly increase the certainty of the R&D team, save unnecessary design and maintain system consistency, allowing designers to focus on creativity where it is most needed.

Design patterns adhere to Ant Design design values and provide a general solution to recurring design issues in enterprise products. The designer can directly use the design pattern to complete the interface design, or the design pattern can be used as a starting point to derive a more business-specific solution to meet the individual design needs.

At the same time, this is a dynamically updated design document, and your reading and feedback is the driving force behind our progress, [Github Feedback Address](https://github.com/ant-design/ant-design/issues).

## Framework Information

![Structure diagram](https://gw.alipayobjects.com/zos/rmsportal/NyWYOFQxJYElAwtUfSdv.png)

The complete design pattern will include examples of templates, components (ETC), and general-purpose concepts:

- **Function example:** Consists of multiple templates to inspire users how to use and build a common feature.
- **Template:** A page-level example that inspires users how to build a typical page in a system, such as a detail page.
- **Component**
  - Basic components: The most basic elements of the system, such as buttons and pagers.
  - Business components/modules: Block-level examples, typically consisting of multiple components, such as the PageHeader generic header.
- **General concepts:** Some conventions that guarantee ETC systematization, such as typesetting, fonts, and copywriting.

## Resources

We work with engineers to transform design patterns into reusable code that maximizes your productivity and communication efficiency.

- [Ant Design Pro](https://pro.ant.design): Out-of-the-box solution with 20+ templates and 10+ business components.
- [Offcial UI](/components/overview): Ant Design's React UI library is a global component library with 60+ base components.
- [Axure Library](http://library.ant.design/): Axure resource packs are included with the code to make your prototype look like a visual draft, including templates, components, and more.
🌐 docs patterns overview en-US 2018-10-15 00:04:40 +08:00			`---`
docs: Update 4.0 site (#20290) * init recommend block * init design pages * home frames * add background banner * hello, Hitu makes the animation * add media query * add images * update types * add declare * preload support * update ignore * additional ignore site Home lint * update ignore * add hover effect * adjust alt of bannber * adjust lang & card shadow * fix typo * adjust desc * hitu in english * article add link * Certainty is hitu * Meaning Hitu * Growth with Hitu * Natural Hitu * slow down of Natural * adjust speed of icons * New Meaning animation * adjust animation duration * update card link * update link * values doc * replace images * faster Growth * update values * fix lint * all slow down * adjust padding * update icons * adjust margin * update images * adjust montion * adjust by designer * update pages * update design prod * update articles * update site style * update doc * update images * update style * lint fix * adjust liner color * github text color update * adjust margin of title * mobile design * update design sub card * update style * less lint * update images * design card auto height * update img * update logo transition * adjust card style * adjust style to fix 184 * adjust nav style * category it * slow down of logo * update style * hide video link * hitu article * use img of hitu * update docs * style lint * update Hitu layout doc * update images * speed up logo * update link * clean up * clean up * update doc * adjust doc * update images 2019-12-26 15:27:52 +08:00			`category: Design Patterns`
🌐 docs patterns overview en-US 2018-10-15 00:04:40 +08:00			`order: 0`
			`title: Overview`
			`---`

Update overview.en-US.md 2022-04-15 21:20:09 +08:00			`The use of design patterns in enterprise-level businesses can significantly increase the certainty of the R&D team, save unnecessary design and maintain system consistency, allowing designers to focus on creativity where it is most needed.`
🌐 docs patterns overview en-US 2018-10-15 00:04:40 +08:00
			`Design patterns adhere to Ant Design design values and provide a general solution to recurring design issues in enterprise products. The designer can directly use the design pattern to complete the interface design, or the design pattern can be used as a starting point to derive a more business-specific solution to meet the individual design needs.`

:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			`At the same time, this is a dynamically updated design document, and your reading and feedback is the driving force behind our progress, [Github Feedback Address](https://github.com/ant-design/ant-design/issues).`
🌐 docs patterns overview en-US 2018-10-15 00:04:40 +08:00
			`## Framework Information`

			`![Structure diagram](https://gw.alipayobjects.com/zos/rmsportal/NyWYOFQxJYElAwtUfSdv.png)`

			`The complete design pattern will include examples of templates, components (ETC), and general-purpose concepts:`

			`- Function example: Consists of multiple templates to inspire users how to use and build a common feature.`
			`- Template: A page-level example that inspires users how to build a typical page in a system, such as a detail page.`
Update overview.en-US.md 2022-04-15 21:20:09 +08:00			`- Component`
			`- Basic components: The most basic elements of the system, such as buttons and pagers.`
			`- Business components/modules: Block-level examples, typically consisting of multiple components, such as the PageHeader generic header.`
🌐 docs patterns overview en-US 2018-10-15 00:04:40 +08:00			`- General concepts: Some conventions that guarantee ETC systematization, such as typesetting, fonts, and copywriting.`

			`## Resources`

			`We work with engineers to transform design patterns into reusable code that maximizes your productivity and communication efficiency.`

Update overview.en-US.md 2022-04-15 21:20:09 +08:00			`- [Ant Design Pro](https://pro.ant.design): Out-of-the-box solution with 20+ templates and 10+ business components.`
			`- [Offcial UI](/components/overview): Ant Design's React UI library is a global component library with 60+ base components.`
			`- [Axure Library](http://library.ant.design/): Axure resource packs are included with the code to make your prototype look like a visual draft, including templates, components, and more.`