Colors Default Icon
Colors
Primary colors
Primary 100
#1C2329
Secondary colors
Secondary 100
#01CD74
Secondary 200
#E2FFE5
Secondary 300
#03323C
Secondary 400
#A1EB94
Secondary 500
#70DE85
Neutral colors
Neutral 100
#FFFFFF
Neutral 200
#F8F8F9
Neutral 300
#E8E9EA
Neutral 400
#D2D3D4
Neutral 500
#A4A7A9
Neutral 600
#8E9194
Neutral 700
#4A4F54
Neutral 800
#1C2329
Typography Default Icon
Typography
Inter tight
Default
Mid
Strong
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Kk Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Download font
Download font
Text style
Size
Line Height
Weights
Display 10
3.2rem
1.115em
Default
Mid
Strong
Display 9
2.8rem
1.115em
Default
Mid
Strong
Display 8
2.25rem
1.125em
Default
Mid
Strong
Display 7
2rem
1.125em
Default
Mid
Strong
Display 6
1.8rem
1.125em
Default
Mid
Strong
Display 5
1.5rem
1.125em
Default
Mid
Strong
Display 4
1.25rem
1.125em
Default
Mid
Strong
Display 3
1.125rem
1.125em
Default
Mid
Strong
Display 2
1rem
1.125em
Default
Mid
Strong
Display 1
0.87rem
1.125em
Default
Mid
Strong

Paragraph Large - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

1.25rem
1.150em
Default
Mid
Strong

Paragraph Default - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

1.125rem
1.150em
Default
Mid
Strong

Paragraph Small - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

0.875rem
1.150em
Default
Mid
Strong
Shadows Default Icon
Shadows
Neutral shadows
Small
Regular
Medium
Large
Primary color shadows
Small
Regular
Medium
Large
Buttons Default Icon
Buttons
Primary button
Small
Default
Small
Default
Text
Icon
Number
Text
Icon
Number
Default
1
Default
Default
1
Default
1
联系企业顾问
下载 App
Default
Default
1
Secondary button
Small
Default
Small
Default
Text
Icon
Number
Text
Icon
Number
Default
1
Default
Default
1
Default
1
Default
1
Links Default Icon
Links
Links
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Small
Default
Small
Default
Small
Default
Link item
Link item
Link item
Link item
Link item
Link item
Link item
Link item
Link item
Link item
Link item
Link item
Link item
Link item
Link item
Link item
Link item
Link item
Lists Default Icon
Lists
Primary button
Default
Mid
Strong
Default
Mid
Strong
Icon
Bullet
Number
Icon
Bullet
Number
  • Check
    List item
  • List item
  1. List item
  • Check
    List item
  • List item
  1. List item
  • Check
    List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
Icons Default Icon
Icons
Square Icons
For Startups 图标 Small Business 图标 For Enterprises 图标 Savings Goals 图标 Automated Categorization 图标 Budget Suggestions 图标 Budget Suggestions Dark 图标 For Enterprises Dark 图标 Help Center Dark 图标 Small Business Dark 图标 Automated Categorization Dark 图标 For Startups Dark 图标 Troubleshooting Dark 图标 实时汇率换算 Dark 图标 Payments Dark 图标 Communication Dark 图标 Get A Cost Proposal Dark 图标 Executive Plan Dark 图标 Medical Insurance Dark 图标 Unlimited PTO Dark 图标 Fully Featured Mobile App Dark 图标 Savings Goals Dark 图标 Chat Light 图标 For Enterprises Light 图标 Great Culture Light 图标 Flexible Hours Light 图标 邮箱验证 Light 图标 Standard Plan Light 图标 Small Business Light 图标 Savings Goals Light 图标 Questions Answered Light 图标 Excellence Light 图标 Ownership Light 图标 Budget Suggestions Light 图标 For Startups Light 图标 Smart Currency Detection Light 图标 Reports Light 图标 User Friendly Dashboard Light 图标 All Platforms App Light 图标 Automated Categorization 图标 Growth 图标 Career Growth 图标 Getting Started 图标 For Startups 图标 Contactless Payments 图标 Budget Suggestions 图标 找回密码 图标 Support 图标 One On One Demo 图标 For Enterprises 图标 Password Protected 图标 Basic Plan 图标 Innovation 图标 Instant Transfer 图标 Small Business 图标 Savings Goals 图标 Remote 图标
Social media square colored Icons
Social media square Icons
Icon Font Default Icon
Icon font
Line icons rounded
Line icons squared
Filled icons
Social media square Icons
Custom Icons
Avatars Default Icon
Avatars
Square avatars
Default
24px
32px
40px
64px
120px
张先生 Avatar
张先生 Avatar
张先生 Avatar
张先生 Avatar
张先生 Avatar
Circle avatars
Default
24px
32px
40px
64px
120px
张先生 Avatar
张先生 Avatar
张先生 Avatar
张先生 Avatar
张先生 Avatar
Inputs Default Icon
Inputs
Inputs
Small
Default
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
Text Area
Small
Default
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
Select
Small
Default
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
Checkboxes
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
Radio buttons
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
提交成功，我们会尽快与您联系。
提交失败，请稍后再试。
Toggle Button
Placeholder
Placeholder
State Messages Default Icon
States messages
Error message
Opps! Something went wrong.

