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 the “designer” 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
- [Ant Design Components](https://ant.design/docs/react/introduce): Ant Design's React UI library is a global component library with 50+ base components
- [Ant Design 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
 								---
 								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 the “designer” 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.
-												: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.
-												:lipstick: prittier all files

											
										
										
											2019-05-07 14:57:32 +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.
 								- [Ant Design Pro](https://pro.ant.design): Out-of-the-box solution with 20+ templates and 10+ business components
-												merge master

											
										
										
											2019-09-16 11:23:26 +08:00
+								- [Ant Design Components](https://ant.design/docs/react/introduce): Ant Design's React UI library is a global component library with 50+ base components
-												🌐 docs patterns overview en-US

											
										
										
											2018-10-15 00:04:40 +08:00
+								- [Ant Design 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.