Cards are flexible container components used to group and present related content in a compact, scannable format. In the Sharjah Design System, cards help teams organize information, highlight key content, and guide users toward actions while maintaining visual consistency across digital platforms.
Cards are ideal for dashboards, listings, landing pages, and content-heavy layouts where clarity and scanability are essential.
Used to present text-based information with optional supporting visuals.
Common uses:
Best practices:
Combines imagery or icons with text to create visual emphasis.
Common uses:
Best practices:
Designed to prompt user interaction through clear calls to action.
Common use cases:
Best practices:
Content blocks adapt fluidly across screen sizes:
Use of Cookies by this site is just to guarantee Ease of Access and better user experience while browsing. Continuation of your browsing acknowledges your approval for Terms and Conditions of this site and its use of Cookies. Privacy Policy
When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.
Your response has been successfully recorded. If you wish to modify or change your answer, you can go back by clicking the Undo button.