We apologize, but it looks like something went wrong. We have been notified of this error and will work to resolve it as soon as possible.

Opps! Something went wrong.

We apologize, but it looks like something went wrong. We have been notified of this error and will work to resolve it as soon as possible.

Opps! Something went wrong.

We apologize, but it looks like something went wrong. We have been notified of this error and will work to resolve it as soon as possible.

Opps! Something went wrong.

We apologize, but it looks like something went wrong. We have been notified of this error and will work to resolve it as soon as possible.

Thank you message
Thank you! We’ll get back to you soon

We have received your message and will get back to you as soon as possible. Our team is dedicated to providing the best support and we appreciate your patience.

Thank you! We’ll get back to you soon

We have received your message and will get back to you as soon as possible. Our team is dedicated to providing the best support and we appreciate your patience.

Thank you! We’ll get back to you soon

We have received your message and will get back to you as soon as possible. Our team is dedicated to providing the best support and we appreciate your patience.

Thank you! We’ll get back to you soon

We have received your message and will get back to you as soon as possible. Our team is dedicated to providing the best support and we appreciate your patience.

预约演示 message
Thank you for requesting a demo!

We have received your demo request, and one of our sales representatives will get back to you within 24 hours.

Thank you for requesting a demo!

We have received your demo request, and one of our sales representatives will get back to you within 24 hours.

Thank you for requesting a demo!

We have received your demo request, and one of our sales representatives will get back to you within 24 hours.

Thank you for requesting a demo!

We have received your demo request, and one of our sales representatives will get back to you within 24 hours.

Download message
Thank you for requesting a demo!

We have received your demo request, and one of our sales representatives will get back to you within 24 hours.

Thank you for requesting a demo!

We have received your demo request, and one of our sales representatives will get back to you within 24 hours.

Thank you for requesting a demo!

We have received your demo request, and one of our sales representatives will get back to you within 24 hours.

Thank you for requesting a demo!

We have received your demo request, and one of our sales representatives will get back to you within 24 hours.

Badges Default Icon
Badges
Badges
Primary
Secondary
Primary
Secondary
Small
Default
Small
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Rich Text Default Icon
Rich Text

Lorem ipsum dolor.

Venenatis sollicitudin posuere elit consequat et enim. Neque tortor amet dictum tempor. Leo facilisis aliquet viverra scelerisque eleifend viverra est. At massa erat vel amet enim laoreet dictum pellentesque. Urna cursus quam pulvinar tellus. Duis fermentum nibh volutpat morbi. Et ac sed ultricies ut nunc sodales lectus. Ultricies pharetra mauris eget pellentesque accumsan tincidunt.

Donec et odio pellentes.

Et urna ac et maecenas fusce amet. Nibh nec commodo massa sed. Tincidunt porttitor in pharetra egestas sit neque ac lacus. Amet a nunc et cum. Odio at volutpat volutpat in leo eget ipsum diam elementum. Erat magna arcu orci lorem senectus orci fringilla. Tincidunt metus nisl vitae maecenas pretium aliquet. At id pharetra in vestibulum lectus pellentesque venenatis molestie.

  • Morbi fringilla molestie magna sed dictum. Praesent pharetra turpis augue.
  • Cras mi purus, viverra vitae felis sit amet, tincidunt fringilla lorem.
  • non mattis urna ex nec sem. Donec varius diam et suscipit venenati proin tincidunt
  • Quisque euismod posuere lacus sit amet volutpat. Praesent vel imperdiet

Quis faucibus massa sit egestas. Sit fermentum est ac pulvinar et sagittis sed sit ut. Quis faucibus aenean nibh vestibulum enim mi sit. Sollicitudin ultrices ultrices in ipsum urna fringilla massa leo. Sapien ultricies vitae rhoncus molestie purus. Urna urna dolor euismod porttitor et. Magna adipiscing dictum et adipiscing mollis feugiat. Est ac ultrices varius volutpat nibh purus placerat. Sapien morbi sed sit non habitant turpis dignissim. Facilisis vitae massa justo neque.

Quis faucibus massa sit egestas. Sit fermentum est ac pulvinar et sagittis sed sit ut. Quis faucibus aenean nibh vestibulum enim mi sit. Sollicitudin ultrices ultrices in ipsum urna fringilla massa leo. Sapien ultricies vitae rhoncus molestie purus. Urna urna dolor euismod porttitor et. Magna adipiscing dictum et adipiscing mollis feugiat. Est ac ultrices varius volutpat nibh purus placerat. Sapien morbi sed sit non habitant turpis dignissim. Facilisis vitae massa justo neque.

Donec et odio pellentesque.

