mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-05 05:42:44 +08:00
61 lines
1.7 KiB
Markdown
61 lines
1.7 KiB
Markdown
# Design Resource
|
|
|
|
### Intro
|
|
|
|
You can download Vant's design resources here.
|
|
|
|
## Resources
|
|
|
|
### Components (Sketch)
|
|
|
|
Contains color specifications, font specifications, and component design specifications.
|
|
|
|
#### Colors
|
|
|
|
<img src="https://fastly.jsdelivr.net/npm/@vant/assets/color_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
|
|
|
|
#### Fonts
|
|
|
|
<img src="https://fastly.jsdelivr.net/npm/@vant/assets/words_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
|
|
|
|
#### Components
|
|
|
|
<img src="https://fastly.jsdelivr.net/npm/@vant/assets/tab_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
|
|
|
|
<a class="design-download" href="https://github.com/vant-ui/vant/blob/dev/packages/vant/docs/assets/design.sketch?raw=true">Download</a>
|
|
|
|
### Icons (Sketch)
|
|
|
|
Contains icon library resources.
|
|
|
|
<img src="https://fastly.jsdelivr.net/npm/@vant/assets/design-icons-0321.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
|
|
|
|
<a class="design-download" href="https://github.com/vant-ui/vant/blob/dev/packages/vant-icons/assets/icons.sketch?raw=true">Download</a>
|
|
|
|
### Axure
|
|
|
|
<img src="https://fastly.jsdelivr.net/npm/@vant/assets/vant-axure-0905.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
|
|
|
|
<a class="design-download" href="https://github.com/vant-ui/vant-assets/blob/main/design/axure-20200905.zip?raw=true">Download</a>
|
|
|
|
<style>
|
|
a.design-download {
|
|
display: inline-block;
|
|
width: 100px;
|
|
color: #fff !important;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
background-color: #38f;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
a.design-download:hover {
|
|
color: #fff;
|
|
opacity: .9;
|
|
}
|
|
|
|
a.design-download:active {
|
|
opacity: .7;
|
|
}
|
|
</style>
|