Typeface
Cryptozy main typeface is DM Sans. It using from Google Font A tranquil and fresh geometric sans font family for clear text and headlines.
Heading
Clash Display
Semibold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0123456789
Name
Size
Line Height
Font Weight
Name
Heading 1
Size
72px
Line Height
110%
Font Weight
Semibold
Name
Heading 2
Size
48px
Line Height
110%
Font Weight
Semibold
Name
Heading 3
Size
32px
Line Height
120%
Font Weight
Semibold
Name
Heading 4
Size
24px
Line Height
120%
Font Weight
Semibold
Name
Heading 5
Size
20px
Line Height
120%
Font Weight
Semibold
Name
Heading 6
Size
18px
Line Height
120%
Font Weight
Semibold
Body
Epilogue
Bold
Semibold
Medium
Regular
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0123456789
Name
Size
Line Height
Font Weight
Name
Body XLarge
Size
20px
Line Height
160%
Font Weight
Regular
Name
Body Large
Size
18px
Line Height
160%
Font Weight
Bold
Name
Body Large
Size
18px
Line Height
160%
Font Weight
Semibold
Name
Body Large
Size
18px
Line Height
160%
Font Weight
Medium
Name
Body Large
Size
18px
Line Height
160%
Font Weight
Regular
Name
Body Large
Size
16px
Line Height
160%
Font Weight
Bold
Name
Body Large
Size
16px
Line Height
160%
Font Weight
Semibold
Name
Body Large
Size
16px
Line Height
160%
Font Weight
Medium
Name
Body Large
Size
16px
Line Height
160%
Font Weight
Regular
Name
Body Small
Size
12px
Line Height
160%
Font Weight
Semibold
Name
Body Small
Size
12px
Line Height
160%
Font Weight
Semibold
Colors
Color distinguishes our brand and helps us create consistent experiences across products.
Brand Colors
Primary brand colors are used for elements that must reflect Coinbank’s brand. Each color has a darker and a lighter shade.
Primary
5235E8
Primary 80
7873E7
Primary 60
CCCCF5
Primary 40
CCCCF5
Primary 20
F6F7FE
Neutral Color
The Neutral colors are used for greyscale elements that may applied to section, elements or text.
Black
25324B
Neutral 80
515B6F
Neutral 60
7C8493
Neutral 40
CCCCF5
Neutral 20
D6DDEB
Neutral 10
F8F8FD
Neutral 0
FFFFFF
Accent Color
The State colors are used for states. It can be used both on positive and negative feedback that may applied.
Green
56CDAD
Red
FF6550
Yellow
FFB836
Purple
7B61FF
Blue
26A4FF
Icon
Icons are visual representations of commands, devices, directories, or common actions.
Forms
Default form field styles for all forms used on the site.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Rich Text
Our rich text capabilities allow you to easily format and style text, embed images and videos, and even add custom code.
Text Bold
Lorem ipsum dolor sit amet consectetur
Text Italic
Lorem ipsum dolor sit amet consectetur
Bullet List
- Aliquet porttitor lacus luctus accumsan tortor. Gravida rutrum.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Senectus et netus et malesuada fames ac turpis egestas
Numered List
- Aliquet porttitor lacus luctus accumsan tortor. Gravida rutrum.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Senectus et netus et malesuada fames ac turpis egestas
Figure Image & Caption
Blockquote
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat."
Grid
How the spacing roles relate to the hierarchy of user interface elements.
2 column grid
3 column grid
4 column grid
2 : 1 grid
1 : 2 grid
Spacing
How the spacing roles relate to the hierarchy of user interface elements.
4px
8px
12px
16px
24px
32px
40px
48px
56px
64px
72px
80px
88px
96px
104px
112px
120px
