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