{"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":"<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\">\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\">\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\">\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-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-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\">Design system escal\u00e1vel com elementos essenciais<\/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-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\">\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\">\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\">\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-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\">Ano<\/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-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 \u2013 Atual<\/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\">\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-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\">O que eu fiz<\/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\">\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-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-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-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>Vari\u00e1veis<\/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-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-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-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-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>Documenta\u00e7\u00e3o<\/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-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\">\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-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\">Sobre<\/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-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 \u00e9 um design system desenvolvido pela Studio Visual, criado para oferecer consist\u00eancia, escalabilidade e efici\u00eancia em projetos digitais.<\/p><p>Ele re\u00fane um conjunto abrangente de tokens de design, componentes e diretrizes que garantem harmonia visual, acessibilidade e usabilidade, permitindo que equipes construam interfaces intuitivas e esteticamente coesas com agilidade e precis\u00e3o.<\/p><p>Ao oferecer uma base unificada, o Base Theme apoia a cria\u00e7\u00e3o de produtos funcionais e visualmente envolventes, possibilitando que designers e desenvolvedores colaborem de forma integrada, preservando a identidade da marca e a qualidade da experi\u00eancia do usu\u00e1rio.<\/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-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\" action=\"\"><input type=\"password\" name=\"protection_passwordc9425ad\" class=\"theplus-pc-password\" placeholder=\"Digite a senha\"><input type=\"submit\" value=\"Enviar\" class=\"theplus-pc-submit\"><input type=\"hidden\" name=\"trp-form-language\" value=\"br\"\/><\/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-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>","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 v26.0 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\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}]}}