{"id":8422,"date":"2025-09-12T09:27:36","date_gmt":"2025-09-12T12:27:36","guid":{"rendered":"https:\/\/rehenrik.design\/?page_id=8422"},"modified":"2025-11-17T23:26:49","modified_gmt":"2025-11-18T02:26:49","slug":"base-theme","status":"publish","type":"page","link":"https:\/\/rehenrik.design\/br\/work\/base-theme","title":{"rendered":"Base Theme"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8422\" class=\"elementor elementor-8422\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ff0055 e-flex e-con-boxed e-con e-parent\" data-id=\"0ff0055\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0826cf9 e-flex e-con-boxed e-con e-child\" data-id=\"0826cf9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b525337 e-con-full e-flex e-con e-child\" data-id=\"b525337\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d945e0 elementor-laptop-align-center elementor-widget__width-initial elementor-mobile_extra-align-justify elementor-widget elementor-widget-button\" data-id=\"0d945e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/rehenrik.design\/br\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.70711 0.292893C9.09763 0.683417 9.09763 1.31658 8.70711 1.70711L3.41421 7L15 7C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H3.41421L8.70711 14.2929C9.09763 14.6834 9.09763 15.3166 8.70711 15.7071C8.31658 16.0976 7.68342 16.0976 7.29289 15.7071L0.292893 8.70711C-0.0976311 8.31658 -0.0976311 7.68342 0.292893 7.29289L7.29289 0.292893C7.68342 -0.0976311 8.31658 -0.0976311 8.70711 0.292893Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7c7af6 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"d7c7af6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Scalable design system with core elements<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6dd16bf e-con-full box-innershadow e-flex e-con e-child\" data-id=\"6dd16bf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation_mobile_extra&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-0a591ed e-con-full e-flex e-con e-child\" data-id=\"0a591ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2007f5d e-con-full e-flex e-con e-child\" data-id=\"2007f5d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7ecafd2 e-con-full e-flex e-con e-child\" data-id=\"7ecafd2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3095e0c elementor-widget elementor-widget-heading\" data-id=\"3095e0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Year<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fbee67 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"9fbee67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>2023 &#8211; Present<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e174239 e-con-full e-flex e-con e-child\" data-id=\"e174239\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bae82f elementor-widget elementor-widget-heading\" data-id=\"0bae82f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What I did<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34307de e-con-full e-flex e-con e-child\" data-id=\"34307de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c54b2b0 elementor-widget elementor-widget-text-editor\" data-id=\"c54b2b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Design System<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aee6cc2 elementor-widget elementor-widget-text-editor\" data-id=\"aee6cc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Colors Tokens<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7a58e3 elementor-widget elementor-widget-text-editor\" data-id=\"c7a58e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Variables<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1dcf392 elementor-widget elementor-widget-text-editor\" data-id=\"1dcf392\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Atomic Design<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6de41f7 elementor-widget elementor-widget-text-editor\" data-id=\"6de41f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Foundations<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2e2221 elementor-widget elementor-widget-text-editor\" data-id=\"a2e2221\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Dark Mode<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abd2e60 elementor-widget elementor-widget-text-editor\" data-id=\"abd2e60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Documentation<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af3c8d1 elementor-widget elementor-widget-image\" data-id=\"af3c8d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;motion_fx_tilt_effect&quot;:&quot;yes&quot;,&quot;motion_fx_tilt_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"920\" src=\"https:\/\/rehenrik.design\/wp-content\/uploads\/2025\/09\/base-theme-thumb-c.webp\" class=\"attachment-large size-large wp-image-8613\" alt=\"\" srcset=\"https:\/\/rehenrik.design\/wp-content\/uploads\/2025\/09\/base-theme-thumb-c.webp 1200w, https:\/\/rehenrik.design\/wp-content\/uploads\/2025\/09\/base-theme-thumb-c-300x230.webp 300w, https:\/\/rehenrik.design\/wp-content\/uploads\/2025\/09\/base-theme-thumb-c-16x12.webp 16w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b79f11 e-con-full e-flex e-con e-child\" data-id=\"8b79f11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98560bd elementor-widget elementor-widget-heading\" data-id=\"98560bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Overview<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1836397 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"1836397\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Base Theme is a design system developed by Studio Visual, created to provide consistency, scalability, and efficiency across digital projects.<\/p><p>The system includes a comprehensive set of design tokens, components, and guidelines that ensure visual harmony, accessibility, and usability, allowing teams to build intuitive and aesthetically cohesive interfaces with speed and precision.<\/p><p>By offering a unified foundation, Base Theme supports the creation of products that are both functional and visually engaging, enabling designers and developers to collaborate seamlessly while maintaining brand identity and user experience quality.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9425ad elementor-widget__width-inherit elementor-widget elementor-widget-tp-protected-content\" data-id=\"c9425ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tp-protected-content.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"plus_pc_wrapper\"><div class=\"plus_pc_inner_wrap text-center aligncenter \">\t\t<div class=\"theplus-pc-message \">\n\t\t\t\t\t\t\t\t<div class=\"theplus-pc-message-text\">You do not have permission to see this content.<\/div>\n\t\t\t\t\t\t\t<\/div>  \n\t\t<div class=\"theplus-password-pc-fields\"><form class=\"theplus-pc-form\" method=\"post\"><input type=\"password\" name=\"protection_passwordc9425ad\" class=\"theplus-pc-password\" placeholder=\"Enter Password\"><input type=\"submit\" value=\"Submit\" class=\"theplus-pc-submit\"><\/form><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-151c009 elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"151c009\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  \/\/ 1) Garante um ID para cada wrapper\n  document.querySelectorAll('.plus_pc_wrapper').forEach((wrap, i) => {\n    if (!wrap.id) wrap.id = 'pcw-' + (i + 1);\n  });\n\n  \/\/ 2) Marca o wrapper no envio (submit\/click)\n  function markTarget(el){\n    const wrap = el?.closest('.plus_pc_wrapper');\n    if (!wrap) return;\n    try { sessionStorage.setItem('tp_pc_scroll_to', '#' + wrap.id); } catch(e){}\n  }\n  document.addEventListener('submit', e => markTarget(e.target), true);\n  document.addEventListener('click', e => {\n    const btn = e.target.closest('button[type=\"submit\"],input[type=\"submit\"]');\n    if (btn) markTarget(btn);\n  }, true);\n\n  \/\/ 3) Scroll suave do topo at\u00e9 o centro do alvo\n  function scrollToCenter(targetEl, duration = 1200) {\n    const startY = 0; \/\/ sempre iniciar do topo\n    const rect = targetEl.getBoundingClientRect();\n    const currentScroll = window.scrollY || window.pageYOffset;\n    const pageHeight = Math.max(\n      document.body.scrollHeight, document.documentElement.scrollHeight,\n      document.body.offsetHeight, document.documentElement.offsetHeight,\n      document.body.clientHeight, document.documentElement.clientHeight\n    );\n    const viewport = window.innerHeight;\n\n    \/\/ Posi\u00e7\u00e3o desejada = centro do alvo alinhado ao centro da viewport\n    const targetCenterY = currentScroll + rect.top + (rect.height \/ 2);\n    let endY = targetCenterY - (viewport \/ 2);\n\n    \/\/ Limites (evita passar do topo\/fim da p\u00e1gina)\n    endY = Math.max(0, Math.min(endY, pageHeight - viewport));\n\n    const distance = endY - startY;\n    const startTime = performance.now();\n\n    \/\/ Easing suave\n    const easeInOutQuad = t => (t < 0.5) ? (2*t*t) : (-1 + (4 - 2*t)*t);\n\n    \/\/ Cancela se usu\u00e1rio rolar manualmente\n    let cancelled = false;\n    const cancel = () => { cancelled = true; removeCancelListeners(); };\n    const removeCancelListeners = () => {\n      window.removeEventListener('wheel', cancel, { passive: true });\n      window.removeEventListener('touchstart', cancel, { passive: true });\n      window.removeEventListener('keydown', cancel, { passive: true });\n    };\n    window.addEventListener('wheel', cancel, { passive: true });\n    window.addEventListener('touchstart', cancel, { passive: true });\n    window.addEventListener('keydown', cancel, { passive: true });\n\n    function step(now){\n      if (cancelled) return;\n      const t = Math.min(1, (now - startTime) \/ duration);\n      const y = startY + distance * easeInOutQuad(t);\n      window.scrollTo(0, y);\n      if (t < 1) requestAnimationFrame(step);\n      else removeCancelListeners();\n    }\n    requestAnimationFrame(step);\n  }\n\n  \/\/ 4) Ao carregar, executa o scroll\n  const target = sessionStorage.getItem('tp_pc_scroll_to');\n  if (target) {\n    const el = document.querySelector(target);\n    if (el) {\n      if ('scrollRestoration' in history) history.scrollRestoration = 'manual';\n      requestAnimationFrame(() => {\n        scrollToCenter(el, 1200); \/\/ ~1.2s (mais r\u00e1pido e fluido)\n        try { sessionStorage.removeItem('tp_pc_scroll_to'); } catch(e){}\n      });\n    }\n  }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Scalable design system with core elements Year 2023 &#8211; Present What I did Design System Colors Tokens Variables Atomic Design Foundations Dark Mode Documentation Overview Base Theme is a design system developed by Studio Visual, created to provide consistency, scalability, and efficiency across digital projects. The system includes a comprehensive set of design tokens, components, <a href=\"https:\/\/rehenrik.design\/br\/work\/base-theme\" class=\"more-link\">&#8230;<span class=\"screen-reader-text\">  Base Theme<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":2790,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8422","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.6.1 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Base Theme - rehenrik<\/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:\/\/rehenrik.design\/br\/work\/base-theme\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Base Theme - rehenrik\" \/>\n<meta property=\"og:description\" content=\"Scalable design system with core elements Year 2023 &#8211; Present What I did Design System Colors Tokens Variables Atomic Design Foundations Dark Mode Documentation Overview Base Theme is a design system developed by Studio Visual, created to provide consistency, scalability, and efficiency across digital projects. The system includes a comprehensive set of design tokens, components, ... Base Theme\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rehenrik.design\/br\/work\/base-theme\/\" \/>\n<meta property=\"og:site_name\" content=\"rehenrik\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-18T02:26:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rehenrik.design\/wp-content\/uploads\/2025\/09\/base-theme-thumb-c.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"920\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rehenrik.design\/work\/base-theme\",\"url\":\"https:\/\/rehenrik.design\/work\/base-theme\",\"name\":\"Base Theme - rehenrik\",\"isPartOf\":{\"@id\":\"https:\/\/rehenrik.design\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/rehenrik.design\/work\/base-theme#primaryimage\"},\"image\":{\"@id\":\"https:\/\/rehenrik.design\/work\/base-theme#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rehenrik.design\/wp-content\/uploads\/2025\/09\/base-theme-thumb-c.webp\",\"datePublished\":\"2025-09-12T12:27:36+00:00\",\"dateModified\":\"2025-11-18T02:26:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/rehenrik.design\/work\/base-theme#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rehenrik.design\/work\/base-theme\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/rehenrik.design\/work\/base-theme#primaryimage\",\"url\":\"https:\/\/rehenrik.design\/wp-content\/uploads\/2025\/09\/base-theme-thumb-c.webp\",\"contentUrl\":\"https:\/\/rehenrik.design\/wp-content\/uploads\/2025\/09\/base-theme-thumb-c.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rehenrik.design\/work\/base-theme#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rehenrik.design\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Work\",\"item\":\"https:\/\/rehenrik.design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Base Theme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rehenrik.design\/#website\",\"url\":\"https:\/\/rehenrik.design\/\",\"name\":\"rehenrik\",\"description\":\"Product Designer\",\"publisher\":{\"@id\":\"https:\/\/rehenrik.design\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rehenrik.design\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/rehenrik.design\/#organization\",\"name\":\"rehenrik\",\"url\":\"https:\/\/rehenrik.design\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/rehenrik.design\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/rehenrik.design\/wp-content\/uploads\/2023\/07\/logo.png\",\"contentUrl\":\"https:\/\/rehenrik.design\/wp-content\/uploads\/2023\/07\/logo.png\",\"width\":512,\"height\":512,\"caption\":\"rehenrik\"},\"image\":{\"@id\":\"https:\/\/rehenrik.design\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Base Theme - rehenrik","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:\/\/rehenrik.design\/br\/work\/base-theme\/","og_locale":"pt_BR","og_type":"article","og_title":"Base Theme - rehenrik","og_description":"Scalable design system with core elements Year 2023 &#8211; Present What I did Design System Colors Tokens Variables Atomic Design Foundations Dark Mode Documentation Overview Base Theme is a design system developed by Studio Visual, created to provide consistency, scalability, and efficiency across digital projects. The system includes a comprehensive set of design tokens, components, ... Base Theme","og_url":"https:\/\/rehenrik.design\/br\/work\/base-theme\/","og_site_name":"rehenrik","article_modified_time":"2025-11-18T02:26:49+00:00","og_image":[{"width":1200,"height":920,"url":"https:\/\/rehenrik.design\/wp-content\/uploads\/2025\/09\/base-theme-thumb-c.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rehenrik.design\/work\/base-theme","url":"https:\/\/rehenrik.design\/work\/base-theme","name":"Base Theme - rehenrik","isPartOf":{"@id":"https:\/\/rehenrik.design\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rehenrik.design\/work\/base-theme#primaryimage"},"image":{"@id":"https:\/\/rehenrik.design\/work\/base-theme#primaryimage"},"thumbnailUrl":"https:\/\/rehenrik.design\/wp-content\/uploads\/2025\/09\/base-theme-thumb-c.webp","datePublished":"2025-09-12T12:27:36+00:00","dateModified":"2025-11-18T02:26:49+00:00","breadcrumb":{"@id":"https:\/\/rehenrik.design\/work\/base-theme#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rehenrik.design\/work\/base-theme"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/rehenrik.design\/work\/base-theme#primaryimage","url":"https:\/\/rehenrik.design\/wp-content\/uploads\/2025\/09\/base-theme-thumb-c.webp","contentUrl":"https:\/\/rehenrik.design\/wp-content\/uploads\/2025\/09\/base-theme-thumb-c.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/rehenrik.design\/work\/base-theme#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rehenrik.design\/"},{"@type":"ListItem","position":2,"name":"Work","item":"https:\/\/rehenrik.design\/"},{"@type":"ListItem","position":3,"name":"Base Theme"}]},{"@type":"WebSite","@id":"https:\/\/rehenrik.design\/#website","url":"https:\/\/rehenrik.design\/","name":"rehenrik","description":"Product Designer","publisher":{"@id":"https:\/\/rehenrik.design\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rehenrik.design\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/rehenrik.design\/#organization","name":"rehenrik","url":"https:\/\/rehenrik.design\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/rehenrik.design\/#\/schema\/logo\/image\/","url":"https:\/\/rehenrik.design\/wp-content\/uploads\/2023\/07\/logo.png","contentUrl":"https:\/\/rehenrik.design\/wp-content\/uploads\/2023\/07\/logo.png","width":512,"height":512,"caption":"rehenrik"},"image":{"@id":"https:\/\/rehenrik.design\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/rehenrik.design\/br\/wp-json\/wp\/v2\/pages\/8422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rehenrik.design\/br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rehenrik.design\/br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rehenrik.design\/br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rehenrik.design\/br\/wp-json\/wp\/v2\/comments?post=8422"}],"version-history":[{"count":43,"href":"https:\/\/rehenrik.design\/br\/wp-json\/wp\/v2\/pages\/8422\/revisions"}],"predecessor-version":[{"id":9335,"href":"https:\/\/rehenrik.design\/br\/wp-json\/wp\/v2\/pages\/8422\/revisions\/9335"}],"up":[{"embeddable":true,"href":"https:\/\/rehenrik.design\/br\/wp-json\/wp\/v2\/pages\/2790"}],"wp:attachment":[{"href":"https:\/\/rehenrik.design\/br\/wp-json\/wp\/v2\/media?parent=8422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}