<!doctype html>
<html dir="rtl" lang="ar">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="profile" href="https://gmpg.org/xfn/11">
  <link rel="stylesheet" href="https://unpkg.com/aos@2.3.0/dist/aos.css" />
  <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
	<link rel="alternate" href="https://www.abosoliman.com/design-systems/guide-to-variables/" hreflang="en" />
<link rel="alternate" href="https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/" hreflang="ar" />

	<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https://yoast.com/wordpress/plugins/seo/ -->
	<title>دليل للمتغيرات - أبو سليمان</title>
	<meta name="description" content="A design system isn’t only a collection of the assets and components you use to build a digital product." />
	<link rel="canonical" href="https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/" />
	<meta property="og:locale" content="ar_AR" />
	<meta property="og:locale:alternate" content="en_US" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="دليل للمتغيرات - أبو سليمان" />
	<meta property="og:description" content="A design system isn’t only a collection of the assets and components you use to build a digital product." />
	<meta property="og:url" content="https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/" />
	<meta property="og:site_name" content="أبو سليمان" />
	<meta property="article:published_time" content="2023-07-05T19:48:23+00:00" />
	<meta property="article:modified_time" content="2023-07-05T20:04:32+00:00" />
	<meta property="og:image" content="https://www.abosoliman.com/wp-content/uploads/2023/06/03ee5789a0fce7d2fe97bdb00ebcc432.jpg" />
	<meta property="og:image:width" content="400" />
	<meta property="og:image:height" content="300" />
	<meta property="og:image:type" content="image/jpeg" />
	<meta name="author" content="admin" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:label1" content="كُتب بواسطة" />
	<meta name="twitter:data1" content="admin" />
	<meta name="twitter:label2" content="وقت القراءة المُقدّر" />
	<meta name="twitter:data2" content="دقيقتان" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/#article","isPartOf":{"@id":"https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/"},"author":{"name":"admin","@id":"https://www.abosoliman.com/ar/home-2/#/schema/person/8e5757edf3c2c33bc32d4fd87ca964a6"},"headline":"دليل للمتغيرات","datePublished":"2023-07-05T19:48:23+00:00","dateModified":"2023-07-05T20:04:32+00:00","mainEntityOfPage":{"@id":"https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/"},"wordCount":6,"commentCount":0,"publisher":{"@id":"https://www.abosoliman.com/ar/home-2/#/schema/person/8e5757edf3c2c33bc32d4fd87ca964a6"},"image":{"@id":"https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/#primaryimage"},"thumbnailUrl":"https://www.abosoliman.com/wp-content/uploads/2023/06/03ee5789a0fce7d2fe97bdb00ebcc432.jpg","articleSection":["Design Systems"],"inLanguage":"ar","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/#respond"]}]},{"@type":"WebPage","@id":"https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/","url":"https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/","name":"دليل للمتغيرات - أبو سليمان","isPartOf":{"@id":"https://www.abosoliman.com/ar/home-2/#website"},"primaryImageOfPage":{"@id":"https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/#primaryimage"},"image":{"@id":"https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/#primaryimage"},"thumbnailUrl":"https://www.abosoliman.com/wp-content/uploads/2023/06/03ee5789a0fce7d2fe97bdb00ebcc432.jpg","datePublished":"2023-07-05T19:48:23+00:00","dateModified":"2023-07-05T20:04:32+00:00","description":"A design system isn’t only a collection of the assets and components you use to build a digital product.","breadcrumb":{"@id":"https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/#primaryimage","url":"https://www.abosoliman.com/wp-content/uploads/2023/06/03ee5789a0fce7d2fe97bdb00ebcc432.jpg","contentUrl":"https://www.abosoliman.com/wp-content/uploads/2023/06/03ee5789a0fce7d2fe97bdb00ebcc432.jpg","width":400,"height":300},{"@type":"BreadcrumbList","@id":"https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"الصفحة الرئيسية","item":"https://www.abosoliman.com/ar/home-2/"},{"@type":"ListItem","position":2,"name":"دليل للمتغيرات"}]},{"@type":"WebSite","@id":"https://www.abosoliman.com/ar/home-2/#website","url":"https://www.abosoliman.com/ar/home-2/","name":"أبو سليمان","description":"مصمم المنتج الرقمي","publisher":{"@id":"https://www.abosoliman.com/ar/home-2/#/schema/person/8e5757edf3c2c33bc32d4fd87ca964a6"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.abosoliman.com/ar/home-2/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":["Person","Organization"],"@id":"https://www.abosoliman.com/ar/home-2/#/schema/person/8e5757edf3c2c33bc32d4fd87ca964a6","name":"admin","image":{"@type":"ImageObject","inLanguage":"ar","@id":"https://www.abosoliman.com/ar/home-2/#/schema/person/image/","url":"https://www.abosoliman.com/wp-content/uploads/2023/06/cropped-Asset-1-1.png","contentUrl":"https://www.abosoliman.com/wp-content/uploads/2023/06/cropped-Asset-1-1.png","width":118,"height":73,"caption":"admin"},"logo":{"@id":"https://www.abosoliman.com/ar/home-2/#/schema/person/image/"},"sameAs":["https://abosoliman.com"],"url":"https://www.abosoliman.com/ar/author/admin/"}]}</script>
	<!-- / Yoast SEO plugin. -->


		<!-- This site uses the Google Analytics by MonsterInsights plugin v9.8.0 - Using Analytics tracking - https://www.monsterinsights.com/ -->
							<script src="//www.googletagmanager.com/gtag/js?id=G-VDVWQQTHFN"  data-cfasync="false" data-wpfc-render="false" async></script>
			<script data-cfasync="false" data-wpfc-render="false">
				var mi_version = '9.8.0';
				var mi_track_user = true;
				var mi_no_track_reason = '';
								var MonsterInsightsDefaultLocations = {"page_location":"https:\/\/www.abosoliman.com\/ar\/design-systems\/guide-to-variables-2\/"};
								if ( typeof MonsterInsightsPrivacyGuardFilter === 'function' ) {
					var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsPrivacyGuardFilter( MonsterInsightsExcludeQuery ) : MonsterInsightsPrivacyGuardFilter( MonsterInsightsDefaultLocations );
				} else {
					var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsExcludeQuery : MonsterInsightsDefaultLocations;
				}

								var disableStrs = [
										'ga-disable-G-VDVWQQTHFN',
									];

				/* Function to detect opted out users */
				function __gtagTrackerIsOptedOut() {
					for (var index = 0; index < disableStrs.length; index++) {
						if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) {
							return true;
						}
					}

					return false;
				}

				/* Disable tracking if the opt-out cookie exists. */
				if (__gtagTrackerIsOptedOut()) {
					for (var index = 0; index < disableStrs.length; index++) {
						window[disableStrs[index]] = true;
					}
				}

				/* Opt-out function */
				function __gtagTrackerOptout() {
					for (var index = 0; index < disableStrs.length; index++) {
						document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
						window[disableStrs[index]] = true;
					}
				}

				if ('undefined' === typeof gaOptout) {
					function gaOptout() {
						__gtagTrackerOptout();
					}
				}
								window.dataLayer = window.dataLayer || [];

				window.MonsterInsightsDualTracker = {
					helpers: {},
					trackers: {},
				};
				if (mi_track_user) {
					function __gtagDataLayer() {
						dataLayer.push(arguments);
					}

					function __gtagTracker(type, name, parameters) {
						if (!parameters) {
							parameters = {};
						}

						if (parameters.send_to) {
							__gtagDataLayer.apply(null, arguments);
							return;
						}

						if (type === 'event') {
														parameters.send_to = monsterinsights_frontend.v4_id;
							var hookName = name;
							if (typeof parameters['event_category'] !== 'undefined') {
								hookName = parameters['event_category'] + ':' + name;
							}

							if (typeof MonsterInsightsDualTracker.trackers[hookName] !== 'undefined') {
								MonsterInsightsDualTracker.trackers[hookName](parameters);
							} else {
								__gtagDataLayer('event', name, parameters);
							}
							
						} else {
							__gtagDataLayer.apply(null, arguments);
						}
					}

					__gtagTracker('js', new Date());
					__gtagTracker('set', {
						'developer_id.dZGIzZG': true,
											});
					if ( MonsterInsightsLocations.page_location ) {
						__gtagTracker('set', MonsterInsightsLocations);
					}
										__gtagTracker('config', 'G-VDVWQQTHFN', {"forceSSL":"true","link_attribution":"true"} );
										window.gtag = __gtagTracker;										(function () {
						/* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */
						/* ga and __gaTracker compatibility shim. */
						var noopfn = function () {
							return null;
						};
						var newtracker = function () {
							return new Tracker();
						};
						var Tracker = function () {
							return null;
						};
						var p = Tracker.prototype;
						p.get = noopfn;
						p.set = noopfn;
						p.send = function () {
							var args = Array.prototype.slice.call(arguments);
							args.unshift('send');
							__gaTracker.apply(null, args);
						};
						var __gaTracker = function () {
							var len = arguments.length;
							if (len === 0) {
								return;
							}
							var f = arguments[len - 1];
							if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') {
								if ('send' === arguments[0]) {
									var hitConverted, hitObject = false, action;
									if ('event' === arguments[1]) {
										if ('undefined' !== typeof arguments[3]) {
											hitObject = {
												'eventAction': arguments[3],
												'eventCategory': arguments[2],
												'eventLabel': arguments[4],
												'value': arguments[5] ? arguments[5] : 1,
											}
										}
									}
									if ('pageview' === arguments[1]) {
										if ('undefined' !== typeof arguments[2]) {
											hitObject = {
												'eventAction': 'page_view',
												'page_path': arguments[2],
											}
										}
									}
									if (typeof arguments[2] === 'object') {
										hitObject = arguments[2];
									}
									if (typeof arguments[5] === 'object') {
										Object.assign(hitObject, arguments[5]);
									}
									if ('undefined' !== typeof arguments[1].hitType) {
										hitObject = arguments[1];
										if ('pageview' === hitObject.hitType) {
											hitObject.eventAction = 'page_view';
										}
									}
									if (hitObject) {
										action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction;
										hitConverted = mapArgs(hitObject);
										__gtagTracker('event', action, hitConverted);
									}
								}
								return;
							}

							function mapArgs(args) {
								var arg, hit = {};
								var gaMap = {
									'eventCategory': 'event_category',
									'eventAction': 'event_action',
									'eventLabel': 'event_label',
									'eventValue': 'event_value',
									'nonInteraction': 'non_interaction',
									'timingCategory': 'event_category',
									'timingVar': 'name',
									'timingValue': 'value',
									'timingLabel': 'event_label',
									'page': 'page_path',
									'location': 'page_location',
									'title': 'page_title',
									'referrer' : 'page_referrer',
								};
								for (arg in args) {
																		if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) {
										hit[gaMap[arg]] = args[arg];
									} else {
										hit[arg] = args[arg];
									}
								}
								return hit;
							}

							try {
								f.hitCallback();
							} catch (ex) {
							}
						};
						__gaTracker.create = newtracker;
						__gaTracker.getByName = newtracker;
						__gaTracker.getAll = function () {
							return [];
						};
						__gaTracker.remove = noopfn;
						__gaTracker.loaded = true;
						window['__gaTracker'] = __gaTracker;
					})();
									} else {
										console.log("");
					(function () {
						function __gtagTracker() {
							return null;
						}

						window['__gtagTracker'] = __gtagTracker;
						window['gtag'] = __gtagTracker;
					})();
									}
			</script>
			
							<!-- / Google Analytics by MonsterInsights -->
		<link rel='stylesheet' id='wp-block-library-rtl-css' href='https://www.abosoliman.com/wp-includes/css/dist/block-library/style-rtl.min.css?ver=8a507130536385b00bd3d6128426bf12' media='all' />
