{"id":7732,"date":"2022-11-02T09:31:00","date_gmt":"2022-11-02T12:31:00","guid":{"rendered":"https:\/\/dobleuv.com\/?p=7732"},"modified":"2023-02-27T10:07:34","modified_gmt":"2023-02-27T13:07:34","slug":"que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo","status":"publish","type":"post","link":"https:\/\/dobleuv.com\/en\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/","title":{"rendered":"What is Atomic Design and why should you keep an eye on it?"},"content":{"rendered":"<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-7733 size-full\" src=\"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/1-wordpress.png\" alt=\"\" width=\"720\" height=\"576\" srcset=\"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/1-wordpress.png 720w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/1-wordpress-300x240.png 300w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/1-wordpress-15x12.png 15w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/1-wordpress-600x480.png 600w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/p>\n<p data-selectable-paragraph=\"\"><strong>Atomic Design<\/strong> is a methodology created by web designer <a href=\"https:\/\/twitter.com\/brad_frost\" target=\"_blank\" rel=\"noopener\">Brad Frost<\/a>which seeks to optimize the development of digital products under the concept of <strong>dise\u00f1ar por componentes.<\/strong><\/p>\n<p id=\"46e4\" class=\"pw-post-body-paragraph pk pl od pm b pn po fn pp pq pr fr ps pt pu pv pw px py pz qa qb qc qd qe qf jq dp\" data-selectable-paragraph=\"\">Frost divided this methodology into 5 different levels:<\/p>\n<h2 id=\"2780\" class=\"qh qi od bm dq qj qk ql fp qm qn qo ft qp qq qr fx qs qt qu gb qv qw qx gf qy dp\"><strong class=\"ba\">Level 1: Atoms<\/strong><\/h2>\n<p id=\"5d53\" class=\"pw-post-body-paragraph pk pl od pm b pn qz fn pp pq ra fr ps pt rb pv pw px rc pz qa qb rd qd qe qf jq dp\" data-selectable-paragraph=\"\">An atom is the smallest unit of particles that exists.<\/p>\n<p id=\"eec6\" class=\"pw-post-body-paragraph pk pl od pm b pn po fn pp pq pr fr ps pt pu pv pw px py pz qa qb qc qd qe qf jq dp\" data-selectable-paragraph=\"\">Translated to the world of design,\u00a0<strong class=\"pm fl\">an atom is a UI element that alone has no functionality<\/strong>. We are talking about buttons, avatars, fonts or color palette, to name a few examples.<\/p>\n<p data-selectable-paragraph=\"\"><img decoding=\"async\" class=\"aligncenter wp-image-7735 size-full lazyload\" data-src=\"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/2-wordpress.png\" alt=\"\" width=\"720\" height=\"576\" data-srcset=\"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/2-wordpress.png 720w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/2-wordpress-300x240.png 300w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/2-wordpress-15x12.png 15w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/2-wordpress-600x480.png 600w\" data-sizes=\"(max-width: 720px) 100vw, 720px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 720px; --smush-placeholder-aspect-ratio: 720\/576;\" \/><\/p>\n<h1 data-selectable-paragraph=\"\"><\/h1>\n<h2 id=\"0f09\" class=\"qh qi od bm dq qj qk ql fp qm qn qo ft qp qq qr fx qs qt qu gb qv qw qx gf qy dp\">Level 2: Molecules<\/h2>\n<p id=\"e0f0\" class=\"pw-post-body-paragraph pk pl od pm b pn qz fn pp pq ra fr ps pt rb pv pw px rc pz qa qb rd qd qe qf jq dp\" data-selectable-paragraph=\"\">The union of two or more atoms results in a molecule with new properties.<\/p>\n<p id=\"c6a1\" class=\"pw-post-body-paragraph pk pl od pm b pn po fn pp pq pr fr ps pt pu pv pw px py pz qa qb qc qd qe qf jq dp\" data-selectable-paragraph=\"\"><strong class=\"pm fl\">The union of two or more UI elements results in a more complex UI element<\/strong>. Such as an avatar together with a name and the user's location, or a search entry together with a form label and a button.<\/p>\n<p data-selectable-paragraph=\"\"><img decoding=\"async\" class=\"aligncenter wp-image-7736 size-full lazyload\" data-src=\"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/3-wordpress.png\" alt=\"\" width=\"720\" height=\"576\" data-srcset=\"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/3-wordpress.png 720w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/3-wordpress-300x240.png 300w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/3-wordpress-15x12.png 15w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/3-wordpress-600x480.png 600w\" data-sizes=\"(max-width: 720px) 100vw, 720px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 720px; --smush-placeholder-aspect-ratio: 720\/576;\" \/><\/p>\n<h1 data-selectable-paragraph=\"\"><\/h1>\n<h2 id=\"04a3\" class=\"qh qi od bm dq qj qk ql fp qm qn qo ft qp qq qr fx qs qt qu gb qv qw qx gf qy dp\">Level 3: Organisms<\/h2>\n<p id=\"49ca\" class=\"pw-post-body-paragraph pk pl od pm b pn qz fn pp pq ra fr ps pt rb pv pw px rc pz qa qb rd qd qe qf jq dp\" data-selectable-paragraph=\"\">The union of molecules forms an organism.<\/p>\n<p id=\"a396\" class=\"pw-post-body-paragraph pk pl od pm b pn po fn pp pq pr fr ps pt pu pv pw px py pz qa qb qc qd qe qf jq dp\" data-selectable-paragraph=\"\">The sum of the previous levels results in more complex elements. An organism can consist of a logo, a main navigation list and a search form.\u00a0<strong class=\"pm fl\">Something that we usually find in the websites we visit<\/strong>.<\/p>\n<p id=\"3625\" class=\"pw-post-body-paragraph pk pl od pm b pn po fn pp pq pr fr ps pt pu pv pw px py pz qa qb qc qd qe qf jq dp\" data-selectable-paragraph=\"\">Some organisms may consist of the same molecule that is repeated one or more times.\u00a0<strong class=\"pm fl\">The list of products in an\u00a0<em class=\"ri\">e-commerce<\/em>\u00a0is a sample of this system<\/strong>.<\/p>\n<p data-selectable-paragraph=\"\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-7737 lazyload\" data-src=\"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/4-wordpress.png\" alt=\"\" width=\"720\" height=\"576\" data-srcset=\"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/4-wordpress.png 720w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/4-wordpress-300x240.png 300w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/4-wordpress-15x12.png 15w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/4-wordpress-600x480.png 600w\" data-sizes=\"(max-width: 720px) 100vw, 720px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 720px; --smush-placeholder-aspect-ratio: 720\/576;\" \/><\/p>\n<h1 data-selectable-paragraph=\"\"><\/h1>\n<h2 id=\"df44\" class=\"qh qi od bm dq qj qk ql fp qm qn qo ft qp qq qr fx qs qt qu gb qv qw qx gf qy dp\"><strong class=\"ba\">Level 4: Templates<\/strong><\/h2>\n<p id=\"b350\" class=\"pw-post-body-paragraph pk pl od pm b pn qz fn pp pq ra fr ps pt rb pv pw px rc pz qa qb rd qd qe qf jq dp\" data-selectable-paragraph=\"\">Chemical analogies aside, templates are essentially\u00a0<em class=\"ri\">wireframes<\/em>.<\/p>\n<p id=\"36dc\" class=\"pw-post-body-paragraph pk pl od pm b pn po fn pp pq pr fr ps pt pu pv pw px py pz qa qb qc qd qe qf jq dp\" data-selectable-paragraph=\"\">They serve the function of graphing\u00a0<strong class=\"pm fl\">how components look and work together in the context of a design<\/strong>, to demonstrate how the parts add up and interact into a whole in an optimal way such as a sample home page.<\/p>\n<p id=\"2d45\" class=\"pw-post-body-paragraph pk pl od pm b pn po fn pp pq pr fr ps pt pu pv pw px py pz qa qb qc qd qe qf jq dp\" data-selectable-paragraph=\"\">Templates are<strong class=\"pm fl\">\u00a0high fidelity deliverables<\/strong>but not the final design.<\/p>\n<p data-selectable-paragraph=\"\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-7738 lazyload\" data-src=\"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/5-wordpress.png\" alt=\"\" width=\"720\" height=\"576\" data-srcset=\"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/5-wordpress.png 720w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/5-wordpress-300x240.png 300w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/5-wordpress-15x12.png 15w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/5-wordpress-600x480.png 600w\" data-sizes=\"(max-width: 720px) 100vw, 720px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 720px; --smush-placeholder-aspect-ratio: 720\/576;\" \/><\/p>\n<h1 data-selectable-paragraph=\"\"><\/h1>\n<h2 id=\"9271\" class=\"qh qi od bm dq qj qk ql fp qm qn qo ft qp qq qr fx qs qt qu gb qv qw qx gf qy dp\"><strong class=\"ba\">Level 5: Pages<\/strong><\/h2>\n<p id=\"a6d3\" class=\"pw-post-body-paragraph pk pl od pm b pn qz fn pp pq ra fr ps pt rb pv pw px rc pz qa qb rd qd qe qf jq dp\" data-selectable-paragraph=\"\">We are at the last level. This is the final design, ready for the development or testing stage.<\/p>\n<p id=\"62d8\" class=\"pw-post-body-paragraph pk pl od pm b pn po fn pp pq pr fr ps pt pu pv pw px py pz qa qb qc qd qe qf jq dp\" data-selectable-paragraph=\"\"><strong class=\"pm fl\">The pages show how a user interface looks like, with real representative content<\/strong>. Continuing with the example of the template, at this level we will add texts, images and elements to show the real content in \"action\".<\/p>\n<p id=\"0014\" class=\"pw-post-body-paragraph pk pl od pm b pn po fn pp pq pr fr ps pt pu pv pw px py pz qa qb qc qd qe qf jq dp\" data-selectable-paragraph=\"\">The pages are essential to test the effectiveness of the system. This is the stage where we see how all the patterns are maintained and coexist. If something does not look as expected or does not work as it should, then we can go back and change our molecules, organisms and templates to find possible solutions or alternatives.<\/p>\n<p data-selectable-paragraph=\"\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-7739 lazyload\" data-src=\"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/6-wordpress.png\" alt=\"\" width=\"720\" height=\"576\" data-srcset=\"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/6-wordpress.png 720w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/6-wordpress-300x240.png 300w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/6-wordpress-15x12.png 15w, https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/6-wordpress-600x480.png 600w\" data-sizes=\"(max-width: 720px) 100vw, 720px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 720px; --smush-placeholder-aspect-ratio: 720\/576;\" \/><\/p>\n<h1 data-selectable-paragraph=\"\"><\/h1>\n<h1 id=\"9bb2\" class=\"qh qi od bm dq qj qk ql fp qm qn qo ft qp qq qr fx qs qt qu gb qv qw qx gf qy dp\" data-selectable-paragraph=\"\"><strong class=\"ba\">What are the advantages of Atomic Design?<\/strong><\/h1>\n<p id=\"02df\" class=\"pw-post-body-paragraph pk pl od pm b pn qz fn pp pq ra fr ps pt rb pv pw px rc pz qa qb rd qd qe qf jq dp\" data-selectable-paragraph=\"\">The\u00a0<em class=\"ri\">Atomic Design<\/em>\u00a0allows us to:<\/p>\n<ul class=\"\">\n<li id=\"d058\" class=\"rj rk od pm b pn po pq pr pt rl px rm qb rn qf ro rp rq rr dp\" data-selectable-paragraph=\"\"><strong class=\"pm fl\">Design solid bases from the beginning<\/strong>, with all the necessary elements: typographies, color palette, avatars, buttons, etcetera.<\/li>\n<li id=\"ca2a\" class=\"rj rk od pm b pn rs pq rt pt ru px rv qb rw qf ro rp rq rr dp\" data-selectable-paragraph=\"\"><strong class=\"pm fl\">Create systems that can be useful in future designs<\/strong>since we will have the atoms ready to combine in other ways, creating other molecules and organisms.<\/li>\n<li id=\"3e15\" class=\"rj rk od pm b pn rs pq rt pt ru px rv qb rw qf ro rp rq rr dp\" data-selectable-paragraph=\"\"><strong class=\"pm fl\">Build high-fidelity<\/strong>\u00a0prototypes much faster.<\/li>\n<li id=\"a8e7\" class=\"rj rk od pm b pn rs pq rt pt ru px rv qb rw qf ro rp rq rr dp\" data-selectable-paragraph=\"\"><strong class=\"pm fl\">Make changes in the design system\u00a0<\/strong>in a much more practical way, so that it is not necessary to program from scratch.<\/li>\n<\/ul>\n<p id=\"54fa\" class=\"pw-post-body-paragraph pk pl od pm b pn po fn pp pq pr fr ps pt pu pv pw px py pz qa qb qc qd qe qf jq dp\" data-selectable-paragraph=\"\">As well as,\u00a0<strong class=\"pm fl\">it will help us to set up the basic elements of the interface with which the developers will work<\/strong>. With this base, they will be able to arrive more quickly and easily to the final design, previously creating molecules, organisms and templates.<\/p>\n<p id=\"cfda\" class=\"pw-post-body-paragraph pk pl od pm b pn po fn pp pq pr fr ps pt pu pv pw px py pz qa qb qc qd qe qf jq dp\" data-selectable-paragraph=\"\">In addition, understanding and putting this methodology into practice gives us the possibility to dissect the design and<strong class=\"pm fl\">\u00a0understand the importance of each element involved in it<\/strong>. For this reason, we believe that applying\u00a0<em class=\"ri\">Atom Design<\/em>\u00a0is to provide valuable tools for all design professionals, from a different, practical and innovative approach.<\/p>","protected":false},"excerpt":{"rendered":"<p>Atomic Design es una metodolog\u00eda creada por el dise\u00f1ador web Brad Frost, que busca optimizar al m\u00e1ximo el desarrollo de productos digitales bajo el concepto de dise\u00f1ar por componentes. Frost dividi\u00f3 a esta metodolog\u00eda en 5 distintos niveles: Nivel 1: \u00c1tomos Un \u00e1tomo es la unidad de part\u00edculas m\u00e1s peque\u00f1a que existe. Trasladado al mundo [&hellip;]<\/p>","protected":false},"author":2,"featured_media":7733,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[162],"tags":[],"class_list":["post-7732","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-ux-ui"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00bfQu\u00e9 es el Atomic Design y por qu\u00e9 deber\u00edas echarle un ojo? - Dobleuv<\/title>\n<meta name=\"description\" content=\"Conoce nuestro art\u00edculo sobre la importancia del Atomic Design en el dise\u00f1o UI.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dobleuv.com\/en\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfQu\u00e9 es el Atomic Design y por qu\u00e9 deber\u00edas echarle un ojo? - Dobleuv\" \/>\n<meta property=\"og:description\" content=\"Conoce nuestro art\u00edculo sobre la importancia del Atomic Design en el dise\u00f1o UI.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dobleuv.com\/en\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/\" \/>\n<meta property=\"og:site_name\" content=\"Dobleuv\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-02T12:31:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-27T13:07:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/1-wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dobleuv\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dobleuv\" \/>\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:\\\/\\\/dobleuv.com\\\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dobleuv.com\\\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\\\/\"},\"author\":{\"name\":\"Dobleuv\",\"@id\":\"https:\\\/\\\/dobleuv.com\\\/en\\\/#\\\/schema\\\/person\\\/57a5a0f41b1880132cb4bf78571ed158\"},\"headline\":\"\u00bfQu\u00e9 es el Atomic Design y por qu\u00e9 deber\u00edas echarle un ojo?\",\"datePublished\":\"2022-11-02T12:31:00+00:00\",\"dateModified\":\"2023-02-27T13:07:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/dobleuv.com\\\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\\\/\"},\"wordCount\":666,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/dobleuv.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/dobleuv.com\\\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/dobleuv.com\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/1-wordpress.png\",\"articleSection\":[\"Dise\u00f1o UX \\\/ UI\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dobleuv.com\\\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\\\/\",\"url\":\"https:\\\/\\\/dobleuv.com\\\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\\\/\",\"name\":\"\u00bfQu\u00e9 es el Atomic Design y por qu\u00e9 deber\u00edas echarle un ojo? - Dobleuv\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dobleuv.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/dobleuv.com\\\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/dobleuv.com\\\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/dobleuv.com\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/1-wordpress.png\",\"datePublished\":\"2022-11-02T12:31:00+00:00\",\"dateModified\":\"2023-02-27T13:07:34+00:00\",\"description\":\"Conoce nuestro art\u00edculo sobre la importancia del Atomic Design en el dise\u00f1o UI.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dobleuv.com\\\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dobleuv.com\\\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dobleuv.com\\\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\\\/#primaryimage\",\"url\":\"https:\\\/\\\/dobleuv.com\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/1-wordpress.png\",\"contentUrl\":\"https:\\\/\\\/dobleuv.com\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/1-wordpress.png\",\"width\":720,\"height\":576},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dobleuv.com\\\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/dobleuv.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfQu\u00e9 es el Atomic Design y por qu\u00e9 deber\u00edas echarle un ojo?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dobleuv.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/dobleuv.com\\\/en\\\/\",\"name\":\"Dobleuv\",\"description\":\"We desing the digital transformation of your brand so that you can attract new customers, position your brand and generate impact around the globe.\",\"publisher\":{\"@id\":\"https:\\\/\\\/dobleuv.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dobleuv.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dobleuv.com\\\/en\\\/#organization\",\"name\":\"Dobleuv\",\"url\":\"https:\\\/\\\/dobleuv.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dobleuv.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dobleuv.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Logo_dobleuv.svg\",\"contentUrl\":\"https:\\\/\\\/dobleuv.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Logo_dobleuv.svg\",\"width\":203.99699,\"height\":31,\"caption\":\"Dobleuv\"},\"image\":{\"@id\":\"https:\\\/\\\/dobleuv.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/dobleuv.com\\\/en\\\/#\\\/schema\\\/person\\\/57a5a0f41b1880132cb4bf78571ed158\",\"name\":\"Dobleuv\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/671ea33032895ec87811e7605a5294d5636be3dc8ef21d819c6c0375664da306?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/671ea33032895ec87811e7605a5294d5636be3dc8ef21d819c6c0375664da306?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/671ea33032895ec87811e7605a5294d5636be3dc8ef21d819c6c0375664da306?s=96&d=mm&r=g\",\"caption\":\"Dobleuv\"},\"url\":\"https:\\\/\\\/dobleuv.com\\\/en\\\/author\\\/doblueuvteam\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfQu\u00e9 es el Atomic Design y por qu\u00e9 deber\u00edas echarle un ojo? - Dobleuv","description":"Conoce nuestro art\u00edculo sobre la importancia del Atomic Design en el dise\u00f1o UI.","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:\/\/dobleuv.com\/en\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/","og_locale":"en_US","og_type":"article","og_title":"\u00bfQu\u00e9 es el Atomic Design y por qu\u00e9 deber\u00edas echarle un ojo? - Dobleuv","og_description":"Conoce nuestro art\u00edculo sobre la importancia del Atomic Design en el dise\u00f1o UI.","og_url":"https:\/\/dobleuv.com\/en\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/","og_site_name":"Dobleuv","article_published_time":"2022-11-02T12:31:00+00:00","article_modified_time":"2023-02-27T13:07:34+00:00","og_image":[{"width":720,"height":576,"url":"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/1-wordpress.png","type":"image\/png"}],"author":"Dobleuv","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dobleuv","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/dobleuv.com\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/#article","isPartOf":{"@id":"https:\/\/dobleuv.com\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/"},"author":{"name":"Dobleuv","@id":"https:\/\/dobleuv.com\/en\/#\/schema\/person\/57a5a0f41b1880132cb4bf78571ed158"},"headline":"\u00bfQu\u00e9 es el Atomic Design y por qu\u00e9 deber\u00edas echarle un ojo?","datePublished":"2022-11-02T12:31:00+00:00","dateModified":"2023-02-27T13:07:34+00:00","mainEntityOfPage":{"@id":"https:\/\/dobleuv.com\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/"},"wordCount":666,"commentCount":0,"publisher":{"@id":"https:\/\/dobleuv.com\/en\/#organization"},"image":{"@id":"https:\/\/dobleuv.com\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/#primaryimage"},"thumbnailUrl":"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/1-wordpress.png","articleSection":["Dise\u00f1o UX \/ UI"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/dobleuv.com\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/","url":"https:\/\/dobleuv.com\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/","name":"\u00bfQu\u00e9 es el Atomic Design y por qu\u00e9 deber\u00edas echarle un ojo? - Dobleuv","isPartOf":{"@id":"https:\/\/dobleuv.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dobleuv.com\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/#primaryimage"},"image":{"@id":"https:\/\/dobleuv.com\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/#primaryimage"},"thumbnailUrl":"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/1-wordpress.png","datePublished":"2022-11-02T12:31:00+00:00","dateModified":"2023-02-27T13:07:34+00:00","description":"Conoce nuestro art\u00edculo sobre la importancia del Atomic Design en el dise\u00f1o UI.","breadcrumb":{"@id":"https:\/\/dobleuv.com\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dobleuv.com\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dobleuv.com\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/#primaryimage","url":"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/1-wordpress.png","contentUrl":"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/11\/1-wordpress.png","width":720,"height":576},{"@type":"BreadcrumbList","@id":"https:\/\/dobleuv.com\/que-es-el-atomic-design-y-por-que-deberias-echarle-un-ojo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/dobleuv.com\/"},{"@type":"ListItem","position":2,"name":"\u00bfQu\u00e9 es el Atomic Design y por qu\u00e9 deber\u00edas echarle un ojo?"}]},{"@type":"WebSite","@id":"https:\/\/dobleuv.com\/en\/#website","url":"https:\/\/dobleuv.com\/en\/","name":"Dobleuv","description":"We desing the digital transformation of your brand so that you can attract new customers, position your brand and generate impact around the globe.","publisher":{"@id":"https:\/\/dobleuv.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dobleuv.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/dobleuv.com\/en\/#organization","name":"Dobleuv","url":"https:\/\/dobleuv.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dobleuv.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/02\/Logo_dobleuv.svg","contentUrl":"https:\/\/dobleuv.com\/wp-content\/uploads\/2022\/02\/Logo_dobleuv.svg","width":203.99699,"height":31,"caption":"Dobleuv"},"image":{"@id":"https:\/\/dobleuv.com\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/dobleuv.com\/en\/#\/schema\/person\/57a5a0f41b1880132cb4bf78571ed158","name":"Dobleuv","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/671ea33032895ec87811e7605a5294d5636be3dc8ef21d819c6c0375664da306?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/671ea33032895ec87811e7605a5294d5636be3dc8ef21d819c6c0375664da306?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/671ea33032895ec87811e7605a5294d5636be3dc8ef21d819c6c0375664da306?s=96&d=mm&r=g","caption":"Dobleuv"},"url":"https:\/\/dobleuv.com\/en\/author\/doblueuvteam\/"}]}},"_links":{"self":[{"href":"https:\/\/dobleuv.com\/en\/wp-json\/wp\/v2\/posts\/7732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dobleuv.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dobleuv.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dobleuv.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dobleuv.com\/en\/wp-json\/wp\/v2\/comments?post=7732"}],"version-history":[{"count":5,"href":"https:\/\/dobleuv.com\/en\/wp-json\/wp\/v2\/posts\/7732\/revisions"}],"predecessor-version":[{"id":14721,"href":"https:\/\/dobleuv.com\/en\/wp-json\/wp\/v2\/posts\/7732\/revisions\/14721"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dobleuv.com\/en\/wp-json\/wp\/v2\/media\/7733"}],"wp:attachment":[{"href":"https:\/\/dobleuv.com\/en\/wp-json\/wp\/v2\/media?parent=7732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dobleuv.com\/en\/wp-json\/wp\/v2\/categories?post=7732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dobleuv.com\/en\/wp-json\/wp\/v2\/tags?post=7732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}