Hi, Welcome to Readyui’s developer guide
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>blox</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Put the blocks HTML here -->
<!-- Put the blocks HTML here -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
</body>
</html>
Style name | Font size | Line Height | Example |
---|---|---|---|
H6 | 24 | 36 | Production ready assets |
H5 | 40 | 48 | Production ready assets |
H4 | 48 | 58 | Production ready assets |
H3 | 56 | 68 | Production ready assets |
H2 | 64 | 77 | Production ready assets |
H1 | 72 | 80 | Production ready assets |
Style name | Font size | Line Height | Example |
---|---|---|---|
Regular-S | 16 | 25 | Production ready assets |
Medium-S | 16 | 25 | Production ready assets |
Bold-M | 18 | 28 | Production ready assets |
Medium-L | 20 | 30 | Production ready assets |
Small
Big
Unchecked
Checked
Monthly
Annualy
Design
Dev
Marketing
Off
On
Initial
Input form
Initial
Active
Warning
Input text
Country code
Phone No
Search
Password
Input text 2
Join us Form
Text area 1
Text area 2
Used as the primary color.