<style id='classic-theme-styles-inline-css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='abosoliman-style-rtl-css' href='https://www.abosoliman.com/wp-content/themes/abosoliman/style-rtl.css?ver=1.0.0' media='all' />
<script src="https://www.abosoliman.com/wp-content/plugins/google-analytics-for-wordpress/assets/js/frontend-gtag.min.js?ver=9.8.0" id="monsterinsights-frontend-script-js" async data-wp-strategy="async"></script>
<script data-cfasync="false" data-wpfc-render="false" id='monsterinsights-frontend-script-js-extra'>var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"doc,pdf,ppt,zip,xls,docx,pptx,xlsx","inbound_paths":"[{\"path\":\"\\\/go\\\/\",\"label\":\"affiliate\"},{\"path\":\"\\\/recommend\\\/\",\"label\":\"affiliate\"}]","home_url":"https:\/\/www.abosoliman.com","hash_tracking":"false","v4_id":"G-VDVWQQTHFN"};</script>
<link rel="pingback" href="https://www.abosoliman.com/xmlrpc.php"><link rel="icon" href="https://www.abosoliman.com/wp-content/uploads/2023/06/cropped-cropped-Asset-1-1-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.abosoliman.com/wp-content/uploads/2023/06/cropped-cropped-Asset-1-1-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.abosoliman.com/wp-content/uploads/2023/06/cropped-cropped-Asset-1-1-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.abosoliman.com/wp-content/uploads/2023/06/cropped-cropped-Asset-1-1-270x270.png" />

    <link rel="stylesheet" href="https://www.abosoliman.com/wp-content/themes/abosoliman/assets/css/bootstrap-rtl.css" />
    <link rel="stylesheet" href="https://www.abosoliman.com/wp-content/themes/abosoliman/assets/css/swiper.min.css" />

  <link rel="stylesheet" href="https://www.abosoliman.com/wp-content/themes/abosoliman/assets/css/global.css" />
  <link rel="stylesheet" href="https://www.abosoliman.com/wp-content/themes/abosoliman/assets/css/styles.css" />

    <link rel="stylesheet" href="https://www.abosoliman.com/wp-content/themes/abosoliman/assets/css/rtl.css" />

  </head>

