{"id":33239,"date":"2026-03-27T07:51:57","date_gmt":"2026-03-27T07:51:57","guid":{"rendered":"https:\/\/www.hashmicro.com\/ph\/blog\/?p=33239"},"modified":"2026-03-27T07:52:16","modified_gmt":"2026-03-27T07:52:16","slug":"basic-salary-vs-gross-salary","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/","title":{"rendered":"Basic Salary vs Gross Salary: Key Differences, Benefits, and Formula"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Employee compensation is a highly complicated process for both human resources professionals and employees alike. Understanding the precise distinctions between various pay components is a fundamental aspect of financial literacy and <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/best-competency-management-systems\/\">strategic workforce management<\/a>. At the heart of this financial ecosystem lies a common point of confusion that has sparked countless questions: the critical distinction between different tiers of compensation.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Many see an employment contract as having a straightforward monetary exchange for services rendered. However, in reality, they pay by balancing competitiveness, fairness, and compliance. By clearly explaining the difference between basic salary and gross salary, organizations can increase transparency, strengthen psychological contracts with their workforce, and ensure accurate, fair, and legally compliant payroll.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tTable of Contents\r\n\t<\/p>\r\n\t<ul id=\"list_toc\" class='list_toc'><\/ul>\r\n<\/div>\r\n\r\n<div id=\"placeholder-toc\"><\/div>\r\n<div id=\"toc\">\r\n    <div class=\"header\">\r\n\t<span class=\"toc-title\" id=\"toc-title\">Content Lists<\/span>\t\r\n\t <i class=\"toc-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"header-icon\">\r\n          <path d=\"m6 9 6 6 6-6\" \/>\r\n        <\/svg>\r\n      <\/i>\r\n\t<\/div>\r\n    <div class=\"list\">\r\n      <ul id=\"toc-list\"><\/ul>\r\n    <\/div>\r\n <\/div>\r\n\r\n<style>\r\n\/* Simple styling for the TOC *\/\r\n\t\r\n\t#toc ul li:last-child {\r\n    padding-bottom: 16px; \/* Adjust the value as needed *\/\r\n}\r\n\r\n.td-fix-index {\r\n\t transform: unset !important;\r\n     -webkit-transform: unset !important; \r\n}\r\n.footer-contact .td-fix-index {\r\n\t transform: translateZ(0) !important;\r\n     -webkit-transform: translateZ(0) !important; \r\n}\r\n\t.tdb_single_content .tdb-block-inner.td-fix-index{\r\n\t\tposition: static;\r\n\t}\r\n\t\r\n\r\n\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 20px 24px !important;\r\n  margin-bottom: 20px;\r\n\/*   border: 1px solid #9C171E; *\/\r\n  border-radius: 6px;\r\n\tdisplay: none;\r\n  max-width: 100%;\r\n  transition: .4s ease height;\r\n\tmargin-left: 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n#toc .header{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\tbackground-color: transparent;\r\n}\r\n\t\r\n\t#toc.sticky .header{\r\n\t\tpadding: 4px 0;\r\n\t}\r\n\t\r\n.header p{\r\n  font-size: 18px !important;\r\n  font-weight: 600 !important;\r\n  color: #393939;\r\n   margin-bottom: 0;\r\n  \/* margin-top: 20px; *\/\r\n}\r\n\r\n.toc-icon{\r\n  float: right;\r\n\/*   visibility: hidden; *\/\r\n}\r\n\r\n\t.toc-title{\r\n\t\tmargin-right: auto;\r\n\/* \t\tpadding-left: 20px; *\/\r\n\t\tfont-weight: 600;\r\n\t\talign-self: center;\t}\t\r\n\r\n#toc ul {\r\n  list-style-type: none;\r\n  padding-left: 0;\r\n  padding-top: 20px;\r\n  margin-top: 0px;\r\n}\r\n\t\r\n#toc.sticky ul{\r\n\toverflow-y: auto;\r\n\tmax-height: 250px;\r\n\tmargin-top: 0px;\r\n\tpadding-top: 20px;\r\n\/* \tborder-top: 1px solid #d3d3d3; *\/\r\n}\r\n\t\r\n#toc ul li {\r\n\/*   margin-bottom: 10px; *\/\r\n  margin-bottom: 10px;\r\n\tmargin-left: 0;\r\n\ttransition: .2s ease;\r\n\tcursor: pointer;\r\n}\r\n\t\r\n\t#toc.sticky ul li {\r\n\t  margin-right: 10px;\r\n\t}\r\n\t\r\n.td-post-content #toc-list li a:hover, .td-post-content #toc-list a.active{\r\n\tbackground-color: #FFF;\r\n\/* \tpadding: 8px 16px 8px 16px; *\/\r\n\tpadding: 4px 16px 4px 16px;\r\n\tborder-radius: 6px;\r\n\tcolor: #9c171e !important;\r\n\tfont-weight: 600 !important;\r\n}\r\n\t\r\n\t.td-post-content #toc-list li:hover a, .td-post-content #toc-list a.active{\r\n\t\tcolor: #9C171E !important;\r\n\t\tfont-weight: 600 !important;\r\n\t}\r\n\t\r\n.td-post-content #toc-list a.active{\r\n\tfont-weight: bold !important;\r\n\tcolor: #9C171E !important;\r\n}\r\n\t\r\n#toc a, .td-post-content #toc-list a {\r\n  text-decoration: none;\r\n  color: #ea1717 !important;\r\n  transition: .2s ease;\r\n\tfont-weight: 400 !important;\r\n\tdisplay: block;\r\n\t\r\n\tpadding: 4px 16px 4px 0;\r\n}\r\n\r\n#toc.sticky {\r\n  position: fixed;\r\n\/*   top: 73px; *\/\r\n\tbottom: 0;\r\n  z-index: 100; \r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1); \r\n\twidth: 100%; \r\n\tbackground-color: #FFF;\r\n\/* \tbackground-color: #FFF1F1; *\/\r\n\tborder-bottom: 1px solid #ea1717;\r\n\/*   border: 1px solid #393939; *\/\r\n  box-shadow: 0px 0px 14px 0px #00000040;\r\n  cursor: pointer;\r\n\tanimation: fadein .3s ease;\r\n\tpadding: 12px 16px !important;\r\n}\r\n\t\r\n\t.fadein{\r\n\t\tanimation: fadein .3s ease;\r\n\t}\r\n\t\r\n\t.fadeout{\r\n\t\tanimation: fadeout .3s ease;\r\n\t}\r\n\t\r\n\t\r\n\t@keyframes fadein{\r\n\t\t0% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@keyframes fadeout{\r\n\t\t0% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n#toc.sticky .header p{\r\n\tmargin-bottom: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n#toc.sticky .toc-icon{\r\n  visibility: visible;\r\n\/* \ttransition: 0.4s ease; *\/\r\n}\r\n\t\r\n\t.toc-icon{\r\n\t\talign-items: center;\r\n    \tdisplay: flex;\r\n\t}\r\n\t\r\n\tsvg.header-icon{\r\n\/* \t\tbackground-color: #9c171e; *\/\r\n\t\tbackground-color: #FFF;\r\n\t\tborder-radius: 30px;\r\n\t\tpadding: 5px;\r\n\t}\r\n\r\n#toc.sticky .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\t\r\n\t#toc .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\r\n#toc .header.active .toc-icon{\r\n\ttransform: rotate(0deg); \r\n\topacity: 1;\r\n}\r\n\r\n\t#toc .header.active + .list {\r\n\t  max-height: 200px; \/* Adjust this value as needed *\/\r\n\t  opacity: 1;\r\n\t}\r\n\t\r\n\t#placeholder-toc{\r\n\/* \t\tdisplay: none; *\/\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) and (max-width: 991px){\r\n\t\t#toc.sticky{\r\n\/* \t\t\ttop: 104px; *\/\r\n\t\t\tbottom: 0px;\r\n\t\t}\r\n\t\t\r\n\t\t#toc{\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 767px){\r\n\t\t#toc{\r\n\t\t\twidth: 100% !important;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\t\r\n\t\t#toc.sticky{\r\n\t\t\twidth: 84% !important;\r\n\/* \t\t\ttop: 81px; *\/\r\n\t\t\tbottom: 60px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tpadding: 0 16px;\r\n\/* \t\t\tright: 5%; *\/\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n<style>\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc > li > ul {padding-left: 20px;margin-bottom: 0;}\r\n\t#list_toc{height:max-content;transition:ease-in-out}\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc_float li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_float li a {padding:3px 7px}\r\n\t#list_toc_float li a {\r\n\t\tdisplay: block;\r\n\t\tcolor:#000;\r\n\t\tmargin-bottom: 10px;\r\n\t\ttransition:all 0.2s ease-in-out;\r\n\t\tfont-size:15px\r\n\t}\r\n\t#list_toc_float li{list-style:none;list-style-position:inside; margin-left:0;}\r\n\t#list_toc_float a:hover{color:#b1252d;}\r\n\t\r\n\t#list_toc_float li a{margin-bottom:0px}\r\n\t#toc_group_float{\r\n\t\tline-height: 24px;\r\n\t\tmax-height: calc(100vh - 100px);\r\n\t\toverflow: auto;\r\n\t\tz-index: 99;\r\n\t\tdisplay:none!important;\r\n\t\tbackground:#fff;\r\n\t\ttransition:all 0.5s linear\r\n\t}\r\n\t\r\n\t@media (min-width:1019px){\r\n\t\t#toc_group_float {\r\n\t\t\tdisplay:block!important;\r\n\t\t\t}\r\n\t\t\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:768px){\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t \/* custom scrollbar style *\/\r\n::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n::-webkit-scrollbar-track {\r\n    background: #d7a2a4;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n    background: #b1252d;\r\n    border-radius: 15px;\r\n}\t\t\r\n\r\n<\/style>\r\n\r\n<script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n\t\t\/\/ Function to handle click on all <a> elements with href starting with #\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst targetId = this.getAttribute('href').substring(1);\r\n\t\t\tconst targetElement = document.getElementById(targetId);\r\n\r\n\t\t\tif (targetElement) {\r\n\t\t\t\tconst headerHeight = document.querySelector('#toc .header').offsetHeight;\r\n\t\t\t\tconst navbarHeight = document.getElementById('tdi_34') ? document.getElementById('tdi_34').offsetHeight : 0;\r\n\t\t\t\tconst windowHeight = window.innerHeight;\r\n\t\t\t\tconst targetOffset = targetElement.offsetTop;\r\n\t\t\t\tconst scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight) - navbarHeight - 40;\r\n\r\n\t\t\t\twindow.scrollTo({\r\n\t\t\t\t\ttop: scrollTo,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Add event listener for all <a> elements in toc-list and list-toc\r\n\t\tconst titleLinks = document.querySelectorAll('#toc-list a, #list_toc a');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t});\r\n<\/script>\r\n\r\n<!-- ToC List for mobile -->\r\n<script>\r\n \/\/ Generate TOC based on headings\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ Get the element that will contain the TOC\r\n  const tocList = document.getElementById('toc-list');\r\n\r\n  \/\/ Get the element with class 'td-post-content'\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  \/\/ Find all h2 elements within the article\r\n  const headers = article.getElementsByTagName('h2');\r\n\r\n  \/\/ Loop through the h2 elements and create a list item for each one\r\n  for (let i = 0; i < headers.length; i++) {\r\n    const header = headers[i];\r\n    const headerText = header.textContent;\r\n\/\/     const headerId = 'header-' + i;\r\n    const headerId = headerText\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n    .replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n    \/\/ Set an ID for the header if it doesn't have one\r\n    header.setAttribute('id', headerId);\r\n\r\n    \/\/ Create a list item for the TOC\r\n    const listItem = document.createElement('li');\r\n\r\n    \/\/ Create a link for the list item\r\n    const link = document.createElement('a');\r\n    link.setAttribute('href', '#' + headerId);\r\n    link.textContent = headerText;\r\n\r\n    \/\/ Append the link to the list item\r\n    listItem.appendChild(link);\r\n\r\n    \/\/ Append the list item to the TOC list\r\n    tocList.appendChild(listItem);\r\n  }\r\n});\r\n\r\n\/\/ Keep height and placement of content using placeholder in place of TOC\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const placeholderToc = document.querySelector('#placeholder-toc');\r\n\r\n  function setPlaceholderHeight() {\r\n    placeholderToc.style.height = `${toc.offsetHeight}px`;\r\n  }\r\n\r\n  \/\/ Set the initial height of the placeholder\r\n  setPlaceholderHeight();\r\n\r\n  \/\/ Update the height on window resize\r\n  window.addEventListener('resize', setPlaceholderHeight);\r\n});\r\n  const tocTitle = document.querySelector('#toc-title');\r\n\r\n\/\/ Sticky TOC and update heading\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const footer = document.querySelector('.td-footer-template-wrap');\r\n  const tocParent = toc.parentElement;\r\n  const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n  const tocHeight = toc.offsetHeight;\r\n  const triggerPoint = divTop + tocHeight + 700;\r\n  const footerHeight = footer.offsetHeight;\r\n  const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight - footerHeight - footerHeight;\r\n  const phtoc = document.querySelector('#placeholder-toc');\r\n  const headers = document.querySelectorAll('.td-post-content h2');\r\n  const navLinks = document.querySelectorAll('#toc-list a');\r\n\t\r\n\tconst panel2 = document.querySelector(\"#toc .list\");\r\n\tvar icon = document.querySelector(\".toc-icon\");\r\n\r\n  let activeLink = null; \/\/ Declare activeLink outside the loop\r\n\t\r\n  \/\/ Function to handle scroll and add\/remove .sticky class\r\n  function handleScroll() {\r\n    const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    let currentHeader = '';\r\n\r\n    \/\/ Highlight user progress as the heading comes\r\n    headers.forEach(header => {\r\n\t\tconst headerTop = header.offsetTop;\r\n\t\tconst headerHeight = header.clientHeight;\r\n\t\tif(window.innerWidth < 767){\r\n\t\t\ttocTitle.textContent = 'Table of Contents'; \/\/ Selalu pertahankan judul ini di mobile\r\n\t\t} else {\r\n\t\t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\t\t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\t\t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\t\t\t\ttocTitle.textContent = currentHeaderText;\r\n\t\t\t\tcurrentHeader = currentHeaderId;\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\n    navLinks.forEach(link => {\r\n      link.classList.remove('active');\r\n      if(currentHeader != '') {\r\n\t\t  if (link.getAttribute('href').includes(currentHeader)) {\r\n\t\t\t  link.classList.add('active');\r\n\t\t  }\r\n\t  }\r\n    });\r\n\r\n    \/\/ Update TOC title if sticky\r\n    if (windowTop > triggerPoint) {\r\n      if (!toc.classList.contains('sticky')) {\r\n        phtoc.style.display = \"block\";\r\n        toc.classList.add('sticky');\r\n        toc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n        toc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n        toc.style.backgroundColor = \"#FFF\";\r\n\t\tpanel2.style.height = '0px';\r\n\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\t\t  if(window.innerWidth < 767){\r\n\t\t\t  tocTitle.textContent = 'Table of Contents'; \/\/ Reset title\r\n       \t\t  toc.style.width = '150px'; \/\/ Set width to match the parent element\r\n\t\t  }\r\n      }\r\n      if (currentHeader) {\r\n        tocTitle.textContent = activeLink ? activeLink.textContent : \"\"; \/\/ Update title only if activeLink exists\r\n      }\r\n    } else {\r\n      toc.classList.remove('sticky');\r\n      phtoc.style.display = \"none\";\r\n      toc.style.width = 'unset'; \/\/ Reset to original width\r\n      toc.style.backgroundColor = \"#FFF\";\r\n      tocTitle.textContent = 'Table of Contents'; \/\/ Reset title\r\n\t\tpanel2.style.height = panel2.scrollHeight + \"px\";\r\n\t\ticon.style.transform = \"rotate(180deg)\";\r\n    }\r\n  }\r\n\r\n    \/\/ Attach the scroll event listener to the window\r\n    window.addEventListener('scroll', handleScroll);\r\n\r\n    \/\/ Initial call to handleScroll to set the correct state on load\r\n    handleScroll();\r\n});\r\n\t\r\n\t\/\/ Open toggle TOC\r\n\t  document.addEventListener(\"DOMContentLoaded\", function() {\r\n\t\tvar tocHeader = document.querySelector(\"#toc .header\");\r\n\t\tvar toc = document.querySelector(\"#toc\");\r\n\t\tvar icon = document.querySelector(\".toc-icon\");\r\n\t\tconst tocTitle = document.querySelector('#toc-title');\r\n\t\tconst tocs = document.querySelector('#toc.sticky');\r\n \t\tconst tocParent = toc.parentElement;\t\t  \r\n\r\n\t\t  tocHeader.addEventListener(\"click\", function() {\r\n\t\t\tvar panel = this.nextElementSibling;\r\n\t\t\tif (panel.style.height !== '0px') { \/\/ Check if height is not 0px\r\n\t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\t\t\t\tif(window.innerWidth > 768){\r\n\t\t\t\t\tif(!toc.classList.contains('sticky')){\r\n\t\t\t\t\t\ttoc.style.width = \"unset\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (toc.classList.contains('sticky')){\r\n\t\t\t\t\t\ttoc.style.width = '${tocParent.offsetWidth}px';\r\n\t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif(window.innerWidth < 767){\r\n\t\t\t\t\ttoc.style.width = \"unset\"; \/\/ Reset width\r\n\t\t\t\t}\r\n\t\t\t\ttoc.style.backgroundColor = \"#FFF1F1\";\r\n\t\t\t} else {\r\n\t\t\t  panel.style.height = panel.scrollHeight + \"px\";\r\n\t\t\t  icon.style.transform = \"rotate(0deg)\";\r\n\t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\t\t\t  tocTitle.textContent = 'Table of Contents'; \/\/ Reset title\r\n\t\t\t\ttoc.style.paddingBottom = '24px';\r\n\t\t\t \tif(window.innerWidth < 767){\r\n\t\t\t\t\ttoc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t  });\r\n\r\n\t\t  \/\/ Close TOC when a link inside it is clicked\r\n\t\t  var tocLinks = document.querySelectorAll(\"#toc .list a\");\r\n\t\t  tocLinks.forEach(function(link) {\r\n\t\t\tlink.addEventListener(\"click\", function() {\r\n\t\t\t  var panel = document.querySelector(\"#toc .list\");\r\n\t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\t\t\t});\r\n\t\t  });\r\n\t\t});\r\n\t\r\n\/\/ \tmake the heading at the center of the viewport\r\n\/\/ \tdocument.addEventListener('DOMContentLoaded', function() {\r\n\/\/     \/\/ Add click event listener to all links in the TOC list\r\n\/\/     document.querySelectorAll('#toc-list a').forEach(anchor => {\r\n\/\/         anchor.addEventListener('click', function (e) {\r\n\/\/             e.preventDefault(); \/\/ Prevent the default behavior of jumping to the anchor\r\n\/\/             const targetId = this.getAttribute('href').substring(1); \/\/ Get the ID of the target element\r\n\/\/             const targetElement = document.getElementById(targetId); \/\/ Get the target element\r\n\r\n\/\/             if (targetElement) {\r\n\/\/                 const headerHeight = document.querySelector('#toc .header').offsetHeight; \/\/ Get the height of the fixed header\r\n\/\/                 const windowHeight = window.innerHeight; \/\/ Get the height of the viewport\r\n\/\/                 const targetOffset = targetElement.offsetTop; \/\/ Get the top offset of the target element\r\n\/\/                 const scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight); \/\/ Calculate the scroll position to center the target element\r\n\r\n\/\/                 \/\/ Scroll to the calculated position smoothly\r\n\/\/                 window.scrollTo({\r\n\/\/                     top: scrollTo,\r\n\/\/                     behavior: 'smooth'\r\n\/\/                 });\r\n\/\/             }\r\n\/\/         });\r\n\/\/     });\r\n\/\/ });\r\n<\/script>\r\n\r\n<script>\r\n    \/\/ Scrollspy function to highlight the active TOC item based on the scroll position\r\n  function scrollSpy(tocClass) {\r\n    const scrollPosition = window.scrollY;\r\n\r\n    \/\/ Find the active h2 and h3 headings based on their position in the corresponding TOC\r\n    let activeH2 = null;\r\n    let activeH3 = null;\r\n\r\n    const tocItems = document.querySelectorAll(`.${tocClass} li`);\r\n    tocItems.forEach(item => {\r\n      const a = item.querySelector('a');\r\n      if (!a) return;\r\n      const href = a.getAttribute('href');\r\n      const targetId = href.substring(1); \/\/ Remove the '#' from the href to get the target ID\r\n      const targetElement = document.getElementById(targetId);\r\n      if (!targetElement) return;\r\n\r\n      const targetTop = targetElement.getBoundingClientRect().top + scrollPosition;\r\n      const nextItem = item.nextElementSibling;\r\n      const nextTop = nextItem ? nextItem.getBoundingClientRect().top + scrollPosition : Infinity;\r\n\r\n      if (targetTop <= scrollPosition + 150) {\r\n        if (a.parentElement.parentElement === tocItems) {\r\n          \/\/ The h2 heading is at the root level of the TOC\r\n          activeH2 = { id: targetId, level: 'h2' };\r\n        } else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script>\r\n\t\r\n\r\n<!-- ToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\" -->\r\n<!-- <script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n        let headerCounter = 0; \/\/ Counter to generate unique IDs\r\n\r\n\t\t\/\/ Function to generate ID in header0, header1, etc. format\r\n\t\tfunction formatId() {\r\n\t\t\treturn `header-${headerCounter++}`; \/\/ ID format: header0, header1, etc.\r\n\t\t}\r\n\r\n\/\/ \t\tfunction formatId(text) {\r\n\/\/             return text.trim().replace(\/[^\\w\\d]+\/g, '_');\r\n\/\/         }\r\n\t\r\n        \/\/ Function to create nested list\r\n        function createNestedList(parentNode, children) {\r\n            if (children.length === 0) return;\r\n\r\n            const nestedUl = document.createElement('ul');\r\n            children.forEach(child => {\r\n                const nestedLi = document.createElement('li');\r\n                const nestedA = document.createElement('a');\r\n                nestedA.textContent = child.title;\r\n                nestedA.href = `#${child.id}`;\r\n                nestedLi.appendChild(nestedA);\r\n                nestedUl.appendChild(nestedLi);\r\n\r\n                if (child.children.length > 0) {\r\n                    createNestedList(nestedLi, child.children);\r\n                }\r\n            });\r\n\r\n            parentNode.appendChild(nestedUl);\r\n        }\r\n\r\n        \/\/ Object to store list of h2 and h3 with their titles\r\n        const headings = [];\r\n\r\n           \/\/ Get all h2 and h3 elements\r\n        \/\/ Get all h2 and h3 elements\r\n\t\tconst elements = document.querySelectorAll('.td-post-content h2');\r\n\r\n\t\telements.forEach(element => {\r\n\t\t\tif (element.tagName === 'H2') {\r\n\t\t\t\tconst id = formatId(); \/\/ Generate new ID\r\n\t\t\t\telement.id = id; \/\/ Set ID to h2 element\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Hide Key Takeaways di ToC\r\n\t\t\t\theadings.push({ level: 'h2', id: id, title: element.textContent, children: [] });\r\n\t\t\t} else if (element.tagName === 'H3') {\r\n\t\t\t\tconst id = formatId(); \/\/ Generate new ID\r\n\t\t\t\telement.id = id; \/\/ Set ID to h3 element\r\n\t\t\t\tif (headings.length > 0) {\r\n\t\t\t\t\theadings[headings.length - 1].children.push({ level: 'h3', id: id, title: element.textContent, children: [] });\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n       \/\/ Create HTML list from headings object\r\n\t\tconst ul = document.getElementById('list_toc');\r\n\t\tlet currentUl = ul;\r\n\t\theadings.forEach(heading => {\r\n\t\t\tconst li = document.createElement('li');\r\n\t\t\tconst a = document.createElement('a');\r\n\t\t\ta.textContent = heading.title;\r\n\t\t\ta.href = `#${heading.id}`; \/\/ Use the newly generated ID\r\n\t\t\tli.appendChild(a);\r\n\r\n\t\t\tif (heading.level === 'h2') {\r\n\t\t\t\tcurrentUl = li;\r\n\t\t\t\tul.appendChild(li);\r\n\t\t\t} else if (heading.level === 'h3') {\r\n\t\t\t\tif (!currentUl.lastElementChild || currentUl.lastElementChild.tagName !== 'UL') {\r\n\t\t\t\t\tconst nestedUl = document.createElement('ul');\r\n\t\t\t\t\tcurrentUl.appendChild(nestedUl);\r\n\t\t\t\t\tcurrentUl = nestedUl;\r\n\t\t\t\t}\r\n\t\t\t\tcurrentUl.appendChild(li);\r\n\t\t\t}\r\n\r\n\t\t\tcreateNestedList(li, heading.children);\r\n\t\t});\r\n\t\t\/\/ Get ul element with id 'list_toc'\r\n\t\tconst ulFloat = document.getElementById('list_toc');\r\n\r\n\t\t\/\/ Get content (child elements) from ul with id 'list_toc'\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\r\n\t\t\/\/ Get ul element with id 'list_toc_float'\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\r\n\t\t\/\/ Add content obtained from 'list_toc' to ul with id 'list_toc_float'\r\n\t\tulToc.append(...clonedChildren);\r\n\r\n\r\n        \/\/ Function to get navbar height\r\n\t\tfunction getNavbarHeight() {\r\n\t\t\tconst navbar = document.getElementById('tdi_34');\r\n\t\t\treturn navbar ? navbar.offsetHeight : 0;\r\n\t\t}\r\n\r\n\t\t\/\/ Function to add scroll position offset\r\n\t\tfunction scrollToElementWithOffset(elementId) {\r\n\t\t\tconst element = document.getElementById(elementId);\r\n\t\t\tif (element) {\r\n\t\t\t\tconst offset = getNavbarHeight();\r\n\t\t\t\tconst elementPosition = element.getBoundingClientRect().top;\r\n\t\t\t\tconst offsetPosition = elementPosition - offset - 40;\r\n\r\n\t\t\t\twindow.scrollBy({\r\n\t\t\t\t\ttop: offsetPosition,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Function to handle title link click\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst href = event.target.getAttribute('href').substr(1);\r\n\t\t\tscrollToElementWithOffset(href);\r\n\t\t}\r\n\r\n\t\t\/\/ Add event listener for all title links\r\n\t\tconst titleLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t});\r\n    <\/script> -->\r\n<\/span><\/p>\n<table style=\"border-collapse: collapse; background-color: #fffacd; border-radius: 25px 25px 25px 25px;\" width=\"100%\">\n<tbody>\n<tr>\n<td style=\"padding: 15px; border: none;\">\n<h3 style=\"margin-bottom: 10px;\"><span style=\"background-color: #990000; color: #ffffff; padding: 5px;\"><b>Key Takeaways<\/b><\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><a href=\"#a\">Basic salary forms fixed pay<\/a>, while gross salary includes allowances, bonuses, overtime, and other earnings before deductions.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><a href=\"#b\">Comparing basic and gross salary<\/a> helps teams evaluate job offers and adapt compensation structures across different industries.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><a href=\"#c\">Companies structure stronger<\/a> compensation packages by benchmarking salaries, defining allowances, setting performance metrics, and ensuring legal compliance.\u00a0<\/span><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><b>Understanding the Fundamentals of Employee Compensation<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Compensation is the total cash and non-cash payments that an organization gives to an employee in exchange for their service. It&#8217;s designed so that they stay competitive in the market, maintain fairness across roles, and meet regulatory requirements. This approach helps businesses attract talent, support employee trust, and manage compensation more consistently.<\/span><\/p>\n<h3><b>The Evolution of Payroll Structures<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Historically, compensation was just a flat rate payment in exchange for a day&#8217;s labor. But it all changed during the modern age. When laws, tax systems, social security programs, and <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/corporate-performance-management\/\">corporate structures became more complex<\/a>, so did the compensation packages. Here are the key different elements of traditional and a modern multifaceted payroll structure:\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\"aligncenter wp-image-33686 size-large\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/The-Evolution-of-Payroll-Structures-e1774593058478-1024x502.webp\" alt=\"Payroll structure evolution \" width=\"696\" height=\"341\" srcset=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/The-Evolution-of-Payroll-Structures-e1774593058478-1024x502.webp 1024w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/The-Evolution-of-Payroll-Structures-e1774593058478-300x147.webp 300w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/The-Evolution-of-Payroll-Structures-e1774593058478-768x377.webp 768w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/The-Evolution-of-Payroll-Structures-e1774593058478-857x420.webp 857w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/The-Evolution-of-Payroll-Structures-e1774593058478-150x74.webp 150w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/The-Evolution-of-Payroll-Structures-e1774593058478-696x341.webp 696w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/The-Evolution-of-Payroll-Structures-e1774593058478-1068x524.webp 1068w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/The-Evolution-of-Payroll-Structures-e1774593058478-324x160.webp 324w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/The-Evolution-of-Payroll-Structures-e1774593058478-533x261.webp 533w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/The-Evolution-of-Payroll-Structures-e1774593058478.webp 1536w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/span><\/p>\n<h3><b>The Importance of Clear Payroll Terminology<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Clear terminology is a must for human resources and accounting. Vague terms can lead to misaligned expectations, administrative errors, and potential legal disputes. For instance, if a candidate negotiates a &#8220;salary of <\/span><span style=\"font-weight: 400;\">\u20b130,000<\/span><span style=\"font-weight: 400;\">,&#8221; it is crucial to clarify whether this figure represents the basic pay, the gross pay, or the total Cost-to-Company (CTC). Clear terminology is also a legal imperative; government tax authorities and labor departments have specific definitions for various pay components.\u00a0<\/span><\/p>\n<h2><b><span id=\"a\">What is Basic Salary?<\/span><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">At the very core of any employment contract lies the basic salary. It is the fundamental building block of an employee&#8217;s compensation package. It functions as the primary metric for evaluating the financial value of a specific job role within an organization. Knowing its characteristics is the first step in mastering payroll management.<\/span><\/p>\n<h3><b>Definition and Core Characteristics<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Basic salary is the guaranteed amount of money paid to an employee in return for the work. It is based on the initial figure before any additions (allowances, bonuses, or overtime) and deductions (taxes, insurance premiums, or retirement contributions). Payment is given over a specific period, typically a month or a year.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Basic salary, at its core, is about stability. The pay stays fixed, and they will get paid as long as employees fulfill their standard working hours. Therefore, it can be a reliable source of income that employees can depend on for their primary financial planning.\u00a0<\/span><\/p>\n<h3><b>Factors Influencing Basic Salary Calculations<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Determining the appropriate basic pay for a specific role is a complex process that involves significant research and strategic decision-making by HR professionals. Several key factors influence this calculation:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Job Evaluation and Internal Equity:<\/b><span style=\"font-weight: 400;\"> Organizations use job evaluation methodologies to assess the relative worth of different roles within the company. Factors such as the level of responsibility, required skills, complexity of tasks, and decision-making authority are analyzed to ensure that internal pay structures are fair and equitable.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Market Benchmarking:<\/b><span style=\"font-weight: 400;\"> HR departments conduct extensive market research and participate in salary surveys to understand the going rate for specific roles in their industry and geographic location. To remain competitive and attract top talent, a company&#8217;s basic pay offerings must align with or exceed market averages.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Employee Qualifications and Experience:<\/b><span style=\"font-weight: 400;\"> An individual&#8217;s educational background, specialized certifications, and years of relevant experience significantly impact their starting basic pay. Candidates with highly sought-after skills or extensive industry knowledge typically command higher base salaries.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Geographic Location and Cost of Living:<\/b><span style=\"font-weight: 400;\"> The cost of living in the area where the employee resides or works plays a crucial role. Roles based in major metropolitan areas with high living costs generally offer higher basic salaries compared to similar roles in rural or lower-cost regions.<\/span><\/li>\n<\/ul>\n<h3><b>The Role of Basic Salary in Total Rewards<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Basic pay only forms one part of the total compensation package, but it carries much more weight in payroll calculations. Companies use it as the foundation for many pay-related decisions because bonuses, retirement contributions, and salary increases often depend on this fixed amount. Basic pay also plays a direct role in tax compliance. Since it represents guaranteed income, employers must treat it as fully taxable and withhold the required income tax before releasing the employee\u2019s final pay.<\/span><\/p>\n<h2><b>What is Gross Salary?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Gross salary represents all the direct financial compensation before any <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/tax-deduction\/\">deductions from the tax authorities<\/a> and other institutions. It provides a comprehensive view of the total monetary value an employer is providing within a specific pay period.<\/span><\/p>\n<h3><b>Definition and Components of Gross Pay<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Gross salary refers to the total amount of money an employee earns over a specific period. It includes the basic pay along with all additional financial benefits, allowances, and variable pay components before employers apply any statutory or voluntary deductions. This amount appears as the \u201ctop line\u201d figure on an employee\u2019s payslip. Employers add several components on top of the basic pay, and these additions generally fall into three categories: standard allowances, variable pay, and situational earnings.<\/span><\/p>\n<h3><b>Standard Allowances<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Allowances are fixed monetary amounts provided by the employer to help employees cover specific expenses associated with their job or their general well-being. The types and amounts of allowances vary significantly depending on the industry, geographic location, and corporate policies. Common allowances include:<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-33687 size-large\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Standard-Allowances-e1774593186167-1024x533.webp\" alt=\"Standard allowance\" width=\"696\" height=\"362\" srcset=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Standard-Allowances-e1774593186167-1024x533.webp 1024w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Standard-Allowances-e1774593186167-300x156.webp 300w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Standard-Allowances-e1774593186167-768x400.webp 768w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Standard-Allowances-e1774593186167-806x420.webp 806w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Standard-Allowances-e1774593186167-150x78.webp 150w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Standard-Allowances-e1774593186167-696x363.webp 696w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Standard-Allowances-e1774593186167-1068x556.webp 1068w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Standard-Allowances-e1774593186167.webp 1536w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/p>\n<h3><b>Variable Pay and Performance Incentives<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Unlike standard allowances, variable pay fluctuates <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/performance-appraisal-form\/\">based on specific performance metrics<\/a>, company profitability, or other predetermined criteria. These components are designed to motivate employees and align their financial interests with the success of the organization.<\/span><\/p>\n<ul>\n<li><b>Bonuses:<\/b><span style=\"font-weight: 400;\"> These can take many forms, including annual performance bonuses, holiday bonuses, sign-on bonuses, or retention bonuses. They are typically discretionary or based on achieving specific corporate or individual goals.<\/span><\/li>\n<li><b>Commissions:<\/b><span style=\"font-weight: 400;\"> Highly common in sales roles, commissions are a percentage of the revenue generated by the employee. For a sales executive, commissions can often make up a larger portion of their gross pay than their basic pay.<\/span><\/li>\n<li><b>Profit-Sharing:<\/b><span style=\"font-weight: 400;\"> A system in which employees receive a direct share of the company&#8217;s profits, usually distributed annually or quarterly.<\/span><\/li>\n<\/ul>\n<h3><b>Situational Earnings: Overtime and Shift Differentials<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Gross pay also includes earnings that are dependent on the specific hours or conditions worked during a given pay period.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Overtime Pay:<\/b><span style=\"font-weight: 400;\"> When hourly or non-exempt employees work beyond their standard scheduled hours (typically 40 hours per week in many jurisdictions), they are legally entitled to overtime pay. This is usually calculated at a premium rate, such as &#8220;time and a half&#8221; (1.5 times their regular hourly rate derived from their basic pay).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Shift Differentials:<\/b><span style=\"font-weight: 400;\"> Employees who work less desirable shifts, such as night shifts, weekends, or public holidays, may receive a shift differential, like an additional hourly rate for those specific hours, to compensate for the inconvenience.<\/span><\/li>\n<\/ul>\n<h3><b>Gross Salary Formula and Case Study<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The formula for calculating Gross Salary can be summarized as:\u00a0<\/span><\/p>\n<p><b>Gross Salary = Basic Salary + Allowances + Bonuses + Commissions + Overtime + Other Earnings.<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Below this is an example that can be seen in real-life:\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Gabriel works as a data entry specialist at Work Solution in the Philippines. He receives a <\/span><b>basic salary of \u20b118,000<\/b><span style=\"font-weight: 400;\"> as his fixed monthly pay for completing his regular duties and <\/span><b>\u20b14,000 in allowances<\/b><span style=\"font-weight: 400;\"> for his food allowance, transportation allowance, and internet support for work-related needs.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Additionally, he earns a <\/span><b>\u20b12,000 bonus<\/b><span style=\"font-weight: 400;\"> for meeting monthly accuracy and productivity targets. Gabriel earns <\/span><b>\u20b11,500 in commissions<\/b><span style=\"font-weight: 400;\"> when the company gives incentives for helping process client accounts faster or supporting additional billable output. After working beyond regular office hours to meet deadlines, he was given <\/span><b>\u20b11,200 in overtime pay<\/b><span style=\"font-weight: 400;\">. Lastly, he receives <\/span><b>\u20b1800 in other earnings<\/b><span style=\"font-weight: 400;\">, which may come from holiday pay, night differential, or <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/benefits-of-attendance-management-system\/\">special attendance incentives<\/a>.<\/span><\/p>\n<p><b>Gabriel&#8217;s Gross Salary = \u20b118,000 + <\/b><span style=\"font-weight: 400;\">\u00a0<\/span><b>\u20b14,000 + \u20b12,000 + \u20b11,500 + \u20b11,200 + \u20b1800<\/b><\/p>\n<p><span style=\"font-weight: 400;\">In total, his gross salary is <\/span><b>\u20b127,500.\u00a0<\/b><\/p>\n<h2><b><span id=\"b\">Basic Salary vs Gross Salary: A Comprehensive Comparative Analysis<\/span><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">It is crucial to examine the relationship and the key differences between basic salary and gross salary. Understanding this dichotomy is essential for HR professionals designing compensation packages and for employees evaluating job offers:\u00a0<\/span><\/p>\n<div class=\"overflow-x-auto w-full px-2 mb-6\">\n<table style=\"border-collapse: collapse; width: 100%; font-family: Arial, sans-serif;\">\n<tbody>\n<tr style=\"background-color: #990000; color: #ffffff;\">\n<td style=\"padding: 10px; border: 1px solid #dddddd; width: 35%; text-align: center;\"><strong>Basic Salary<\/strong><\/td>\n<td style=\"padding: 10px; border: 1px solid #dddddd; width: 35%; text-align: center;\"><strong>Gross Salary<\/strong><\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px; border: 1px solid #dddddd; text-align: left;\">Basic salary serves as the <strong>fixed and guaranteed foundation<\/strong> of employee compensation. It stands on its own as the minimum pay for work performed and supports other payroll calculations, including bonuses, increments, and benefit-linked computations.<\/td>\n<td style=\"padding: 10px; border: 1px solid #dddddd; text-align: left;\">Gross salary represents the<strong> full earnings package before deductions<\/strong>. It combines basic salary with allowances, bonuses, overtime, commissions, and other earnings, so it depends on basic salary as the core element that shapes the total compensation amount.<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px; border: 1px solid #dddddd; text-align: left;\">Employers treat basic salary as <strong>fully taxable income<\/strong> because it represents guaranteed pay. Tax authorities require companies to withhold income tax from this amount, which makes it one of the most straightforward and consistent elements in payroll taxation.<\/td>\n<td style=\"padding: 10px; border: 1px solid #dddddd; text-align: left;\">Gross salary includes total earnings, but <strong>not every component follows the same tax treatment<\/strong>. Some allowances may qualify for partial or full tax exemptions under local rules, so gross salary does not always match the employee\u2019s total taxable income.<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px; border: 1px solid #dddddd; text-align: left;\">Employers usually use basic salary to <strong>calculate statutory contributions<\/strong>, pension, provident fund, and other long-term benefits. Because of this, a stronger basic salary can improve retirement savings and support better government-linked compensation obligations over time.<\/td>\n<td style=\"padding: 10px; border: 1px solid #dddddd; text-align: left;\">Gross salary may raise take-home pay, but <strong>it does not always improve statutory contributions<\/strong> and long-term benefits. When employers place more value on allowances instead of base pay, employees may enjoy higher short-term earnings while reducing future contribution-based retirement benefits.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h3><b>The Employer vs. Employee Viewpoint<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Employers and employees often view the basic vs gross dynamic through different lenses based on their respective financial priorities.<\/span><\/p>\n<p><b>The Employer&#8217;s Perspective:<\/b><span style=\"font-weight: 400;\"> Many organizations keep basic salary at a manageable level while increasing gross pay through allowances and variable pay. This approach helps control fixed costs. Keeping basic pay low reduces the company\u2019s long-term financial liabilities since it determines the cost of statutory contributions, overtime, and severance. At the same time, variable pay lets companies reward performance without raising long-term payroll obligations.<\/span><\/p>\n<p><b>The Employee&#8217;s Perspective:<\/b><span style=\"font-weight: 400;\"> Employees, conversely, generally benefit from a higher basic salary. A higher base provides greater financial stability, ensures larger contributions to retirement funds, guarantees higher payouts for overtime work, and results in better severance or redundancy packages if employment is terminated. While high allowances might offer short-term tax advantages, a robust basic pay is generally indicative of long-term financial security.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<h2><b>Tailoring Basic and Gross Salary in Specific Industries<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Basic salary and gross salary remain constant across the business world. However, the way these compensations are used varies wildly depending on the industry. Different sectors leverage the ratio between basic and gross pay to achieve specific strategic business goals. Here are the key differences in different industries:\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-33689 size-large\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Tailoring-Basic-and-Gross-Salary-in-Specific-Industries-e1774593731192-1024x508.webp\" alt=\"Specific industries use of basic and gross salary\" width=\"696\" height=\"345\" srcset=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Tailoring-Basic-and-Gross-Salary-in-Specific-Industries-e1774593731192-1024x508.webp 1024w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Tailoring-Basic-and-Gross-Salary-in-Specific-Industries-e1774593731192-300x149.webp 300w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Tailoring-Basic-and-Gross-Salary-in-Specific-Industries-e1774593731192-768x381.webp 768w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Tailoring-Basic-and-Gross-Salary-in-Specific-Industries-e1774593731192-847x420.webp 847w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Tailoring-Basic-and-Gross-Salary-in-Specific-Industries-e1774593731192-150x74.webp 150w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Tailoring-Basic-and-Gross-Salary-in-Specific-Industries-e1774593731192-696x345.webp 696w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Tailoring-Basic-and-Gross-Salary-in-Specific-Industries-e1774593731192-1068x529.webp 1068w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Tailoring-Basic-and-Gross-Salary-in-Specific-Industries-e1774593731192-324x160.webp 324w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Tailoring-Basic-and-Gross-Salary-in-Specific-Industries-e1774593731192.webp 1420w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Understanding these industry-specific use cases provides valuable insight into how compensation strategies are deployed in the real world.<\/span><\/p>\n<h2><b><span id=\"c\">Strategic Implementation: Steps to Structure Compensation Packages<\/span><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Designing the optimal split between basic salary and gross salary requires a methodical, data-driven approach. Human resources and payroll professionals must carefully construct these packages to ensure they are competitive, legally compliant, and financially sustainable. Here are the critical steps for implementing a robust salary structure:<\/span><\/p>\n<h3><b>Step 1: Conduct Comprehensive Market Benchmarking<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The first step in structuring compensation is determining the market rate for a specific role. Organizations must utilize salary surveys and industry benchmarks to establish a competitive basic salary. This foundational figure must be strong enough to attract talent but sustainable enough to allow room for additional allowances and benefits that will eventually make up the gross salary. Benchmarking ensures that the core of the compensation package aligns with industry standards and geographic economic realities.<\/span><\/p>\n<h3><b>Step 2: Define the Allowance and Benefits Framework<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">After establishing the basic salary, organizations must decide which allowances will be added to calculate the gross salary. This involves analyzing the specific needs of the workforce and the tax implications of various allowances. Common additions include housing allowances, transportation stipends, and meal vouchers. The HR team must decide whether these allowances will be fixed or variable. This framework bridges the gap between the base rate and the total gross figure presented to the candidate.<\/span><\/p>\n<h3><b>Step 3: Establish Performance and Variable Metrics<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Companies must integrate variable pay components to finalize the gross salary structure. This step requires close collaboration with department heads to define what triggers bonuses, commissions, or profit-sharing payouts. Clear, quantifiable metrics must be established so employees understand exactly what they need to achieve to maximize their gross salary. This step is crucial for ensuring that variable pay drives the desired business outcomes without creating unpredictable spikes in payroll liabilities.<\/span><\/p>\n<h3><b>Step 4: Ensure Legal and Tax Compliance<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Undergo a rigorous compliance review before rolling out a new compensation structure. Payroll teams must verify that the basic salary meets or exceeds all local, state, and national minimum wage laws. Furthermore, they must ensure that the categorization of allowances within the gross salary complies with tax authority regulations. Misclassifying a taxable allowance as a non-taxable benefit can lead to severe financial penalties for both employers and employees.<\/span><\/p>\n<h3><b>Step 5: Execute Transparent Communication<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The final, and often most overlooked, step is the communication of the salary structure to the employee. HR should provide a detailed breakdown of the basic salary vs gross salary during the onboarding process. Employers should provide clear pay breakdowns that show allowances, gross salary, deductions, and the final net pay employees receive. Transparency at this stage prevents future disputes and builds trust.<\/span><\/p>\n<h2><b>Common Pitfalls in Salary Structuring<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Organizations frequently make critical errors when designing their compensation structures. Mismanaging the delicate balance between basic salary and gross salary can lead to legal liabilities, increased turnover, and administrative chaos. Recognizing these pitfalls is essential for any HR professional or business owner. So, here are the common pitfalls that you have to keep in mind:\u00a0<\/span><\/p>\n<div class=\"overflow-x-auto w-full px-2 mb-6\">\n<table style=\"border-collapse: collapse; width: 100%; font-family: Arial, sans-serif;\">\n<tbody>\n<tr style=\"background-color: #990000; color: #ffffff;\">\n<td style=\"padding: 10px; border: 1px solid #dddddd; width: 50%; text-align: center;\"><strong>Pitfall<\/strong><\/td>\n<td style=\"padding: 10px; border: 1px solid #dddddd; width: 50%; text-align: center;\"><strong>Impact<\/strong><\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px; border: 1px solid #dddddd; text-align: left;\">Artificially deflating basic salary by shifting value into allowances<\/td>\n<td style=\"padding: 10px; border: 1px solid #dddddd; text-align: left;\">Triggers compliance risks, audits, fines, back-pay liabilities, and potential legal action due to reduced statutory contributions<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px; border: 1px solid #dddddd; text-align: left;\">Overcomplicating gross salary with too many micro-allowances<\/td>\n<td style=\"padding: 10px; border: 1px solid #dddddd; text-align: left;\">Increases payroll errors, slows processing, complicates tax calculations, and confuses employees about actual earnings<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px; border: 1px solid #dddddd; text-align: left;\">Ignoring regional tax and labor regulations in salary structuring<\/td>\n<td style=\"padding: 10px; border: 1px solid #dddddd; text-align: left;\">Leads to compliance violations, incorrect taxation, inconsistent take-home pay, and employee dissatisfaction across locations<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px; border: 1px solid #dddddd; text-align: left;\">Misalignment of allowances with actual employee working conditions<\/td>\n<td style=\"padding: 10px; border: 1px solid #dddddd; text-align: left;\">Creates financial inefficiency, outdated benefits, and reduced employee satisfaction due to irrelevant or missing allowances<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><b>Advanced Practices in Compensation Management<\/b><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-33694\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Advanced-Practices-in-Compensation-Management.webp\" alt=\"Compensation advance practice \" width=\"800\" height=\"400\" srcset=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Advanced-Practices-in-Compensation-Management.webp 800w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Advanced-Practices-in-Compensation-Management-300x150.webp 300w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Advanced-Practices-in-Compensation-Management-768x384.webp 768w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Advanced-Practices-in-Compensation-Management-150x75.webp 150w, https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Advanced-Practices-in-Compensation-Management-696x348.webp 696w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Forward-thinking organizations have evolved and adapted and are adopting advanced practices to optimize their compensation strategies. They leverage technology, data analytics, and progressive HR philosophies. By doing so, they are moving beyond traditional payroll processing to create dynamic, highly effective salary structures.<\/span><\/p>\n<h3><b>Dynamic Compensation Modeling and Predictive Analytics<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Modern HR departments are increasingly utilizing <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/erp-hr-module\/\">predictive analytics and dynamic modeling software<\/a> to design their salary structures. Instead of relying on static spreadsheets, these tools allow payroll professionals to simulate how changes to the basic salary will impact the overall gross salary and, consequently, the company&#8217;s total payroll budget.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For example, if a company decides to increase the basic salary by 4% to combat inflation, the modeling software instantly calculates how this will compound across overtime rates, percentage-based bonuses, and employer tax liabilities. This foresight prevents budget overruns and ensures long-term financial stability.<\/span><\/p>\n<h3><b>Personalized Total Rewards and Cafeteria-Style Compensation<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Advanced organizations are implementing &#8220;cafeteria-style&#8221; compensation models to handle the diverse needs of a diverse workforce. In this approach, the employer guarantees a fixed basic salary but offers employees a set budget to build their own gross salary additions. An employee with a family might choose to allocate their allowance budget toward childcare stipends, while a younger single employee might choose student loan repayment assistance. This maximizes the perceived value of the gross salary without increasing the employer&#8217;s bottom-line cost.<\/span><\/p>\n<h3><b>Real-Time Payroll Integration and Earned Wage Access (EWA)<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The traditional monthly or bi-weekly payroll cycle is being disrupted by Real-Time Payroll integration. <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/human-resources-management-system-hrms\/\">Advanced Human Resources Information Systems (HRIS)<\/a> now calculate the gross salary on a daily or even hourly basis, factoring in basic salary accrual, real-time commission data, and daily allowances.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This technological leap enables the <a href=\"https:\/\/www.jpmorgan.com\/payments\/payments-unbound\/volume-3\/ewa-income-access-for-all\">implementation of Earned Wage Access (EWA)<\/a>. EWA allows employees to withdraw a portion of their accrued gross salary before the official payday. This practice provides immense financial flexibility for employees, reduces financial stress, and serves as a powerful retention tool.<\/span><\/p>\n<h3><b>Rigorous Pay Equity Audits<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">In response to growing demands for workplace fairness and increasing legislative pressure, advanced organizations are conducting regular, rigorous pay equity audits. These audits analyze the structural breakdown of basic salary vs gross salary across different demographic groups to identify hidden biases.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For instance, an audit might reveal that men and women are being paid the same amount of basic salary, but the men have a disproportionate amount of allowances or bonuses. By identifying these companies can correct structural imbalances, ensure true pay equity, maintain compliance with equal pay legislation, and foster a culture of genuine inclusion and fairness.<\/span><\/p>\n<h2><strong>Conclusion<br \/>\n<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Basic salary forms the core of employee pay, while gross salary reflects total earnings before deductions. When companies understand both, they build fairer compensation, improve payroll accuracy, and reduce compliance risks. To manage this well, businesses need to find <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/top-hris-software-philippines\/\">the best HRIS platform<\/a> that supports better HR payroll decisions. With the system, you can organize salary structures, allowances, and payroll data easily and efficiently.\u00a0<\/span><\/p>\n<h2><strong>FAQ for Basic Salary and Gross Salary<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details open=\"open\">\n<summary><strong>How to calculate a basic salary?<\/strong><\/summary>\n<p><span style=\"font-weight: 400;\">Calculate basic salary by using the fixed amount an employer pays for regular work hours before adding allowances, bonuses, overtime pay, or other earnings.<\/span><\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong>What are examples of basic pay?<\/strong><\/summary>\n<p><span style=\"font-weight: 400;\">Examples of basic pay include a monthly salary, daily wage, or hourly wage that covers regular working days and standard working hours only.<\/span><\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong>What is the difference between gross salary and net salary?<\/strong><\/summary>\n<p><span style=\"font-weight: 400;\">Gross salary shows total earnings before deductions. Net salary shows the amount employees actually receive after taxes and statutory contributions.<\/span><\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong>Is gross salary taxable in the Philippines?\u00a0<\/strong><\/summary>\n<p><span style=\"font-weight: 400;\">Yes, gross salary can be taxable in the Philippines, but employers first exclude non-taxable benefits and apply allowed deductions before computing withholding tax.<\/span><\/p>\n<\/details>\n<\/li>\n<\/ul>\n<\/div>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"How to calculate a basic salary?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Calculate basic salary by using the fixed amount an employer pays for regular work hours before adding allowances, bonuses, overtime pay, or other earnings.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"What are examples of basic pay?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Examples of basic pay include a monthly salary, daily wage, or hourly wage that covers regular working days and standard working hours only.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"What is the difference between gross salary and net salary?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Gross salary shows total earnings before deductions. Net salary shows the amount employees actually receive after taxes and statutory contributions.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Is gross salary taxable in the Philippines?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Yes, gross salary can be taxable in the Philippines, but employers first exclude non-taxable benefits and apply allowed deductions before computing withholding tax.\"\n    }\n  }]\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Employee compensation is a highly complicated process for both human resources professionals and employees alike. Understanding the precise distinctions between various pay components is a fundamental aspect of financial literacy and strategic workforce management. At the heart of this financial ecosystem lies a common point of confusion that has sparked countless questions: the critical distinction [&hellip;]<\/p>\n","protected":false},"author":46,"featured_media":33693,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[21],"tags":[],"class_list":{"0":"post-33239","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-hrm"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.6 (Yoast SEO v26.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Basic Salary vs Gross Salary: Key Differences, Benefits, and Formula - HashMicro Philippine Blog<\/title>\n<meta name=\"description\" content=\"Learn the differences between basic salary and gross salary, including components, calculations, tax impact, and compensation structuring tips.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Basic Salary vs Gross Salary: Key Differences, Benefits, and Formula\" \/>\n<meta property=\"og:description\" content=\"Learn the differences between basic salary and gross salary, including components, calculations, tax impact, and compensation structuring tips.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/\" \/>\n<meta property=\"og:site_name\" content=\"HashMicro Philippine Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-27T07:51:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-27T07:52:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Basic-Salary-vs-Gross-Salary-Key-Differences-Benefits-and-How-to-Calculate-Them-hashmicro.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Katrina Mendoza\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Katrina Mendoza\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/\",\"name\":\"Basic Salary vs Gross Salary: Key Differences, Benefits, and Formula - HashMicro Philippine Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Basic-Salary-vs-Gross-Salary-Key-Differences-Benefits-and-How-to-Calculate-Them-hashmicro.webp\",\"datePublished\":\"2026-03-27T07:51:57+00:00\",\"dateModified\":\"2026-03-27T07:52:16+00:00\",\"author\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/594dd0c8289c9bc575f1673fd7a326fd\"},\"description\":\"Learn the differences between basic salary and gross salary, including components, calculations, tax impact, and compensation structuring tips.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/#breadcrumb\"},\"inLanguage\":\"en-PH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-PH\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Basic-Salary-vs-Gross-Salary-Key-Differences-Benefits-and-How-to-Calculate-Them-hashmicro.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Basic-Salary-vs-Gross-Salary-Key-Differences-Benefits-and-How-to-Calculate-Them-hashmicro.webp\",\"width\":1200,\"height\":675,\"caption\":\"Basic salary vs gross salary\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/ph\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Basic Salary vs Gross Salary: Key Differences, Benefits, and Formula\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#website\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/\",\"name\":\"HashMicro Philippine Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hashmicro.com\/ph\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-PH\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/594dd0c8289c9bc575f1673fd7a326fd\",\"name\":\"Katrina Mendoza\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-PH\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/11\/Katrina-Mendoza-96x96.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/11\/Katrina-Mendoza-96x96.webp\",\"caption\":\"Katrina Mendoza\"},\"description\":\"Katrina Mendoza is an HRM specialist with experience managing people operations, HR compliance, and workforce data across growing organizations in the Philippines. Her work focuses on structuring HR processes that support operational consistency, regulatory compliance, and informed people decisions. She is particularly involved in aligning HR policies with day-to-day employee administration, helping organizations move from fragmented HR records to integrated HR management systems that support long-term workforce stability.\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/author\/katrina-mendoza\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Basic Salary vs Gross Salary: Key Differences, Benefits, and Formula - HashMicro Philippine Blog","description":"Learn the differences between basic salary and gross salary, including components, calculations, tax impact, and compensation structuring tips.","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:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/","og_locale":"en_US","og_type":"article","og_title":"Basic Salary vs Gross Salary: Key Differences, Benefits, and Formula","og_description":"Learn the differences between basic salary and gross salary, including components, calculations, tax impact, and compensation structuring tips.","og_url":"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/","og_site_name":"HashMicro Philippine Blog","article_published_time":"2026-03-27T07:51:57+00:00","article_modified_time":"2026-03-27T07:52:16+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Basic-Salary-vs-Gross-Salary-Key-Differences-Benefits-and-How-to-Calculate-Them-hashmicro.webp","type":"image\/webp"}],"author":"Katrina Mendoza","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Katrina Mendoza","Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/","url":"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/","name":"Basic Salary vs Gross Salary: Key Differences, Benefits, and Formula - HashMicro Philippine Blog","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Basic-Salary-vs-Gross-Salary-Key-Differences-Benefits-and-How-to-Calculate-Them-hashmicro.webp","datePublished":"2026-03-27T07:51:57+00:00","dateModified":"2026-03-27T07:52:16+00:00","author":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/594dd0c8289c9bc575f1673fd7a326fd"},"description":"Learn the differences between basic salary and gross salary, including components, calculations, tax impact, and compensation structuring tips.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/#breadcrumb"},"inLanguage":"en-PH","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/"]}]},{"@type":"ImageObject","inLanguage":"en-PH","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/#primaryimage","url":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Basic-Salary-vs-Gross-Salary-Key-Differences-Benefits-and-How-to-Calculate-Them-hashmicro.webp","contentUrl":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2026\/03\/Basic-Salary-vs-Gross-Salary-Key-Differences-Benefits-and-How-to-Calculate-Them-hashmicro.webp","width":1200,"height":675,"caption":"Basic salary vs gross salary"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/basic-salary-vs-gross-salary\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/ph\/blog\/"},{"@type":"ListItem","position":2,"name":"Basic Salary vs Gross Salary: Key Differences, Benefits, and Formula"}]},{"@type":"WebSite","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#website","url":"https:\/\/www.hashmicro.com\/ph\/blog\/","name":"HashMicro Philippine Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hashmicro.com\/ph\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-PH"},{"@type":"Person","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/594dd0c8289c9bc575f1673fd7a326fd","name":"Katrina Mendoza","image":{"@type":"ImageObject","inLanguage":"en-PH","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/11\/Katrina-Mendoza-96x96.webp","contentUrl":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/11\/Katrina-Mendoza-96x96.webp","caption":"Katrina Mendoza"},"description":"Katrina Mendoza is an HRM specialist with experience managing people operations, HR compliance, and workforce data across growing organizations in the Philippines. Her work focuses on structuring HR processes that support operational consistency, regulatory compliance, and informed people decisions. She is particularly involved in aligning HR policies with day-to-day employee administration, helping organizations move from fragmented HR records to integrated HR management systems that support long-term workforce stability.","url":"https:\/\/www.hashmicro.com\/ph\/blog\/author\/katrina-mendoza\/"}]}},"order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts\/33239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/users\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/comments?post=33239"}],"version-history":[{"count":2,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts\/33239\/revisions"}],"predecessor-version":[{"id":33698,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts\/33239\/revisions\/33698"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/media\/33693"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/media?parent=33239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/categories?post=33239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/tags?post=33239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}