Sharjah Design System نظام الشارقة للتصميم
Sharjah Design System نظام الشارقة للتصميم
عربي Government of Sharjah
Home
Typography Colour System Iconography Layout and Spacing Input & Fields Buttons Responsive Accessibility Design Tokens Content Design
Get Started UI Components Templates UI Kit
Roadmap

Links

Home Getting Started UI Kit

Guidelines

Typography Colour System Iconography
Buttons Responsive Design Tokens

Results

Search the site for “”

UI Kit

The UI Kit provides a complete collection of reusable components, styles, and templates that help designers create consistent, accessible, and high-quality digital experiences across Sharjah Government websites.

Resources

Assets and tools

The UI kit offers a complete set of design assets built to streamline workflow and accelerate interface creation. It includes all core components, styles, tokens, and layouts—fully aligned with Sharjah’s visual standards. Designers can quickly assemble pages with pre-configured elements, ensuring consistency, reducing rework, and enabling faster delivery of high-quality digital experiences.

Download SDS in Figma Format

Version 1.0

Published on December 2025

What’s Included

SDS Components

  • Design Tokens & Branding Elements
    Access the official Sharjah colour palette, typography styles, icon sets, and spacing/grid systems. These foundational elements ensure visual consistency across every interface.
  • UI Kit & Component Library
    Download our Figma/Sketch files (and Web-ready versions) packed with pre-built components, layouts, and patterns. Everything is aligned with Sharjah’s digital identity and optimised for fast turnaround.
  • Website Templates
    Website Templates are ready-to-go page templates that cover homepages, service pages, blog layouts, and forms. They are designed for flexibility and built to accelerate site builds while maintaining branding, accessibility, and performance standards.

How to Use SDS Assets

  • Download the assets relevant to your project.
  • Review the included guidelines to ensure proper usage.
  • Apply the elements across your designs and align with the Sharjah Design System principles.
  • Stay consistent by using the same tokens, components, and templates throughout your project’s lifecycle.
Previous Templates Next Roadmap