<body data-rsssl=1 class="rtl post-template-default single single-post postid-835 single-format-standard wp-custom-logo">
    <div class=' single-blog-bg '>
    <div class='container'>
      <header id="masthead" class="site-header ">
        <div class='d-flex align-items-center justify-content-between'>
          <div class="brand" data-aos="fade-up">
            <a title='logo' href="/"><img loading="lazy"
                src="https://www.abosoliman.com/wp-content/uploads/2023/05/logo.svg" alt='logo' height="29" width="171"
                class='img-fluid' />
            </a>
          </div>
          <nav id="site-navigation" class="navbar navbar-expand-lg navbar-light p-0">


            <button aria-label="burger menu" class="navbar-toggler border-0 position-fixed" type="button">
              <span class="burger">
                <svg class="false " width="32" height="52" viewBox="0 0 40 26" xmlns="http://www.w3.org/2000/svg">
                  <rect fill="#10ecd0" class="header_burgerBtn1__aer0v" width="32" height="4" rx="3" ry="3"></rect>
                  <rect fill="#4798e2" class="header_burgerBtn2__Ml7br" width="28" height="4" y="10" x="3" rx="3"
                    ry="3"></rect>
                  <rect fill="#6e63ee" class="header_burgerBtn3__qDHei" width="32" height="4" y="20" rx="3" ry="3">
                  </rect>
                </svg>
              </span>
            </button>
            <div class="hide-tablet"><ul id="menu-menu-1-ar" class="d-flex navbar-nav me-auto mb-2 mb-lg-0 "><li id="menu-item-802" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-802"><a href="https://www.abosoliman.com/ar/home-2/">الرئيسية</a></li>