Cursus curabitur euismod vel fermentum sapien non dolor odio vel. Tortor lectus mauris in praesent a tincidunt nam. In aenean odio aliquet pretium viverra elit quis magna. Eget ut risus posuere velit purus nisi nec sollicitudin. Tellus enim interdum neque sit vestibulum lacus. Nam pulvinar a lectus justo aliquet integer amet.

“Sed id mi eget urna facilisis pharetra. Nunc viverra est at magna maximus consectetur. Sed nec maximus augue. Aliquam commodo sem eu nisl efficitur venenatis. Proin eu suscipit lorem. Nam vitae aliquet augue. Morbi rutrum ultrices lorem molestie suscipit. Sed mattis luctus odio eu porta.”

Cursus curabitur euismod vel fermentum sapien non dolor odio vel. Tortor lectus mauris in praesent a tincidunt nam. In aenean odio aliquet pretium viverra elit quis magna. Eget ut risus posuere velit purus nisi nec sollicitudin. Tellus enim interdum neque sit vestibulum lacus. Nam pulvinar a lectus justo aliquet integer amet.

Lorem ipsum dolor sit amet consectur doler

Sed non quis tellus velit orci. Quam sed mauris elementum tempor viverra. Luctus semper risus ipsum id diam praesent. Pretium eget mauris ultrices curabitur sed sem amet. Erat nulla habitant in mattis massa mi adipiscing ullamcorper condimentum. Erat quisque integer tincidunt ac amet tempor vulputate tristique. Venenatis neque odio a nulla iaculis euismod etiam.

  1. Morbi fringilla molestie magna sed dictum. Praesent pharetra turpis augue.
  2. Cras mi purus, viverra vitae felis sit amet, tincidunt fringilla lorem.
  3. non mattis urna ex nec sem. Donec varius diam et suscipit venenati proin tincidunt
  4. Quisque euismod posuere lacus sit amet volutpat. Praesent vel imperdiet
Dolor sit amet consectur doler

Sed non quis tellus velit orci. Quam sed mauris elementum tempor viverra. Luctus semper risus ipsum id diam praesent. Pretium eget mauris ultrices curabitur sed sem amet. Erat nulla habitant in mattis massa mi adipiscing ullamcorper condimentum. Erat quisque integer tincidunt ac amet tempor vulputate tristique. Venenatis neque odio a nulla iaculis euismod etiam.

Sed nec maximus augue aliquam commodo sem eu nisl efficitur

Sed non quis tellus velit orci. Quam sed mauris elementum tempor viverra. Luctus semper risus ipsum id diam praesent. Pretium eget mauris ultrices curabitur sed sem amet. Erat nulla habitant in mattis massa mi adipiscing ullamcorper condimentum. Erat quisque integer tincidunt ac amet tempor vulputate tristique. Venenatis neque odio a nulla iaculis euismod etiam.

Rich Text components
“Sed id mi eget urna facilisis pharetra. Nunc viverra est at magna maximus consectetur. Sed nec maximus augue. Aliquam commodo sem eu nisl efficitur venenatis. Proin eu suscipit lorem. Nam vitae aliquet augue. Morbi rutrum ultrices lorem molestie suscipit. Sed mattis luctus odio eu porta.”
Spacers Default Icon
Spacers
Margin top
5x Extra Small
4x Extra Small
3x Extra Small
2x Extra Small
Extra Small
Small
Regular
Medium
Large
Extra Large
2x Extra Large
3x Extra Large
4x Extra Large
5x Extra Large
Margin bottom
5x Extra Small
4x Extra Small
3x Extra Small
2x Extra Small
Extra Small
Small
Regular
Medium
Large
Extra Large
2x Extra Large
3x Extra Large
4x Extra Large
5x Extra Large
Margin right
5x Extra Small
4x Extra Small
3x Extra Small
2x Extra Small
Extra Small
Small
Regular
Medium
Large
Extra Large
2x Extra Large
3x Extra Large
4x Extra Large
5x Extra Large
Margin left
5x Extra Small
4x Extra Small
3x Extra Small
2x Extra Small
Extra Small
Small
Regular
Medium
Large
Extra Large
2x Extra Large
3x Extra Large
4x Extra Large
5x Extra Large
Padding top
5x Extra Small
4x Extra Small
3x Extra Small
2x Extra Small
Extra Small
Small
Regular
Medium
Large
Extra Large
2x Extra Large
3x Extra Large
4x Extra Large
5x Extra Large
Padding bottom
5x Extra Small
4x Extra Small
3x Extra Small
2x Extra Small
Extra Small
Small
Regular
Medium
Large
Extra Large
2x Extra Large
3x Extra Large
4x Extra Large
5x Extra Large
Padding right
5x Extra Small
4x Extra Small
3x Extra Small
2x Extra Small
Extra Small
Small
Regular
Medium
Large
Extra Large
2x Extra Large
3x Extra Large
4x Extra Large
5x Extra Large
Padding left
5x Extra Small
4x Extra Small
3x Extra Small
2x Extra Small
Extra Small
Small
Regular
Medium
Large
Extra Large
2x Extra Large
3x Extra Large
4x Extra Large
5x Extra Large