Headers

Typography

Title 1

Title 2

Title 3

Title 4

Title 5
Title 6

Caption

Micro

Colors

NEW

  • Color Class: color-vivid-violet

    Background Class: bg-vivid-violet

    CSS Var: var(--color-vivid-violet)

  • Color Class: color-cornflower-blue

    Background Class: bg-cornflower-blue

    CSS Var: var(--color-cornflower-blue)

  • Color Class: color-shark

    Background Class: bg-shark

    CSS Var: var(--color-shark)

  • Color Class: color-royal-blue

    Background Class: bg-royal-blue

    CSS Var: var(--color-royal-blue)

  • Hex: #faf9fe

    Color Class: color-light-gray

    Background Class: bg-light-gray

    CSS Var: var(--color-light-gray)

  • Color Class: color-arapawa

    Background Class: bg-arapawa

    CSS Var: var(--color-arapawa)

  • Color Class: color-windsor

    Background Class: bg-windsor

    CSS Var: var(--color-windsor)

  • Color Class: color-selago

    Background Class: bg-selago

    CSS Var: var(--color-selago)

  • Color Class: color-selago-2

    Background Class: bg-selago-2

    CSS Var: var(--color-selago-2)

  • Color Class: color-anakiwa

    Background Class: bg-anakiwa

    CSS Var: var(--color-anakiwa)

  • Color Class: color-pattens-blue-op70

    Background Class: bg-pattens-blue-op70

    CSS Var: var(--color-pattens-blue-op70)

SBC

  • RGB: (44, 42, 07)

    Color Class: color-primary

    Background Class: bg-primary

    CSS Var: var(--color-primary)

  • RGB: (42, 73, 140)

    Color Class: color-secondary

    Background Class: bg-secondary

    CSS Var: var(--color-secondary)

  • RGB: (19, 109, 180)

    Color Class: color-third

    Background Class: bg-third

    CSS Var: var(--color-third)

  • RGB: (89, 82, 157)

    Color Class: color-forth

    Background Class: bg-forth

    CSS Var: var(--color-forth)

  • RGB: (82, 46, 123)

    Color Class: color-fifth

    Background Class: bg-fifth

    CSS Var: var(--color-fifth)

  • RGB: (116, 52, 138)

    Color Class: color-sixth

    Background Class: bg-sixth

    CSS Var: var(--color-sixth)

OLD BRAND

  • HEX: #2c2a6b

    Color Class: color-jacarta

    Background Class: bg-jacarta

    CSS Var: var(--color-jacarta)

  • HEX: #2a498c

    Color Class: color-bay-of-many

    Background Class: bg-bay-of-many

    CSS Var: var(--color-bay-of-many)

  • HEX: #136db4

    Color Class: color-denim

    Background Class: bg-denim

    CSS Var: var(--color-denim)

  • HEX: #59529d

    Color Class: color-butterfly-bush

    Background Class: bg-butterfly-bush

    CSS Var: var(--color-butterfly-bush)

  • HEX: #74348a

    Color Class: color-eminence

    Background Class: bg-eminence

    CSS Var: var(--color-eminence)

  • HEX: #522e7b

    Color Class: color-minsk

    Background Class: bg-minsk

    CSS Var: var(--color-minsk)

SYSTEM

  • HEX: #3B3B3B

    Color Class: color-main

    Background Class: bg-main

    CSS Var: var(--color-text-main)

  • HEX: #767676

    Color Class: color-additional-text

    Background Class: bg-additional-text

    CSS Var: var(--color-text-secondary)

  • HEX: #67C669

    Color Class: color-success

    Background Class: bg-success

    CSS Var: var(--color-success)

  • HEX: #DA3636

    Color Class: color-error

    Background Class: bg-error

    CSS Var: var(--color-error)

  • HEX: #DEAD55

    Color Class: color-warning

    Background Class: bg-warning

    CSS Var: var(--color-warning)

  • HEX: #483BC8

    Color Class: color-governor-bay

    Background Class: bg-governor-bay

    CSS Var: var(--color-governor-bay)

  • HEX: #F6F5FB

    Color Class: color-white-lilac

    Background Class: bg-white-lilac

    CSS Var: var(--color-white-lilac)

Gradients

Icons and Images

add_icon@1.5x.svg
back_icon@1.5x.svg
calendar_icon@1.5x.svg
chat_icon@1.5x.svg
edit-2.svg
cross_icon@1.5x.svg
danger_icon.svg
email_icon@1.5x.svg
eye_icon@1.5x.svg
info_icon@1.5x.svg
member_icon@1.5x.svg
pagination-arrow@1.5x.svg
search_icon@1.5x.svg
summary_icon@1.5x.svg
upload_icon@1.5x.svg
verified_icon.svg
back-arrow-left.svg
delegators.svg
one-person.svg
avatar.svg
logo-black.svg
logo-white.svg
sdaia-nic.svg
empty-state@1.5x.svg
bg-1.png
menu_bg.png

Buttons

Login & Homepage Fields

Wizard Fields

ادخل عنوان صحيح

Radio Buttons/Checkboxes

Who should decide on opening a branch?

Boxed Radio Buttons/Checkboxes

Notifications

verified “سارة السعدون” is now officially a partner!

danger “سارة السعدون” Couldn’t be added as pertner! Please check the datails

info “سارة السعدون” Couldn’t be added as pertner! Please check the datails

info “سارة السعدون” Couldn’t be added as pertner! Please check the datails

Tags

101041-Production of fresh meat
Instant reservation
Instant reservation
In Progress

Delegators

Select Company Owner

Select the type of the company owner

I'm the company owner
Delegated by the company owner

                                        avatar
Belle Hitzke
China

Select the company owner from your delegation list:

avatar
Collette Orriss
France
avatar
Heinrik Godden
Iran
avatar
Ramon Giamuzzo
Portugal
avatar
Belle Hitzke
China
avatar
Mignonne Theurer
Russia
avatar
Christian Revington
Zambia
avatar
Kippar Rippingale
Russia
avatar
Tyne Beri
Philippines

Stepper

Cards

Main Activities

البيانات الأساسية للرخصة البلدية

البيانات الاساسية

شركة الفنار للسيراميك
اسواق مركزية

البيانات الأساسية للرخصة البلدية

البيانات الاساسية

البيانات الأساسية للرخصة البلدية

إنشاء شركة ذات مسؤولية محدودة
شريكين فأكثر

تحديد مالك الشركة

دلال غانم محمد1127302071

بيانات اضافية

السعودية
ابها
asa
0523232323
sadsad@asdsd.com