<li id="menu-item-801" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-801"><a href="https://www.abosoliman.com/ar/about-2/">اعرفني اكثر</a></li>
<li id="menu-item-798" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-798"><a href="https://www.abosoliman.com/ar/work-2/">الأعمال</a></li>
<li id="menu-item-797" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-797"><a href="https://www.abosoliman.com/ar/products-2/">المنتجات</a></li>
<li id="menu-item-800" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-800"><a href="https://www.abosoliman.com/ar/blogs/">المدونة</a></li>
<li id="menu-item-799" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-799"><a href="https://www.abosoliman.com/ar/contact/">تواصل معي</a></li>
</ul></div>          </nav><!-- #site-navigation -->
          <ul class='list-unstyled social-menu  m-0' data-aos="fade-up">
            <li class='d-inline'>
              <a title='dribble' target="blank" href="https://dribbble.com/Abosoliman_mas">
                <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" fill="white" />
                  <path fill-rule="evenodd" clip-rule="evenodd"
                    d="M15.9987 9.33325C12.332 9.33325 9.33203 12.3333 9.33203 15.9999C9.33203 19.6666 12.332 22.6666 15.9987 22.6666C19.6654 22.6666 22.6654 19.6666 22.6654 15.9999C22.6654 12.3333 19.6654 9.33325 15.9987 9.33325ZM17.832 15.4999C17.832 15.4999 17.6654 14.9999 17.582 14.8333C18.9987 14.1666 19.9154 13.4166 20.2487 12.9999C20.832 13.7499 21.1654 14.6666 21.2487 15.6666C20.582 15.4999 19.082 15.2499 17.832 15.4999ZM16.9154 13.5833C16.2487 12.4166 15.4987 11.4166 15.1654 10.8333C16.7487 10.4166 18.1654 10.9166 19.2487 11.9166C18.9154 12.3333 18.2487 12.9999 16.9154 13.5833ZM13.582 11.4166C13.9154 11.8333 14.582 12.8333 15.2487 14.0833C13.4154 14.4999 11.7487 14.5833 10.9987 14.5833C11.332 13.2499 12.332 12.0833 13.582 11.4166ZM15.9987 15.4166C16.082 15.5833 16.1654 15.7499 16.2487 15.8333C13.9154 16.5833 12.4154 18.4999 11.9154 19.2499C11.2487 18.3333 10.832 17.2499 10.832 16.1666C11.582 16.0833 13.7487 15.9999 15.9987 15.4166ZM16.832 17.2499C17.4154 18.9166 17.7487 20.2499 17.832 20.9166C16.082 21.4999 14.082 21.1666 12.9987 20.2499C13.332 19.6666 14.4154 18.1666 16.832 17.2499ZM19.2487 20.0833C19.082 19.4166 18.832 18.2499 18.332 16.8333C19.2487 16.6666 20.582 16.8333 21.082 16.9999C20.832 18.2499 20.1654 19.3333 19.2487 20.0833Z"
                    fill="#3E4450" />
                  <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#E7E9EC" />
                </svg>

              </a>
            </li>

            <li class='d-inline'>
              <a title='behance' target="blank" href="https://www.behance.net/Abosoliman_mas">
                <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" fill="white" />
                  <path
                    d="M12.6537 10.9866C13.1155 10.9866 13.5418 11.0221 13.9326 11.1287C14.3234 11.1997 14.6431 11.3418 14.9273 11.5194C15.2115 11.6971 15.4246 11.9457 15.5667 12.2655C15.7088 12.5852 15.7799 12.9759 15.7799 13.4022C15.7799 13.8996 15.6733 14.3259 15.4246 14.6456C15.2115 14.9653 14.8562 15.2495 14.43 15.4627C15.0339 15.6403 15.4957 15.96 15.7799 16.3863C16.0641 16.8126 16.2417 17.3455 16.2417 17.9494C16.2417 18.4467 16.1351 18.873 15.9575 19.2283C15.7799 19.5835 15.4957 19.9032 15.176 20.1164C14.8562 20.3295 14.4655 20.5072 14.0392 20.6137C13.6129 20.7203 13.1866 20.7914 12.7603 20.7914H8V10.9866H12.6537ZM12.3695 14.9653C12.7603 14.9653 13.08 14.8588 13.3287 14.6811C13.5774 14.5035 13.6839 14.1838 13.6839 13.793C13.6839 13.5799 13.6484 13.3667 13.5774 13.2246C13.5063 13.0825 13.3997 12.9759 13.2576 12.8694C13.1155 12.7983 12.9734 12.7273 12.7958 12.6918C12.6182 12.6562 12.4406 12.6562 12.2274 12.6562H10.167V14.9653H12.3695ZM12.4761 19.1572C12.6892 19.1572 12.9024 19.1217 13.08 19.0862C13.2576 19.0507 13.4353 18.9796 13.5774 18.873C13.7195 18.7665 13.826 18.6599 13.9326 18.4823C14.0037 18.3046 14.0747 18.0915 14.0747 17.8428C14.0747 17.3455 13.9326 16.9902 13.6484 16.7416C13.3642 16.5284 12.9734 16.4218 12.5116 16.4218H10.167V19.1572H12.4761ZM19.3323 19.1217C19.6165 19.4059 20.0428 19.548 20.6112 19.548C21.002 19.548 21.3572 19.4414 21.6414 19.2638C21.9256 19.0507 22.1033 18.8375 22.1743 18.6244H23.915C23.6308 19.4769 23.2045 20.0809 22.6361 20.4716C22.0677 20.8269 21.3928 21.04 20.5757 21.04C20.0073 21.04 19.51 20.9335 19.0481 20.7558C18.5863 20.5782 18.2311 20.3295 17.9114 19.9743C17.5916 19.6546 17.343 19.2638 17.2009 18.802C17.0232 18.3402 16.9522 17.8428 16.9522 17.2744C16.9522 16.7416 17.0232 16.2442 17.2009 15.7824C17.3785 15.3206 17.6272 14.9298 17.9469 14.5746C18.2666 14.2548 18.6574 13.9706 19.0837 13.793C19.5455 13.6154 20.0073 13.5088 20.5757 13.5088C21.1796 13.5088 21.7125 13.6154 22.1743 13.8641C22.6361 14.1127 22.9914 14.3969 23.2756 14.8232C23.5598 15.214 23.7729 15.6758 23.915 16.1732C23.9861 16.6705 24.0216 17.1678 23.9861 17.7362H18.835C18.835 18.3046 19.0481 18.8375 19.3323 19.1217ZM21.5704 15.3916C21.3217 15.1429 20.9309 15.0009 20.4691 15.0009C20.1494 15.0009 19.9007 15.0719 19.6876 15.1785C19.4744 15.285 19.3323 15.4271 19.1902 15.5692C19.0481 15.7113 18.9771 15.889 18.9416 16.0666C18.906 16.2442 18.8705 16.3863 18.8705 16.5284H22.0677C21.9967 15.9955 21.8191 15.6403 21.5704 15.3916ZM18.4442 11.6615H22.423V12.6207H18.4442V11.6615Z"
                    fill="black" />
                  <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#E7E9EC" />
                </svg>


              </a>
            </li>

            <li class='d-inline'>
              <a title='linkedin' target="blank" href="https://www.linkedin.com/in/abosoliman">
                <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" fill="white" />
                  <path fill-rule="evenodd" clip-rule="evenodd"
                    d="M10.0004 11.5C10.0004 10.672 10.6724 10 11.5004 10C12.3284 10 13.0004 10.672 13.0004 11.5C13.0004 12.328 12.3284 13 11.5004 13C10.6724 13 10.0004 12.328 10.0004 11.5ZM18.1005 13.6003C15.9465 13.6003 14.1999 15.3363 14.1999 17.4763V21.3996C14.1999 21.7309 14.4692 22.0003 14.8005 22.0003H16.1999C16.5312 22.0003 16.8005 21.7309 16.8005 21.3996V17.4763C16.8005 16.7189 17.4565 16.1136 18.2352 16.1916C18.9112 16.2589 19.3999 16.8769 19.3999 17.5563V21.3996C19.3999 21.7309 19.6692 22.0003 20.0005 22.0003H21.3999C21.7312 22.0003 22.0005 21.7309 22.0005 21.3996V17.4763C22.0005 15.3363 20.2539 13.6003 18.1005 13.6003ZM12.4 14.1999H10.6007C10.2693 14.1999 10 14.4685 10 14.7999V21.3999C10 21.7312 10.2693 21.9999 10.6007 21.9999H12.4C12.7313 21.9999 13 21.7312 13 21.3999V14.7999C13 14.4685 12.7313 14.1999 12.4 14.1999Z"
                    fill="#3E4450" />
                  <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#E7E9EC" />
                </svg>


              </a>
            </li>

            <li class='d-inline'>
              <a title='X' target="blank" href="https://twitter.com/AboSoliman_Mas">

              <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="32" height="32" rx="16" fill="white"/>
                <path d="M19.623 10.3125H21.5371L17.3262 15.1523L22.3027 21.6875H18.4199L15.3574 17.7227L11.8848 21.6875H9.94336L14.4551 16.5469L9.69727 10.3125H13.6895L16.4238 13.9492L19.623 10.3125ZM18.9395 20.5391H20.0059L13.1152 11.4062H11.9668L18.9395 20.5391Z" fill="#3E4450"/>
              </svg>

              </a>
            </li>
            <li class='d-inline'>
              <a title='facebook' target="blank" href="https://web.facebook.com/AboSoliman.Page">
                <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" fill="white" />
                  <path fill-rule="evenodd" clip-rule="evenodd"
                    d="M19.3333 10.3333C19.3333 10.1493 19.1833 10 19 10H17.3333C15.492 10 14 11.3433 14 13V14.8H12.3333C12.1493 14.8 12 14.9493 12 15.1333V16.8667C12 17.0507 12.1493 17.2 12.3333 17.2H14V21.6667C14 21.8507 14.1493 22 14.3333 22H16.3333C16.5167 22 16.6667 21.8507 16.6667 21.6667V17.2H18.4127C18.5627 17.2 18.694 17.1 18.7347 16.956L19.2153 15.2227C19.2747 15.0107 19.1147 14.8 18.8947 14.8H16.6667V13C16.6667 12.6687 16.9647 12.4 17.3333 12.4H19C19.1833 12.4 19.3333 12.2507 19.3333 12.0667V10.3333Z"
                    fill="#3E4450" />
                  <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#E7E9EC" />
                </svg>


              </a>
            </li>

            

                        <li class="d-inline lang">
                            <a href="https://www.abosoliman.com/design-systems/guide-to-variables/" class="drop-block__link">
                English              </a>
                          </li>
            
          </ul>


        </div>
        <aside class='aside '>
          <div class='d-flex container aling-items-center justify-content-around  flex-column'>
            <div class="brand">
              <img loading="lazy" src="https://www.abosoliman.com/wp-content/uploads/2023/05/logo.svg" alt='logo'
                height="29" width="171" class='img-fluid' />
            </div>
            <div class='d-flex container aling-items-center justify-content-around mt-5 flex-column'>
              <div class="menu-menu-1-ar-container"><ul id="menu-menu-1-ar-1" class="d-flex navbar-nav me-auto mb-0 mb-lg-0"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-802"><a href="https://www.abosoliman.com/ar/home-2/">الرئيسية</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-801"><a href="https://www.abosoliman.com/ar/about-2/">اعرفني اكثر</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-798"><a href="https://www.abosoliman.com/ar/work-2/">الأعمال</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-797"><a href="https://www.abosoliman.com/ar/products-2/">المنتجات</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-800"><a href="https://www.abosoliman.com/ar/blogs/">المدونة</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-799"><a href="https://www.abosoliman.com/ar/contact/">تواصل معي</a></li>
