{"id":4607,"date":"2025-08-09T15:27:20","date_gmt":"2025-08-09T15:27:20","guid":{"rendered":"https:\/\/www.mihagrbac.com\/?page_id=4607"},"modified":"2025-10-15T12:59:03","modified_gmt":"2025-10-15T12:59:03","slug":"branding-system","status":"publish","type":"page","link":"https:\/\/www.mihagrbac.com\/?page_id=4607","title":{"rendered":"Branding system"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4607\" class=\"elementor elementor-4607\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3155ad7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3155ad7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b3e563c\" data-id=\"b3e563c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d39a747 elementor-widget__width-initial hide-pic elementor-widget elementor-widget-gridxdaworkdetailprojbreadcrumb\" data-id=\"d39a747\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojbreadcrumb.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start Workdetail Breadcrumb\n    ============================================= -->\n<!-- Breadcrumb -->\n<section class=\"breadcrumb-area\">\n    <div class=\"container\">\n        <div class=\"breadcrumb-content\" data-aos=\"fade-up\">\n            <p>Custom<\/p>\n            <h1 class=\"section-heading\">\t\t\t\t\n<img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/gridx\/wp-content\/themes\/gridx\/assets\/images\/star-2.png\" alt=\"Star\">\n\t\t\t\t\t\t\n Branding system\t\t\t\t\n<img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/gridx\/wp-content\/themes\/gridx\/assets\/images\/star-2.png\" alt=\"Star\">\n\t\t\t\t\t\t\n<\/h1>\n        <\/div>\n    <\/div>\n<\/section>\n\n<div class=\"project-details-img\" data-aos=\"zoom-in\">\n    <img decoding=\"async\" src=\"\" alt=\"Project Details\">\n<\/div>\n\n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ca03e51 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ca03e51\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f51115d box-one-column\" data-id=\"f51115d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d1c473f elementor-widget elementor-widget-gridxdaworkdetailprojinfo\" data-id=\"d1c473f\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojinfo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start WorkDetail\n    ============================================= -->\n\n<div data-aos=\"zoom-in\">\n    <div class=\"d-flex project-infos-wrap shadow-box mb-24\">\n        \t\t\t\t\n<img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/gridx\/wp-content\/themes\/gridx\/assets\/images\/bg1.png\" alt=\"BG\" class=\"bg-img\">\n\t\t\t\t\n        \t\n\t\t\t\t\n        <div class=\"project-details-info flex-1\">\n            <h3><\/h3>\n            <p>Branding example: <a href=\"https:\/\/my.chemius.net\/p\/fZsIy3\/en\/pd\/sl\" target=\"_blank\" rel=\"noopener\">here<\/a><\/p><ul><li data-start=\"662\" data-end=\"743\">Co-created and implemented an HTML and CSS variable system for custom branding.<\/li><li data-start=\"746\" data-end=\"831\">Enabled the creation of four custom branding templates within the product overview.<\/li><li data-start=\"834\" data-end=\"889\">Creating JSON-based header and footer configurations.<\/li><li data-start=\"892\" data-end=\"965\">Managed deployment processes via Postman for consistent system updates.<\/li><li>Rewrite the permalink view so the variable system works across the entire view.<\/li><li>Create JavaScript software for visual editing.<\/li><li>Created 30+ brandings using the system.<\/li><\/ul>        <\/div>\n\n        <div class=\"project-details-info flex-1\">\n            <h3><\/h3>\n                    <\/div>\n    <\/div>\n<\/div>\n\n         \n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-691c3f8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"691c3f8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2805a9f\" data-id=\"2805a9f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-45ee9da elementor-widget elementor-widget-gridxdaworkdetailprojimg\" data-id=\"45ee9da\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojimg.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start WorkDetail\n    ============================================= -->\n\n<div class=\"project-details-2-img mb-24\" data-aos=\"zoom-in\">\n        <img decoding=\"async\" src=\"https:\/\/www.mihagrbac.com\/wp-content\/uploads\/2025\/08\/pictures_branding.png\" alt=\"Project\">\n<\/div>\n\n    \n         \n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-05c9290 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"05c9290\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-75841af\" data-id=\"75841af\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6668302 elementor-widget elementor-widget-gridxdaworkdetailimg\" data-id=\"6668302\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailimg.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start WorkDetail\n    ============================================= -->\n\n\n\n <div class=\"row mb-24\">\n        <div class=\"col-md-6\" data-aos=\"zoom-in\">\n        <div class=\"project-details-3-img\">\n            <img decoding=\"async\" src=\"https:\/\/www.mihagrbac.com\/wp-content\/uploads\/2025\/08\/flow_branding.png\" alt=\"Project\">\n        <\/div>\n    <\/div>\n        <div class=\"col-md-6\" data-aos=\"zoom-in\">\n        <div class=\"project-details-3-img\">\n            <img decoding=\"async\" src=\"https:\/\/www.mihagrbac.com\/wp-content\/uploads\/2025\/08\/branding_software.png\" alt=\"Project\">\n        <\/div>\n    <\/div>\n    <\/div>\n\n\n\n         \n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-643c153 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"643c153\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1ff4997\" data-id=\"1ff4997\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c1e8035 elementor-widget elementor-widget-gridxdaworkdetailprojfooterbtn\" data-id=\"c1e8035\" data-element_type=\"widget\" data-widget_type=\"gridxdaworkdetailprojfooterbtn.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <!-- Start Nextproject\n    ============================================= -->\n    \n<div class=\"container d-flex align-items-center justify-content-center\" data-aos=\"zoom-in\">\n    <a href=\"https:\/\/www.mihagrbac.com\/?page_id=4336\" class=\"big-btn shadow-box\">\n\t\t        Next\t\t     <\/a>\n<\/div>\n\n\n  <script>\n    AOS.init({\n        duration: 1500,\n        once: true,\n\n    });<\/script>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Custom Branding system Branding example: here Co-created and implemented an HTML and CSS variable system for custom branding. Enabled the creation of four custom branding templates within the product overview. Creating JSON-based header and footer configurations. Managed deployment processes via Postman for consistent system updates. Rewrite the permalink view so the variable system works across [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/main-workdetail.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.mihagrbac.com\/index.php?rest_route=\/wp\/v2\/pages\/4607"}],"collection":[{"href":"https:\/\/www.mihagrbac.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mihagrbac.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mihagrbac.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mihagrbac.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4607"}],"version-history":[{"count":43,"href":"https:\/\/www.mihagrbac.com\/index.php?rest_route=\/wp\/v2\/pages\/4607\/revisions"}],"predecessor-version":[{"id":5017,"href":"https:\/\/www.mihagrbac.com\/index.php?rest_route=\/wp\/v2\/pages\/4607\/revisions\/5017"}],"wp:attachment":[{"href":"https:\/\/www.mihagrbac.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}