{"id":769,"date":"2021-04-16T12:48:04","date_gmt":"2021-04-16T12:48:04","guid":{"rendered":"https:\/\/silnawola.pl\/?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:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/","title":{"rendered":"Behind the scenes of creating a UI kit"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1310.4px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"--awb-margin-bottom:30px;\"><h2 class=\"title-heading-left\" style=\"margin:0;\">Pellentesque in ipsum id orci.<\/h2><\/div><div class=\"fusion-text fusion-text-1 fusion-text-no-margin\" style=\"--awb-font-size:19px;--awb-line-height:1.8em;--awb-margin-bottom:60px;\"><p>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.<\/p>\n<\/div><div class=\"fusion-image-element \" style=\"--awb-margin-bottom:70px;--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-1 hover-type-none\"><img decoding=\"async\" width=\"1080\" height=\"951\" alt=\"portfolio-9\" title=\"Portfolio 9\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271080%27%20height%3D%27951%27%20viewBox%3D%270%200%201080%20951%27%3E%3Crect%20width%3D%271080%27%20height%3D%27951%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"http:\/\/silnawola.pl\/wp-content\/uploads\/2021\/04\/portfolio-9.jpg\" class=\"lazyload img-responsive wp-image-567\"\/><\/span><\/div><div class=\"fusion-text fusion-text-2 fusion-text-no-margin\" style=\"--awb-font-size:19px;--awb-line-height:1.8em;--awb-margin-bottom:60px;\"><p>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.<\/p>\n<\/div><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"--awb-margin-bottom:30px;\"><h2 class=\"title-heading-left\" style=\"margin:0;\">Vivamus suscipit tortor eget.<\/h2><\/div><div class=\"fusion-text fusion-text-3 fusion-text-no-margin\" style=\"--awb-font-size:19px;--awb-line-height:1.8em;--awb-margin-bottom:60px;\"><p>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.<\/p>\n<\/div><div class=\"fusion-image-element \" style=\"--awb-margin-bottom:70px;--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-2 hover-type-none\"><img decoding=\"async\" width=\"894\" height=\"551\" alt=\"product-2\" title=\"Product 2\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27894%27%20height%3D%27551%27%20viewBox%3D%270%200%20894%20551%27%3E%3Crect%20width%3D%27894%27%20height%3D%27551%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"http:\/\/silnawola.pl\/wp-content\/uploads\/2021\/04\/product-2.jpg\" class=\"lazyload img-responsive wp-image-299\"\/><\/span><\/div><div class=\"fusion-text fusion-text-4\" style=\"--awb-font-size:19px;--awb-line-height:1.8em;\"><p>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.<\/p>\n<\/div><\/div><\/div><\/div><\/div>\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":[46,47],"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 v18.4.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Behind the scenes of creating a UI kit - Silna Wola<\/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:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Behind the scenes of creating a UI kit - Silna Wola\" \/>\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:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/\" \/>\n<meta property=\"og:site_name\" content=\"Silna Wola\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-16T12:48:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/silnawola.pl\/wp-content\/uploads\/2021\/04\/blog-3.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1479\" \/>\n\t<meta property=\"og:image:height\" content=\"780\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/silnawola.pl\/#website\",\"url\":\"https:\/\/silnawola.pl\/\",\"name\":\"Silna Wola\",\"description\":\"Internet | Marketing | Media\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/silnawola.pl\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage\",\"inLanguage\":\"pl-PL\",\"url\":\"https:\/\/silnawola.pl\/wp-content\/uploads\/2021\/04\/blog-3.jpg\",\"contentUrl\":\"https:\/\/silnawola.pl\/wp-content\/uploads\/2021\/04\/blog-3.jpg\",\"width\":1479,\"height\":780,\"caption\":\"blog-3\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/#webpage\",\"url\":\"https:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/\",\"name\":\"Behind the scenes of creating a UI kit - Silna Wola\",\"isPartOf\":{\"@id\":\"https:\/\/silnawola.pl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage\"},\"datePublished\":\"2021-04-16T12:48:04+00:00\",\"dateModified\":\"2021-04-16T12:48:04+00:00\",\"author\":{\"@id\":\"https:\/\/silnawola.pl\/#\/schema\/person\/8ca22e499677d24995e337f35f9e62a4\"},\"breadcrumb\":{\"@id\":\"https:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/silnawola.pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Behind the scenes of creating a UI kit\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/silnawola.pl\/#\/schema\/person\/8ca22e499677d24995e337f35f9e62a4\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/silnawola.pl\/#personlogo\",\"inLanguage\":\"pl-PL\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/74009b383a15f1e0ccc44a5c3032f6fc6d873d9feff536615ddac8b760f43640?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/74009b383a15f1e0ccc44a5c3032f6fc6d873d9feff536615ddac8b760f43640?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/silnawola.pl\"],\"url\":\"https:\/\/silnawola.pl\/index.php\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Behind the scenes of creating a UI kit - Silna Wola","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:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/","og_locale":"pl_PL","og_type":"article","og_title":"Behind the scenes of creating a UI kit - Silna Wola","og_description":"Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui vivamus.","og_url":"https:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/","og_site_name":"Silna Wola","article_published_time":"2021-04-16T12:48:04+00:00","og_image":[{"width":1479,"height":780,"url":"https:\/\/silnawola.pl\/wp-content\/uploads\/2021\/04\/blog-3.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"admin","Szacowany czas czytania":"4 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/silnawola.pl\/#website","url":"https:\/\/silnawola.pl\/","name":"Silna Wola","description":"Internet | Marketing | Media","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/silnawola.pl\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pl-PL"},{"@type":"ImageObject","@id":"https:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage","inLanguage":"pl-PL","url":"https:\/\/silnawola.pl\/wp-content\/uploads\/2021\/04\/blog-3.jpg","contentUrl":"https:\/\/silnawola.pl\/wp-content\/uploads\/2021\/04\/blog-3.jpg","width":1479,"height":780,"caption":"blog-3"},{"@type":"WebPage","@id":"https:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/#webpage","url":"https:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/","name":"Behind the scenes of creating a UI kit - Silna Wola","isPartOf":{"@id":"https:\/\/silnawola.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/#primaryimage"},"datePublished":"2021-04-16T12:48:04+00:00","dateModified":"2021-04-16T12:48:04+00:00","author":{"@id":"https:\/\/silnawola.pl\/#\/schema\/person\/8ca22e499677d24995e337f35f9e62a4"},"breadcrumb":{"@id":"https:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/silnawola.pl\/index.php\/2021\/04\/16\/behind-the-scenes-of-creating-a-ui-kit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/silnawola.pl\/"},{"@type":"ListItem","position":2,"name":"Behind the scenes of creating a UI kit"}]},{"@type":"Person","@id":"https:\/\/silnawola.pl\/#\/schema\/person\/8ca22e499677d24995e337f35f9e62a4","name":"admin","image":{"@type":"ImageObject","@id":"https:\/\/silnawola.pl\/#personlogo","inLanguage":"pl-PL","url":"https:\/\/secure.gravatar.com\/avatar\/74009b383a15f1e0ccc44a5c3032f6fc6d873d9feff536615ddac8b760f43640?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/74009b383a15f1e0ccc44a5c3032f6fc6d873d9feff536615ddac8b760f43640?s=96&d=mm&r=g","caption":"admin"},"sameAs":["http:\/\/silnawola.pl"],"url":"https:\/\/silnawola.pl\/index.php\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/silnawola.pl\/index.php\/wp-json\/wp\/v2\/posts\/769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/silnawola.pl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/silnawola.pl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/silnawola.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/silnawola.pl\/index.php\/wp-json\/wp\/v2\/comments?post=769"}],"version-history":[{"count":0,"href":"https:\/\/silnawola.pl\/index.php\/wp-json\/wp\/v2\/posts\/769\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/silnawola.pl\/index.php\/wp-json\/wp\/v2\/media\/219"}],"wp:attachment":[{"href":"https:\/\/silnawola.pl\/index.php\/wp-json\/wp\/v2\/media?parent=769"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/silnawola.pl\/index.php\/wp-json\/wp\/v2\/categories?post=769"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/silnawola.pl\/index.php\/wp-json\/wp\/v2\/tags?post=769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}