</ul></div>
              <ul class='social-menu align-items-center  d-flex p-0'>

                <li class='d-inline'>
                  <a title='dribble' target="blank" href="https://dribbble.com/Abosoliman_mas">
                    <svg width="40" height="40" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" fill="white" />
                      <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M15.9987 9.33325C12.332 9.33325 9.33203 12.3333 9.33203 15.9999C9.33203 19.6666 12.332 22.6666 15.9987 22.6666C19.6654 22.6666 22.6654 19.6666 22.6654 15.9999C22.6654 12.3333 19.6654 9.33325 15.9987 9.33325ZM17.832 15.4999C17.832 15.4999 17.6654 14.9999 17.582 14.8333C18.9987 14.1666 19.9154 13.4166 20.2487 12.9999C20.832 13.7499 21.1654 14.6666 21.2487 15.6666C20.582 15.4999 19.082 15.2499 17.832 15.4999ZM16.9154 13.5833C16.2487 12.4166 15.4987 11.4166 15.1654 10.8333C16.7487 10.4166 18.1654 10.9166 19.2487 11.9166C18.9154 12.3333 18.2487 12.9999 16.9154 13.5833ZM13.582 11.4166C13.9154 11.8333 14.582 12.8333 15.2487 14.0833C13.4154 14.4999 11.7487 14.5833 10.9987 14.5833C11.332 13.2499 12.332 12.0833 13.582 11.4166ZM15.9987 15.4166C16.082 15.5833 16.1654 15.7499 16.2487 15.8333C13.9154 16.5833 12.4154 18.4999 11.9154 19.2499C11.2487 18.3333 10.832 17.2499 10.832 16.1666C11.582 16.0833 13.7487 15.9999 15.9987 15.4166ZM16.832 17.2499C17.4154 18.9166 17.7487 20.2499 17.832 20.9166C16.082 21.4999 14.082 21.1666 12.9987 20.2499C13.332 19.6666 14.4154 18.1666 16.832 17.2499ZM19.2487 20.0833C19.082 19.4166 18.832 18.2499 18.332 16.8333C19.2487 16.6666 20.582 16.8333 21.082 16.9999C20.832 18.2499 20.1654 19.3333 19.2487 20.0833Z"
                        fill="#3E4450" />
                      <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#E7E9EC" />
                    </svg>

                  </a>
                </li>

                <li class='d-inline'>
                  <a title='behance' target="blank" href="https://www.behance.net/Abosoliman_mas">
                    <svg width="40" height="40" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" fill="white" />
                      <path
                        d="M12.6537 10.9866C13.1155 10.9866 13.5418 11.0221 13.9326 11.1287C14.3234 11.1997 14.6431 11.3418 14.9273 11.5194C15.2115 11.6971 15.4246 11.9457 15.5667 12.2655C15.7088 12.5852 15.7799 12.9759 15.7799 13.4022C15.7799 13.8996 15.6733 14.3259 15.4246 14.6456C15.2115 14.9653 14.8562 15.2495 14.43 15.4627C15.0339 15.6403 15.4957 15.96 15.7799 16.3863C16.0641 16.8126 16.2417 17.3455 16.2417 17.9494C16.2417 18.4467 16.1351 18.873 15.9575 19.2283C15.7799 19.5835 15.4957 19.9032 15.176 20.1164C14.8562 20.3295 14.4655 20.5072 14.0392 20.6137C13.6129 20.7203 13.1866 20.7914 12.7603 20.7914H8V10.9866H12.6537ZM12.3695 14.9653C12.7603 14.9653 13.08 14.8588 13.3287 14.6811C13.5774 14.5035 13.6839 14.1838 13.6839 13.793C13.6839 13.5799 13.6484 13.3667 13.5774 13.2246C13.5063 13.0825 13.3997 12.9759 13.2576 12.8694C13.1155 12.7983 12.9734 12.7273 12.7958 12.6918C12.6182 12.6562 12.4406 12.6562 12.2274 12.6562H10.167V14.9653H12.3695ZM12.4761 19.1572C12.6892 19.1572 12.9024 19.1217 13.08 19.0862C13.2576 19.0507 13.4353 18.9796 13.5774 18.873C13.7195 18.7665 13.826 18.6599 13.9326 18.4823C14.0037 18.3046 14.0747 18.0915 14.0747 17.8428C14.0747 17.3455 13.9326 16.9902 13.6484 16.7416C13.3642 16.5284 12.9734 16.4218 12.5116 16.4218H10.167V19.1572H12.4761ZM19.3323 19.1217C19.6165 19.4059 20.0428 19.548 20.6112 19.548C21.002 19.548 21.3572 19.4414 21.6414 19.2638C21.9256 19.0507 22.1033 18.8375 22.1743 18.6244H23.915C23.6308 19.4769 23.2045 20.0809 22.6361 20.4716C22.0677 20.8269 21.3928 21.04 20.5757 21.04C20.0073 21.04 19.51 20.9335 19.0481 20.7558C18.5863 20.5782 18.2311 20.3295 17.9114 19.9743C17.5916 19.6546 17.343 19.2638 17.2009 18.802C17.0232 18.3402 16.9522 17.8428 16.9522 17.2744C16.9522 16.7416 17.0232 16.2442 17.2009 15.7824C17.3785 15.3206 17.6272 14.9298 17.9469 14.5746C18.2666 14.2548 18.6574 13.9706 19.0837 13.793C19.5455 13.6154 20.0073 13.5088 20.5757 13.5088C21.1796 13.5088 21.7125 13.6154 22.1743 13.8641C22.6361 14.1127 22.9914 14.3969 23.2756 14.8232C23.5598 15.214 23.7729 15.6758 23.915 16.1732C23.9861 16.6705 24.0216 17.1678 23.9861 17.7362H18.835C18.835 18.3046 19.0481 18.8375 19.3323 19.1217ZM21.5704 15.3916C21.3217 15.1429 20.9309 15.0009 20.4691 15.0009C20.1494 15.0009 19.9007 15.0719 19.6876 15.1785C19.4744 15.285 19.3323 15.4271 19.1902 15.5692C19.0481 15.7113 18.9771 15.889 18.9416 16.0666C18.906 16.2442 18.8705 16.3863 18.8705 16.5284H22.0677C21.9967 15.9955 21.8191 15.6403 21.5704 15.3916ZM18.4442 11.6615H22.423V12.6207H18.4442V11.6615Z"
                        fill="black" />
                      <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#E7E9EC" />
                    </svg>


                  </a>
                </li>

                <li class='d-inline'>
                  <a title='linkedin' target="blank" href="https://www.linkedin.com/in/abosoliman">
                    <svg width="40" height="40" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" fill="white" />
                      <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M10.0004 11.5C10.0004 10.672 10.6724 10 11.5004 10C12.3284 10 13.0004 10.672 13.0004 11.5C13.0004 12.328 12.3284 13 11.5004 13C10.6724 13 10.0004 12.328 10.0004 11.5ZM18.1005 13.6003C15.9465 13.6003 14.1999 15.3363 14.1999 17.4763V21.3996C14.1999 21.7309 14.4692 22.0003 14.8005 22.0003H16.1999C16.5312 22.0003 16.8005 21.7309 16.8005 21.3996V17.4763C16.8005 16.7189 17.4565 16.1136 18.2352 16.1916C18.9112 16.2589 19.3999 16.8769 19.3999 17.5563V21.3996C19.3999 21.7309 19.6692 22.0003 20.0005 22.0003H21.3999C21.7312 22.0003 22.0005 21.7309 22.0005 21.3996V17.4763C22.0005 15.3363 20.2539 13.6003 18.1005 13.6003ZM12.4 14.1999H10.6007C10.2693 14.1999 10 14.4685 10 14.7999V21.3999C10 21.7312 10.2693 21.9999 10.6007 21.9999H12.4C12.7313 21.9999 13 21.7312 13 21.3999V14.7999C13 14.4685 12.7313 14.1999 12.4 14.1999Z"
                        fill="#3E4450" />
                      <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#E7E9EC" />
                    </svg>


                  </a>
                </li>

                <li class='d-inline'>
                  <a title='X' target="blank" href="https://twitter.com/AboSoliman_Mas">

                  <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect width="32" height="32" rx="16" fill="white"/>
                    <path d="M19.623 10.3125H21.5371L17.3262 15.1523L22.3027 21.6875H18.4199L15.3574 17.7227L11.8848 21.6875H9.94336L14.4551 16.5469L9.69727 10.3125H13.6895L16.4238 13.9492L19.623 10.3125ZM18.9395 20.5391H20.0059L13.1152 11.4062H11.9668L18.9395 20.5391Z" fill="#3E4450"/>
                  </svg>

                  </a>
                </li>
                <li class='d-inline'>
                  <a title='facebook' target="blank" href="https://web.facebook.com/AboSoliman.Page">
                    <svg width="40" height="40" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" fill="white" />
                      <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M19.3333 10.3333C19.3333 10.1493 19.1833 10 19 10H17.3333C15.492 10 14 11.3433 14 13V14.8H12.3333C12.1493 14.8 12 14.9493 12 15.1333V16.8667C12 17.0507 12.1493 17.2 12.3333 17.2H14V21.6667C14 21.8507 14.1493 22 14.3333 22H16.3333C16.5167 22 16.6667 21.8507 16.6667 21.6667V17.2H18.4127C18.5627 17.2 18.694 17.1 18.7347 16.956L19.2153 15.2227C19.2747 15.0107 19.1147 14.8 18.8947 14.8H16.6667V13C16.6667 12.6687 16.9647 12.4 17.3333 12.4H19C19.1833 12.4 19.3333 12.2507 19.3333 12.0667V10.3333Z"
                        fill="#3E4450" />
                      <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#E7E9EC" />
                    </svg>
                  </a>
                </li>

                

                                <li class="d-inline lang">
                                    <a href="https://www.abosoliman.com/design-systems/guide-to-variables/" class="drop-block__link">
                    English                  </a>
                                  </li>
                
              </ul>
            </div>
          </div>

        </aside>
      </header><!-- #masthead --><section data-aos="fade-up">
  <header class="entry-header">
    <div class='row'>
      <div class='col-md-6 col-12'>

        <ul class='list-unstyled bread-crumb d-flex align-items-center'>
          <li class='d-inline'>
            <a href='/'>

              <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M10.6667 13.5956H12.66L12.6667 8.01159L7.99867 3.21693L3.33733 7.98426L3.33333 13.5956H5.33333V8.92893C5.33333 8.56026 5.63133 8.26226 6 8.26226H10C10.368 8.26226 10.6667 8.56026 10.6667 8.92893V13.5956ZM9.33333 13.5956H6.66667V9.59559H9.33333V13.5956ZM13.616 7.05226L8.47667 1.79626C8.22533 1.53959 7.77467 1.53959 7.52333 1.79626L2.38333 7.05293C2.14 7.30293 2 7.65226 2 8.01159V13.5956C2 14.3309 2.56467 14.9289 3.25867 14.9289H6H10H12.7407C13.4347 14.9289 14 14.3309 14 13.5956V8.01159C14 7.65226 13.86 7.30293 13.616 7.05226Z"
                  fill="black" />
              </svg>
            </a>
          </li>
          <li class='d-inline'>

            <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path fill-rule="evenodd" clip-rule="evenodd"
                d="M5.52925 13.4085C5.2689 13.1481 5.2689 12.726 5.52925 12.4657L9.72451 8.27043L5.52925 4.07516C5.2689 3.81482 5.2689 3.3927 5.52925 3.13236C5.7896 2.87201 6.21171 2.87201 6.47206 3.13236L11.1387 7.79902C11.3991 8.05937 11.3991 8.48148 11.1387 8.74183L6.47206 13.4085C6.21171 13.6688 5.7896 13.6688 5.52925 13.4085Z"
                fill="#A4AAB6" />
            </svg>

          </li>
          <li class='d-inline'>
            <a href='/blog'>Blog</a>
          </li>
          <li class='d-inline'>
            <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path fill-rule="evenodd" clip-rule="evenodd"
                d="M5.52925 13.4085C5.2689 13.1481 5.2689 12.726 5.52925 12.4657L9.72451 8.27043L5.52925 4.07516C5.2689 3.81482 5.2689 3.3927 5.52925 3.13236C5.7896 2.87201 6.21171 2.87201 6.47206 3.13236L11.1387 7.79902C11.3991 8.05937 11.3991 8.48148 11.1387 8.74183L6.47206 13.4085C6.21171 13.6688 5.7896 13.6688 5.52925 13.4085Z"
                fill="#A4AAB6" />
            </svg>
          </li>
          <li class='d-inline'>
            <span> دليل للمتغيرات </span>
          </li>

        </ul>
        <h1 class="entry-title title">دليل للمتغيرات</h1>
        
      </div>
      <div class='col-md-6 col-12'>

        <div class='infos d-flex flex-column single-infos'>
          <div class='info d-flex align-items-center'>
            <svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
              <rect x="0.5" y="0.5" width="48" height="48" rx="24" fill="#F5F6FC" />
              <path opacity="0.2"
                d="M30.125 31.1094L32.9094 32.75L32.15 29.6937L34.625 27.65L31.3719 27.3969L30.125 24.5L28.8781 27.3969L25.625 27.65L28.1 29.6937L27.3406 32.75L30.125 31.1094Z"
                fill="#2E48C7" />
              <path
                d="M15.5 20V17.75C15.5 17.5511 15.579 17.3603 15.7197 17.2197C15.8603 17.079 16.0511 17 16.25 17H21.1906C21.288 16.9997 21.3845 17.0185 21.4746 17.0555C21.5647 17.0925 21.6466 17.1469 21.7156 17.2156L24.5 20"
                stroke="#2E48C7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
              <path
                d="M23.8062 32H16.1938C16.1026 32 16.0124 31.9821 15.9283 31.9472C15.8441 31.9123 15.7676 31.8612 15.7032 31.7968C15.6388 31.7324 15.5877 31.6559 15.5528 31.5717C15.5179 31.4876 15.5 31.3974 15.5 31.3063V20H32.75C32.9489 20 33.1397 20.079 33.2803 20.2197C33.421 20.3603 33.5 20.5511 33.5 20.75V23.75"
                stroke="#2E48C7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
              <path
                d="M30.125 31.1094L32.9094 32.75L32.15 29.6937L34.625 27.65L31.3719 27.3969L30.125 24.5L28.8781 27.3969L25.625 27.65L28.1 29.6937L27.3406 32.75L30.125 31.1094Z"
                stroke="#2E48C7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
            </svg>

            <div>
              <p class='mb-0'>Category</p>

               <span> Design Systems</span>
                          </div>
          </div>

          <div class='info d-flex align-items-center'>
            <svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
              <rect y="0.5" width="48" height="48" rx="24" fill="#FFFAF3" />
              <path opacity="0.2"
                d="M15.75 20.75H32.25V17C32.25 16.8011 32.171 16.6103 32.0303 16.4697C31.8897 16.329 31.6989 16.25 31.5 16.25H16.5C16.3011 16.25 16.1103 16.329 15.9697 16.4697C15.829 16.6103 15.75 16.8011 15.75 17V20.75Z"
                fill="#F79009" />
              <path
                d="M31.5 16.25H16.5C16.0858 16.25 15.75 16.5858 15.75 17V32C15.75 32.4142 16.0858 32.75 16.5 32.75H31.5C31.9142 32.75 32.25 32.4142 32.25 32V17C32.25 16.5858 31.9142 16.25 31.5 16.25Z"
                stroke="#F79009" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
              <path d="M28.5 14.75V17.75" stroke="#F79009" stroke-width="2" stroke-linecap="round"
                stroke-linejoin="round" />
              <path d="M19.5 14.75V17.75" stroke="#F79009" stroke-width="2" stroke-linecap="round"
                stroke-linejoin="round" />
              <path d="M15.75 20.75H32.25" stroke="#F79009" stroke-width="2" stroke-linecap="round"
                stroke-linejoin="round" />
            </svg>
            <div>
              <p class='mb-0'>Date</p>
              <span> يوليو 05, 2023</span>

            </div>

          </div>
        </div>

      </div>
    </div>

    <div class='social-share'>
      <h3 class="mb-0">Share</h3>
      <ul class='list-unstyled mb-0'>
        <li class='d-inline'>
          <a target="blank" href="https://www.facebook.com/sharer/sharer.php?u=https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/">
            <svg width="52" height="53" viewBox="0 0 52 53" fill="none" xmlns="http://www.w3.org/2000/svg">
              <g filter="url(#filter0_d_2803_86905)">
                <rect x="2" y="1.77051" width="48" height="48" rx="24" fill="white" />
                <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M31 17.2705C31 16.9945 30.775 16.7705 30.5 16.7705H28C25.238 16.7705 23 18.7855 23 21.2705V23.9705H20.5C20.224 23.9705 20 24.1945 20 24.4705V27.0705C20 27.3465 20.224 27.5705 20.5 27.5705H23V34.2705C23 34.5465 23.224 34.7705 23.5 34.7705H26.5C26.775 34.7705 27 34.5465 27 34.2705V27.5705H29.619C29.844 27.5705 30.041 27.4205 30.102 27.2045L30.823 24.6045C30.912 24.2865 30.672 23.9705 30.342 23.9705H27V21.2705C27 20.7735 27.447 20.3705 28 20.3705H30.5C30.775 20.3705 31 20.1465 31 19.8705V17.2705Z"
                  fill="#667085" />
                <rect x="2.5" y="2.27051" width="47" height="47" rx="23.5" stroke="#C8CBD3" />
              </g>
              <defs>
                <filter id="filter0_d_2803_86905" x="0" y="0.770508" width="52" height="52" filterUnits="userSpaceOnUse"
                  color-interpolation-filters="sRGB">
                  <feFlood flood-opacity="0" result="BackgroundImageFix" />
                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                    result="hardAlpha" />
                  <feOffset dy="1" />
                  <feGaussianBlur stdDeviation="1" />
                  <feColorMatrix type="matrix"
                    values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0" />
                  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2803_86905" />
                  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2803_86905" result="shape" />
                </filter>
              </defs>
            </svg>

          </a>
        </li>

        <li class='d-inline'>
          <a target="blank"
            href="https://www.linkedin.com/sharing/share-offsite/?url=https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/">
            <svg width="52" height="53" viewBox="0 0 52 53" fill="none" xmlns="http://www.w3.org/2000/svg">
              <g filter="url(#filter0_d_2803_86908)">
                <rect x="2" y="1.77051" width="48" height="48" rx="24" fill="white" />
                <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M17.0004 19.0205C17.0004 17.7785 18.0084 16.7705 19.2504 16.7705C20.4924 16.7705 21.5004 17.7785 21.5004 19.0205C21.5004 20.2625 20.4924 21.2705 19.2504 21.2705C18.0084 21.2705 17.0004 20.2625 17.0004 19.0205ZM29.1508 22.1709C25.9198 22.1709 23.2998 24.7749 23.2998 27.9849V33.8699C23.2998 34.3669 23.7038 34.7709 24.2008 34.7709H26.2998C26.7968 34.7709 27.2008 34.3669 27.2008 33.8699V27.9849C27.2008 26.8489 28.1848 25.9409 29.3528 26.0579C30.3668 26.1589 31.0998 27.0859 31.0998 28.1049V33.8699C31.0998 34.3669 31.5038 34.7709 32.0008 34.7709H34.0998C34.5968 34.7709 35.0008 34.3669 35.0008 33.8699V27.9849C35.0008 24.7749 32.3808 22.1709 29.1508 22.1709ZM20.6 23.0703H17.901C17.404 23.0703 17 23.4733 17 23.9703V33.8703C17 34.3673 17.404 34.7703 17.901 34.7703H20.6C21.097 34.7703 21.5 34.3673 21.5 33.8703V23.9703C21.5 23.4733 21.097 23.0703 20.6 23.0703Z"
                  fill="#667085" />
                <rect x="2.5" y="2.27051" width="47" height="47" rx="23.5" stroke="#C8CBD3" />
              </g>
              <defs>
                <filter id="filter0_d_2803_86908" x="0" y="0.770508" width="52" height="52" filterUnits="userSpaceOnUse"
                  color-interpolation-filters="sRGB">
                  <feFlood flood-opacity="0" result="BackgroundImageFix" />
                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                    result="hardAlpha" />
                  <feOffset dy="1" />
                  <feGaussianBlur stdDeviation="1" />
                  <feColorMatrix type="matrix"
                    values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0" />
                  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2803_86908" />
                  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2803_86908" result="shape" />
                </filter>
              </defs>
            </svg>


          </a>
        </li>

        <li class='d-inline'>
          <a target="blank" href="https://twitter.com/intent/tweet?url=https://www.abosoliman.com/ar/design-systems/guide-to-variables-2/">
            <svg width="52" height="53" viewBox="0 0 52 53" fill="none" xmlns="http://www.w3.org/2000/svg">
              <g filter="url(#filter0_d_2803_86914)">
                <rect x="2" y="1.77051" width="48" height="48" rx="24" fill="white" />
                <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M22.0769 33.7708C29.3229 33.7708 33.5149 28.1448 33.5149 22.8058C33.5149 22.6588 34.5449 21.7748 34.9859 19.9318C35.0759 19.5578 34.7119 19.2628 34.3689 19.4198C33.4889 19.8238 32.5959 19.5038 32.2079 19.0438C30.7159 17.4168 28.2209 17.3388 26.6339 18.8688C25.6109 19.8558 25.1769 21.3258 25.4939 22.7288C22.1429 22.9678 19.8419 21.3798 17.9499 19.2028C17.7059 18.9198 17.2529 19.0688 17.2019 19.4428C16.9219 21.5248 16.8339 26.5868 21.8499 29.4938C20.9789 30.7458 19.2739 31.4848 17.3759 31.8018C16.9559 31.8728 16.8559 32.4548 17.2399 32.6428C18.7439 33.3828 20.3969 33.7698 22.0769 33.7678"
                  fill="#667085" />
                <rect x="2.5" y="2.27051" width="47" height="47" rx="23.5" stroke="#C8CBD3" />
              </g>
              <defs>
                <filter id="filter0_d_2803_86914" x="0" y="0.770508" width="52" height="52" filterUnits="userSpaceOnUse"
                  color-interpolation-filters="sRGB">
                  <feFlood flood-opacity="0" result="BackgroundImageFix" />
                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                    result="hardAlpha" />
                  <feOffset dy="1" />
                  <feGaussianBlur stdDeviation="1" />
                  <feColorMatrix type="matrix"
                    values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0" />
                  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2803_86914" />
                  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2803_86914" result="shape" />
                </filter>
              </defs>
            </svg>



          </a>
        </li>

      </ul>
    </div>
  </header><!-- .entry-header -->
