Heading 1 - 72px/66px/400 (mob: 54px/48px)
Heading 1 - 72px/66px/400 (mob: 54px/48px)
Heading 2 - 64px/56px/400 (mob: 46px/40px/400)
Heading 2 - 64px/56px/400 (mob: 46px/40px/400)
Heading 3 - 48px/48px/400 (mob: 38px/34px/400)
Heading 3 - 48px/48px/400 (mob: 38px/34px/400)
Heading 4 - 36px/32px/400(0.2px) (mob: 32px/28px/400)
Heading 4 - 36px/32px/400(0.2px) (mob: 32px/28px/400)
Heading 5 - 32px/30px/400(0.128) (mob: 26px/24px/400(0.104px))
Heading 5 - 32px/30px/400(0.128) (mob: 26px/24px/400(0.104px))
Heading 6 - 16px/20px/500(0.064) (mob: 12px/14px/500(0.048px))
- #000000 - primary-black
- #FFFFFF - primary-white
- #FFDA0D - accent-yellow
- #7D7D7D - accent-charcoal
- #F9F9F9 - project-gray-50
- #F0F0F2 - project-gray-100
- #E1E2E5 - project-gray-200
- #D2D3D7 - project-gray-300
- #A5A7AF - project-gray-400
- #868994 - project-gray-500
- #42444B - project-gray-600
- #34353B - project-gray-900
- #DD1D1D - utility-error
- #18E098 - utility-success
- #FB8F2B - utility-warning
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat consequat libero. Aenean finibus, mi sed eleifend ornare, eros lectus viverra odio, eget bibendum felis enim eu metus. Suspendisse nunc metus, auctor et orci feugiat, pharetra auctor ligula. Maecenas ac lectus eget purus volutpat dapibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat consequat libero. Aenean finibus, mi sed eleifend ornare, eros lectus viverra odio, eget bibendum felis enim eu metus. Suspendisse nunc metus, auctor et orci feugiat, pharetra auctor ligula. Maecenas ac lectus eget purus volutpat dapibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat consequat libero. Aenean finibus, mi sed eleifend ornare, eros lectus viverra odio, eget bibendum felis enim eu metus. Suspendisse nunc metus, auctor et orci feugiat, pharetra auctor ligula. Maecenas ac lectus eget purus volutpat dapibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat consequat libero. Aenean finibus, mi sed eleifend ornare, eros lectus viverra odio, eget bibendum felis enim eu metus. Suspendisse nunc metus, auctor et orci feugiat, pharetra auctor ligula. Maecenas ac lectus eget purus volutpat dapibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat consequat libero. Aenean finibus, mi sed eleifend ornare, eros lectus viverra odio, eget bibendum felis enim eu metus. Suspendisse nunc metus, auctor et orci feugiat, pharetra auctor ligula. Maecenas ac lectus eget purus volutpat dapibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat consequat libero. Aenean finibus, mi sed eleifend ornare, eros lectus viverra odio, eget bibendum felis enim eu metus. Suspendisse nunc metus, auctor et orci feugiat, pharetra auctor ligula. Maecenas ac lectus eget purus volutpat dapibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat consequat libero. Aenean finibus, mi sed eleifend ornare, eros lectus viverra odio, eget bibendum felis enim eu metus. Suspendisse nunc metus, auctor et orci feugiat, pharetra auctor ligula. Maecenas ac lectus eget purus volutpat dapibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat consequat libero. Aenean finibus, mi sed eleifend ornare, eros lectus viverra odio, eget bibendum felis enim eu metus. Suspendisse nunc metus, auctor et orci feugiat, pharetra auctor ligula. Maecenas ac lectus eget purus volutpat dapibus.
Base dropdown