{"id":769,"date":"2021-04-16T12:48:04","date_gmt":"2021-04-16T12:48:04","guid":{"rendered":"https:\/\/avadawebsites.wpengine.com\/digital-agency\/?p=769"},"modified":"2021-04-16T12:48:04","modified_gmt":"2021-04-16T12:48:04","slug":"behind-the-scenes-of-creating-a-ui-kit","status":"publish","type":"post","link":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/","title":{"rendered":"Behind the scenes of creating a UI kit"},"content":{"rendered":"<p>[fusion_builder_container type=&#8221;flex&#8221; hundred_percent=&#8221;no&#8221; equal_height_columns=&#8221;no&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; background_position=&#8221;center center&#8221; background_repeat=&#8221;no-repeat&#8221; fade=&#8221;no&#8221; background_parallax=&#8221;none&#8221; parallax_speed=&#8221;0.3&#8243; video_aspect_ratio=&#8221;16:9&#8243; video_loop=&#8221;yes&#8221; video_mute=&#8221;yes&#8221; border_style=&#8221;solid&#8221; admin_label=&#8221;Post Content&#8221; admin_toggled=&#8221;yes&#8221;][fusion_builder_row][fusion_builder_column type=&#8221;1_1&#8243; type=&#8221;1_1&#8243; layout=&#8221;1_1&#8243; background_position=&#8221;left top&#8221; background_color=&#8221;&#8221; border_color=&#8221;&#8221; border_style=&#8221;solid&#8221; border_position=&#8221;all&#8221; spacing=&#8221;yes&#8221; background_image=&#8221;&#8221; background_repeat=&#8221;no-repeat&#8221; padding_top=&#8221;&#8221; padding_right=&#8221;&#8221; padding_bottom=&#8221;&#8221; padding_left=&#8221;&#8221; margin_top=&#8221;0px&#8221; margin_bottom=&#8221;0px&#8221; class=&#8221;&#8221; id=&#8221;&#8221; animation_type=&#8221;&#8221; animation_speed=&#8221;0.3&#8243; animation_direction=&#8221;left&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; center_content=&#8221;no&#8221; last=&#8221;true&#8221; min_height=&#8221;&#8221; hover_type=&#8221;none&#8221; link=&#8221;&#8221; border_sizes_top=&#8221;&#8221; border_sizes_bottom=&#8221;&#8221; border_sizes_left=&#8221;&#8221; border_sizes_right=&#8221;&#8221; first=&#8221;true&#8221;][fusion_title title_type=&#8221;text&#8221; rotation_effect=&#8221;bounceIn&#8221; display_time=&#8221;1200&#8243; highlight_effect=&#8221;circle&#8221; loop_animation=&#8221;off&#8221; highlight_width=&#8221;9&#8243; highlight_top_margin=&#8221;0&#8243; before_text=&#8221;&#8221; rotation_text=&#8221;&#8221; highlight_text=&#8221;&#8221; after_text=&#8221;&#8221; title_link=&#8221;off&#8221; link_url=&#8221;&#8221; link_target=&#8221;_self&#8221; content_align_medium=&#8221;&#8221; content_align_small=&#8221;&#8221; content_align=&#8221;left&#8221; size=&#8221;2&#8243; font_size=&#8221;&#8221; animated_font_size=&#8221;&#8221; line_height=&#8221;&#8221; letter_spacing=&#8221;&#8221; text_shadow=&#8221;no&#8221; text_shadow_blur=&#8221;0&#8243; text_shadow_color=&#8221;&#8221; dimensions_medium=&#8221;&#8221; dimensions_small=&#8221;&#8221; text_color=&#8221;&#8221; animated_text_color=&#8221;&#8221; highlight_color=&#8221;&#8221; style_type=&#8221;default&#8221; sep_color=&#8221;&#8221; link_color=&#8221;&#8221; link_hover_color=&#8221;&#8221; animation_type=&#8221;&#8221; animation_direction=&#8221;left&#8221; animation_speed=&#8221;0.3&#8243; animation_offset=&#8221;&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; sticky_display=&#8221;normal,sticky&#8221; class=&#8221;&#8221; id=&#8221;&#8221; fusion_font_variant_title_font=&#8221;&#8221; margin_bottom=&#8221;30px&#8221;]<\/p>\n<p>Pellentesque in ipsum id orci.<\/p>\n<p>[\/fusion_title][fusion_text fusion_font_variant_text_font=&#8221;&#8221; font_size=&#8221;19px&#8221; line_height=&#8221;1.8em&#8221; margin_bottom=&#8221;60px&#8221;]Curabitur aliquet quam id dui posuere blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet.[\/fusion_text][fusion_imageframe image_id=&#8221;567|full&#8221; max_width=&#8221;&#8221; sticky_max_width=&#8221;&#8221; skip_lazy_load=&#8221;&#8221; style_type=&#8221;&#8221; blur=&#8221;&#8221; stylecolor=&#8221;&#8221; hover_type=&#8221;none&#8221; bordersize=&#8221;&#8221; bordercolor=&#8221;&#8221; borderradius=&#8221;&#8221; align_medium=&#8221;none&#8221; align_small=&#8221;none&#8221; align=&#8221;none&#8221; lightbox=&#8221;no&#8221; gallery_id=&#8221;&#8221; lightbox_image=&#8221;&#8221; lightbox_image_id=&#8221;&#8221; alt=&#8221;&#8221; link=&#8221;&#8221; linktarget=&#8221;_self&#8221; animation_type=&#8221;&#8221; animation_direction=&#8221;left&#8221; animation_speed=&#8221;0.3&#8243; animation_offset=&#8221;&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; sticky_display=&#8221;normal,sticky&#8221; class=&#8221;&#8221; id=&#8221;&#8221; filter_hue=&#8221;0&#8243; filter_saturation=&#8221;100&#8243; filter_brightness=&#8221;100&#8243; filter_contrast=&#8221;100&#8243; filter_invert=&#8221;0&#8243; filter_sepia=&#8221;0&#8243; filter_opacity=&#8221;100&#8243; filter_blur=&#8221;0&#8243; filter_hue_hover=&#8221;0&#8243; filter_saturation_hover=&#8221;100&#8243; filter_brightness_hover=&#8221;100&#8243; filter_contrast_hover=&#8221;100&#8243; filter_invert_hover=&#8221;0&#8243; filter_sepia_hover=&#8221;0&#8243; filter_opacity_hover=&#8221;100&#8243; filter_blur_hover=&#8221;0&#8243; margin_bottom=&#8221;70px&#8221;]https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2021\/04\/portfolio-9.jpg[\/fusion_imageframe][fusion_text fusion_font_variant_text_font=&#8221;&#8221; font_size=&#8221;19px&#8221; line_height=&#8221;1.8em&#8221; margin_bottom=&#8221;60px&#8221;]Curabitur aliquet quam id dui posuere blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet.[\/fusion_text][fusion_title title_type=&#8221;text&#8221; rotation_effect=&#8221;bounceIn&#8221; display_time=&#8221;1200&#8243; highlight_effect=&#8221;circle&#8221; loop_animation=&#8221;off&#8221; highlight_width=&#8221;9&#8243; highlight_top_margin=&#8221;0&#8243; before_text=&#8221;&#8221; rotation_text=&#8221;&#8221; highlight_text=&#8221;&#8221; after_text=&#8221;&#8221; title_link=&#8221;off&#8221; link_url=&#8221;&#8221; link_target=&#8221;_self&#8221; content_align_medium=&#8221;&#8221; content_align_small=&#8221;&#8221; content_align=&#8221;left&#8221; size=&#8221;2&#8243; font_size=&#8221;&#8221; animated_font_size=&#8221;&#8221; line_height=&#8221;&#8221; letter_spacing=&#8221;&#8221; text_shadow=&#8221;no&#8221; text_shadow_blur=&#8221;0&#8243; text_shadow_color=&#8221;&#8221; dimensions_medium=&#8221;&#8221; dimensions_small=&#8221;&#8221; text_color=&#8221;&#8221; animated_text_color=&#8221;&#8221; highlight_color=&#8221;&#8221; style_type=&#8221;default&#8221; sep_color=&#8221;&#8221; link_color=&#8221;&#8221; link_hover_color=&#8221;&#8221; animation_type=&#8221;&#8221; animation_direction=&#8221;left&#8221; animation_speed=&#8221;0.3&#8243; animation_offset=&#8221;&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; sticky_display=&#8221;normal,sticky&#8221; class=&#8221;&#8221; id=&#8221;&#8221; fusion_font_variant_title_font=&#8221;&#8221; margin_bottom=&#8221;30px&#8221;]Vivamus suscipit tortor eget.[\/fusion_title][fusion_text fusion_font_variant_text_font=&#8221;&#8221; font_size=&#8221;19px&#8221; line_height=&#8221;1.8em&#8221; margin_bottom=&#8221;60px&#8221;]Curabitur aliquet quam id dui posuere blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet.[\/fusion_text][fusion_imageframe image_id=&#8221;299|full&#8221; max_width=&#8221;&#8221; sticky_max_width=&#8221;&#8221; skip_lazy_load=&#8221;&#8221; style_type=&#8221;&#8221; blur=&#8221;&#8221; stylecolor=&#8221;&#8221; hover_type=&#8221;none&#8221; bordersize=&#8221;&#8221; bordercolor=&#8221;&#8221; borderradius=&#8221;&#8221; align_medium=&#8221;none&#8221; align_small=&#8221;none&#8221; align=&#8221;none&#8221; lightbox=&#8221;no&#8221; gallery_id=&#8221;&#8221; lightbox_image=&#8221;&#8221; lightbox_image_id=&#8221;&#8221; alt=&#8221;&#8221; link=&#8221;&#8221; linktarget=&#8221;_self&#8221; animation_type=&#8221;&#8221; animation_direction=&#8221;left&#8221; animation_speed=&#8221;0.3&#8243; animation_offset=&#8221;&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; sticky_display=&#8221;normal,sticky&#8221; class=&#8221;&#8221; id=&#8221;&#8221; filter_hue=&#8221;0&#8243; filter_saturation=&#8221;100&#8243; filter_brightness=&#8221;100&#8243; filter_contrast=&#8221;100&#8243; filter_invert=&#8221;0&#8243; filter_sepia=&#8221;0&#8243; filter_opacity=&#8221;100&#8243; filter_blur=&#8221;0&#8243; filter_hue_hover=&#8221;0&#8243; filter_saturation_hover=&#8221;100&#8243; filter_brightness_hover=&#8221;100&#8243; filter_contrast_hover=&#8221;100&#8243; filter_invert_hover=&#8221;0&#8243; filter_sepia_hover=&#8221;0&#8243; filter_opacity_hover=&#8221;100&#8243; filter_blur_hover=&#8221;0&#8243; margin_bottom=&#8221;70px&#8221;]https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2021\/04\/product-2.jpg[\/fusion_imageframe][fusion_text fusion_font_variant_text_font=&#8221;&#8221; font_size=&#8221;19px&#8221; line_height=&#8221;1.8em&#8221; margin_bottom=&#8221;&#8221;]Curabitur aliquet quam id dui posuere blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet.[\/fusion_text][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui vivamus.<\/p>\n","protected":false},"author":1,"featured_media":219,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28,29],"tags":[],"class_list":["post-769","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-tips-tricks"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Behind the scenes of creating a UI kit - Avada Digital Agency<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Behind the scenes of creating a UI kit - Avada Digital Agency\" \/>\n<meta property=\"og:description\" content=\"Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui vivamus.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/\" \/>\n<meta property=\"og:site_name\" content=\"Avada Digital Agency\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-16T12:48:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png\" \/>\n\t<meta property=\"og:image:width\" content=\"881\" \/>\n\t<meta property=\"og:image:height\" content=\"441\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Chirag\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Chirag\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/\"},\"author\":{\"name\":\"Chirag\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/person\/b8983af51dd897918b500103d18747fd\"},\"headline\":\"Behind the scenes of creating a UI kit\",\"datePublished\":\"2021-04-16T12:48:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/\"},\"wordCount\":878,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png\",\"articleSection\":[\"Design\",\"Tips &amp; Tricks\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/\",\"url\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/\",\"name\":\"Behind the scenes of creating a UI kit - Avada Digital Agency\",\"isPartOf\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png\",\"datePublished\":\"2021-04-16T12:48:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage\",\"url\":\"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png\",\"contentUrl\":\"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png\",\"width\":881,\"height\":441},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/boxinallsoftech.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Behind the scenes of creating a UI kit\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#website\",\"url\":\"https:\/\/boxinallsoftech.com\/blog\/\",\"name\":\"Boxinall Softech\",\"description\":\"Transforming Ideas into Reality: Building the Future Together\",\"publisher\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/boxinallsoftech.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#organization\",\"name\":\"Boxinall Softech\",\"url\":\"https:\/\/boxinallsoftech.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/06\/Boxinall@123.png\",\"contentUrl\":\"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/06\/Boxinall@123.png\",\"width\":200,\"height\":200,\"caption\":\"Boxinall Softech\"},\"image\":{\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/person\/b8983af51dd897918b500103d18747fd\",\"name\":\"Chirag\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/464b4439a5e10cc467b67012ade68e391349f19689120a15823a5477dec620c7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/464b4439a5e10cc467b67012ade68e391349f19689120a15823a5477dec620c7?s=96&d=mm&r=g\",\"caption\":\"Chirag\"},\"sameAs\":[\"https:\/\/boxinallsoftech.com\/blog\"],\"url\":\"https:\/\/boxinallsoftech.com\/blog\/author\/chirag\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Behind the scenes of creating a UI kit - Avada Digital Agency","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/","og_locale":"en_US","og_type":"article","og_title":"Behind the scenes of creating a UI kit - Avada Digital Agency","og_description":"Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui vivamus.","og_url":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/","og_site_name":"Avada Digital Agency","article_published_time":"2021-04-16T12:48:04+00:00","og_image":[{"width":881,"height":441,"url":"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png","type":"image\/png"}],"author":"Chirag","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Chirag","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#article","isPartOf":{"@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/"},"author":{"name":"Chirag","@id":"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/person\/b8983af51dd897918b500103d18747fd"},"headline":"Behind the scenes of creating a UI kit","datePublished":"2021-04-16T12:48:04+00:00","mainEntityOfPage":{"@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/"},"wordCount":878,"commentCount":0,"publisher":{"@id":"https:\/\/boxinallsoftech.com\/blog\/#organization"},"image":{"@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage"},"thumbnailUrl":"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png","articleSection":["Design","Tips &amp; Tricks"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/","url":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/","name":"Behind the scenes of creating a UI kit - Avada Digital Agency","isPartOf":{"@id":"https:\/\/boxinallsoftech.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage"},"image":{"@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage"},"thumbnailUrl":"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png","datePublished":"2021-04-16T12:48:04+00:00","breadcrumb":{"@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage","url":"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png","contentUrl":"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/10\/Copy-of-Ivory-Black-Fashion-Lifestyle-Instagram-Post-881-x-441-px.png","width":881,"height":441},{"@type":"BreadcrumbList","@id":"https:\/\/boxinallsoftech.com\/blog\/behind-the-scenes-of-creating-a-ui-kit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/boxinallsoftech.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Behind the scenes of creating a UI kit"}]},{"@type":"WebSite","@id":"https:\/\/boxinallsoftech.com\/blog\/#website","url":"https:\/\/boxinallsoftech.com\/blog\/","name":"Boxinall Softech","description":"Transforming Ideas into Reality: Building the Future Together","publisher":{"@id":"https:\/\/boxinallsoftech.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/boxinallsoftech.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/boxinallsoftech.com\/blog\/#organization","name":"Boxinall Softech","url":"https:\/\/boxinallsoftech.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/06\/Boxinall@123.png","contentUrl":"https:\/\/boxinallsoftech.com\/blog\/wp-content\/uploads\/2023\/06\/Boxinall@123.png","width":200,"height":200,"caption":"Boxinall Softech"},"image":{"@id":"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/person\/b8983af51dd897918b500103d18747fd","name":"Chirag","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/boxinallsoftech.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/464b4439a5e10cc467b67012ade68e391349f19689120a15823a5477dec620c7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/464b4439a5e10cc467b67012ade68e391349f19689120a15823a5477dec620c7?s=96&d=mm&r=g","caption":"Chirag"},"sameAs":["https:\/\/boxinallsoftech.com\/blog"],"url":"https:\/\/boxinallsoftech.com\/blog\/author\/chirag\/"}]}},"_links":{"self":[{"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/posts\/769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/comments?post=769"}],"version-history":[{"count":0,"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/posts\/769\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/media\/219"}],"wp:attachment":[{"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/media?parent=769"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/categories?post=769"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/boxinallsoftech.com\/blog\/wp-json\/wp\/v2\/tags?post=769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}