</section>
</div>
</div>
<main id="primary" class="site-main ">

  


	    <img src="https://www.abosoliman.com/wp-content/uploads/2023/06/03ee5789a0fce7d2fe97bdb00ebcc432.jpg" class='img-fluid w-100 featured-single' >

 


	<article id="post-835" class="entry-content container post-835 post type-post status-publish format-standard has-post-thumbnail hentry category-design-systems">
		
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<h3 class="wp-block-heading has-text-align-right">ملخص </h3>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="has-text-align-right">نظام التصميم ليس مجرد مجموعة من الأصول والمكونات التي تستخدمها لبناء منتج رقمي. وفقًا لإيميت كونولي ، مدير تصميم المنتج في Intercom ، &#8220;… معظم أنظمة التصميم هي في الحقيقة مجرد مكتبات أنماط: صندوق كبير من قطع UI Lego التي يمكن تجميعها بطرق شبه لا نهائية. قد تكون جميع القطع متسقة ، لكن هذا لا يعني أن النتائج المجمعة ستكون كذلك. منتجك هو أكثر من مجرد كومة من عناصر واجهة المستخدم القابلة لإعادة الاستخدام. لها هيكل ومعنى. إنها ليست صفحة ويب عامة ، إنها تجسيد لنظام المفاهيم &#8220;.</p>



<p class="has-text-align-right"><br>وببساطة أكثر ، يكمن الاختلاف في المعايير والوثائق المصاحبة للأصول. مع دليل حول سبب وكيفية استخدامها ، صمم المكونات لأنها أسهل في الاستخدام وأكثر وضوحًا للتمييز.</p>



<p class="has-text-align-right"><br>&#8220;تتطور أنظمة التصميم دائمًا ، وستتطور الطريقة التي تشارك بها وتشجع اعتماد التكرارات الجديدة على طول الطريق أيضًا.&#8221; &#8211; ديانا مونتر ، مدير أنظمة التصميم في GitHub</p>
</div>
</div>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img fetchpriority="high" decoding="async" width="1024" height="576" src="https://abosoliman.com/wp-content/uploads/2023/07/maxresdefault-1024x576.jpg" alt="" class="wp-image-826" srcset="https://www.abosoliman.com/wp-content/uploads/2023/07/maxresdefault-1024x576.jpg 1024w, https://www.abosoliman.com/wp-content/uploads/2023/07/maxresdefault-300x169.jpg 300w, https://www.abosoliman.com/wp-content/uploads/2023/07/maxresdefault-768x432.jpg 768w, https://www.abosoliman.com/wp-content/uploads/2023/07/maxresdefault.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>


<p></p>



<p class="has-text-align-right">من أجل التكرار السريع بثقة ، تحتاج فرق التصميم إلى الوصول إلى مصدر واحد للحقيقة يسمح باستخدام لغة واجهة مستخدم قابلة للتطوير وإرشادات UX مبسطة. مع وصول نقاط اتصال العلامة التجارية عبر قنوات ومنصات متعددة ، يمكن المساعدة في تجربة المستخدم المتسقة من خلال الاستفادة من لغة تصميم مركزية.</p>



<p class="has-text-align-right"><br>يؤدي إنشاء مكتبة لأنماط التصميم والقواعد وإرشادات تجربة المستخدم إلى منع التناقضات عند شحن المنتجات على نطاق واسع.</p>



<p class="has-text-align-right"><br>مع استمرار زيادة عدد الأجهزة والمتصفحات والبيئات بمعدل مذهل ، أصبحت الحاجة إلى إنشاء أنظمة تصميم واجهة مدروسة ومدروسة أكثر وضوحًا من أي وقت مضى.</p>



<p></p>
	</article><!-- .entry-content -->

	<!-- <footer class="entry-footer">
		<error>
    <code>internal_server_error</code>
    <title><![CDATA[ووردبريس &amp;rsaquo; خطأ]]></title>
    <message><![CDATA[&lt;p&gt;كان هناك خطأ فادح في هذا الموقع.&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://wordpress.org/documentation/article/faq-troubleshooting/&quot;&gt;معرفة المزيد حول استكشاف الأخطاء في ووردبريس.&lt;/a&gt;&lt;/p&gt;]]></message>
    <data>
        <status>500</status>
    </data>
</error>
