{"id":15,"date":"2024-12-16T11:14:40","date_gmt":"2024-12-16T03:14:40","guid":{"rendered":"https:\/\/syscomm.asia\/staging\/services\/"},"modified":"2026-08-18T15:10:21","modified_gmt":"2026-08-18T07:10:21","slug":"web-design","status":"publish","type":"page","link":"https:\/\/syscomm.com.my\/ms\/web-design\/","title":{"rendered":"Reka Bentuk Web"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4167e71 e-flex e-con-boxed e-con e-parent\" data-id=\"4167e71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea81f66 elementor-widget elementor-widget-html\" data-id=\"ea81f66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\nSYSCOMM \u2014 WEB DESIGN MALAYSIA\r\nWIDE SCREEN \/ MINIMALIST \/ DIFFERENT LAYOUT \/ ELEMENTOR SAFE \/ SEO-FRIENDLY\r\n\r\nPaste this entire block into ONE Elementor HTML Widget.\r\n\r\nRecommended Rank Math \/ AIOSEO:\r\nSEO Title:\r\nWeb Design Malaysia | Professional Website Design & Development | SYSCOMM\r\n\r\nMeta Description:\r\nProfessional web design in Malaysia by SYSCOMM. Corporate websites, WordPress, ecommerce and custom web development for businesses in Johor and across Malaysia.\r\n-->\r\n\r\n<div id=\"scm-webdesign\">\r\n\r\n  <!-- SPLIT HERO -->\r\n  <section class=\"wd-hero\">\r\n    <div class=\"wd-hero-left\">\r\n      <div class=\"wd-kicker\">WEB DESIGN MALAYSIA \/ JOHOR \/ JB<\/div>\r\n      <h1>Professional Web Design in Malaysia for Businesses That Want to Grow.<\/h1>\r\n\r\n      <div class=\"wd-hero-bottom\">\r\n        <p>\r\n          SYSCOMM designs and develops professional business websites that are clear,\r\n          responsive, easy to manage and built around real customer journeys.\r\n        <\/p>\r\n\r\n        <a class=\"wd-link\" href=\"\/contact\/\">Request a quotation \u2197<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"wd-hero-right\">\r\n      <div class=\"wd-hero-image\">\r\n        <img\r\n          src=\"https:\/\/images.unsplash.com\/photo-1547658719-da2b51169166?auto=format&fit=crop&w=1500&q=84\"\r\n          alt=\"Minimalist professional web design interface Malaysia\"\r\n          fetchpriority=\"high\"\r\n          decoding=\"async\">\r\n      <\/div>\r\n\r\n      <div class=\"wd-hero-caption\">\r\n        <span>WEB DESIGN \/ UI UX \/ DEVELOPMENT<\/span>\r\n        <strong>Designed around your business, not around a template.<\/strong>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- MARQUEE -->\r\n  <section class=\"wd-marquee wd-line\">\r\n    <div class=\"wd-track\">\r\n      <span>WEB DESIGN MALAYSIA<\/span>\r\n      <span>CORPORATE WEBSITES<\/span>\r\n      <span>WORDPRESS<\/span>\r\n      <span>ECOMMERCE<\/span>\r\n      <span>SEO-FRIENDLY STRUCTURE<\/span>\r\n      <span>CUSTOM DEVELOPMENT<\/span>\r\n      <span>WEB DESIGN JOHOR<\/span>\r\n      <span>WEB DESIGN JOHOR BAHRU<\/span>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- EDITORIAL INTRO -->\r\n  <section class=\"wd-section wd-line\">\r\n    <div class=\"wd-editorial\">\r\n      <div class=\"wd-sticky-label\">\r\n        <span>WHAT GOOD WEB DESIGN SHOULD DO<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"wd-editorial-main\">\r\n        <h2>A business website should make your company easier to understand, easier to trust and easier to contact.<\/h2>\r\n\r\n        <div class=\"wd-editorial-copy\">\r\n          <p>\r\n            A website is often the first place a potential customer checks before\r\n            contacting your company. If the information is unclear, the design feels\r\n            outdated or the site is difficult to use on mobile, people may leave before\r\n            they understand what your business can offer.\r\n          <\/p>\r\n\r\n          <p>\r\n            We design websites around the questions customers actually ask: What does\r\n            the company do? Who is it for? Why should I trust them? What products or\r\n            services are available? How do I enquire, buy or take the next step?\r\n          <\/p>\r\n\r\n          <p>\r\n            Good web design brings those answers together through clear content\r\n            hierarchy, responsive layouts, relevant visuals and practical functionality.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- SERVICE BANDS: DIFFERENT LAYOUT -->\r\n  <section class=\"wd-section wd-line\">\r\n    <div class=\"wd-section-head\">\r\n      <span class=\"wd-label\">WEB DESIGN SERVICES<\/span>\r\n      <h2>Different websites for different business needs.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"wd-service-bands\">\r\n\r\n      <article class=\"wd-band\">\r\n        <div class=\"wd-band-no\">01<\/div>\r\n        <div class=\"wd-band-image\">\r\n          <img loading=\"lazy\" decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1559028012-481c04fa702d?auto=format&fit=crop&w=1200&q=82\"\r\n            alt=\"Minimalist corporate website design Malaysia\">\r\n        <\/div>\r\n        <div class=\"wd-band-content\">\r\n          <span>CORPORATE \/ COMPANY WEBSITE<\/span>\r\n          <h3>Corporate Website Design<\/h3>\r\n          <p>\r\n            For companies that need a professional digital presence, clear service\r\n            pages, company information, project or capability content and enquiry\r\n            pathways that support trust and sales conversations.\r\n          <\/p>\r\n        <\/div>\r\n        <a href=\"\/contact\/\" class=\"wd-band-arrow\">\u2197<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"wd-band reverse\">\r\n        <div class=\"wd-band-no\">02<\/div>\r\n        <div class=\"wd-band-image\">\r\n          <img loading=\"lazy\" decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1558655146-9f40138edfeb?auto=format&fit=crop&w=1200&q=82\"\r\n            alt=\"Responsive WordPress website design Malaysia\">\r\n        <\/div>\r\n        <div class=\"wd-band-content\">\r\n          <span>WORDPRESS \/ CMS<\/span>\r\n          <h3>WordPress Website Development<\/h3>\r\n          <p>\r\n            Flexible business websites that allow your team to manage pages, articles,\r\n            services, news and other content without rebuilding the site whenever\r\n            information changes.\r\n          <\/p>\r\n        <\/div>\r\n        <a href=\"\/wordpress-vs-custom-website-malaysia\/\" class=\"wd-band-arrow\">\u2197<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"wd-band\">\r\n        <div class=\"wd-band-no\">03<\/div>\r\n        <div class=\"wd-band-image\">\r\n          <img loading=\"lazy\" decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1563013544-824ae1b704d3?auto=format&fit=crop&w=1200&q=82\"\r\n            alt=\"Minimalist ecommerce website design Malaysia\">\r\n        <\/div>\r\n        <div class=\"wd-band-content\">\r\n          <span>ECOMMERCE \/ B2B \/ B2C<\/span>\r\n          <h3>Ecommerce Website Design<\/h3>\r\n          <p>\r\n            Online stores and ecommerce systems for retail, wholesale and B2B\r\n            businesses, with product management, payment, accounts, orders and\r\n            integrations where required.\r\n          <\/p>\r\n        <\/div>\r\n        <a href=\"\/shopify-website-development-malaysia\/\" class=\"wd-band-arrow\">\u2197<\/a>\r\n      <\/article>\r\n\r\n      <article class=\"wd-band reverse\">\r\n        <div class=\"wd-band-no\">04<\/div>\r\n        <div class=\"wd-band-image\">\r\n          <img loading=\"lazy\" decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1555066931-4365d14bab8c?auto=format&fit=crop&w=1200&q=82\"\r\n            alt=\"Custom website development and API integration Malaysia\">\r\n        <\/div>\r\n        <div class=\"wd-band-content\">\r\n          <span>CUSTOM \/ API \/ WORKFLOW<\/span>\r\n          <h3>Custom Web Systems & Integration<\/h3>\r\n          <p>\r\n            For requirements that go beyond a standard website, such as quotation\r\n            workflows, membership, B2B accounts, internal tools, external services or\r\n            API-based business processes.\r\n          <\/p>\r\n        <\/div>\r\n        <a href=\"\/api-intergration\/\" class=\"wd-band-arrow\">\u2197<\/a>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- IMAGE + TEXT MOSAIC -->\r\n  <section class=\"wd-section wd-line\">\r\n    <div class=\"wd-section-head\">\r\n      <span class=\"wd-label\">DESIGN PRINCIPLES<\/span>\r\n      <h2>Modern web design is more than how a page looks.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"wd-mosaic\">\r\n\r\n      <div class=\"wd-mosaic-image wd-tall\">\r\n        <img loading=\"lazy\" decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1558655146-d09347e92766?auto=format&fit=crop&w=1200&q=82\"\r\n          alt=\"Minimalist responsive web interface design\">\r\n      <\/div>\r\n\r\n      <div class=\"wd-mosaic-text\">\r\n        <span>01 \/ CLARITY<\/span>\r\n        <h3>Clear content hierarchy<\/h3>\r\n        <p>\r\n          Visitors should be able to understand the page quickly. Strong headings,\r\n          useful section order and focused calls-to-action reduce unnecessary effort.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"wd-mosaic-text dark\">\r\n        <span>02 \/ RESPONSIVE<\/span>\r\n        <h3>Designed for mobile first behaviour<\/h3>\r\n        <p>\r\n          Layouts need to remain readable and usable across phones, tablets and\r\n          desktops without hiding important information.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"wd-mosaic-image\">\r\n        <img loading=\"lazy\" decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1200&q=82\"\r\n          alt=\"Website analytics SEO and performance\">\r\n      <\/div>\r\n\r\n      <div class=\"wd-mosaic-text\">\r\n        <span>03 \/ PERFORMANCE<\/span>\r\n        <h3>Speed and page experience matter<\/h3>\r\n        <p>\r\n          Large images, unnecessary scripts and poor structure can make an otherwise\r\n          attractive website frustrating to use.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"wd-mosaic-text\">\r\n        <span>04 \/ SEARCH<\/span>\r\n        <h3>SEO-conscious from the start<\/h3>\r\n        <p>\r\n          Useful content, crawlable internal links, descriptive headings and sensible\r\n          structure give ongoing SEO a stronger foundation.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- WHO IT'S FOR -->\r\n  <section class=\"wd-section wd-line\">\r\n    <div class=\"wd-industry-wrap\">\r\n\r\n      <div class=\"wd-industry-title\">\r\n        <span class=\"wd-label\">WHO WE DESIGN FOR<\/span>\r\n        <h2>Websites for businesses with different buying journeys.<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"wd-industries\">\r\n        <div><span>01<\/span><strong>Manufacturers & Factories<\/strong><\/div>\r\n        <div><span>02<\/span><strong>Construction & Industrial<\/strong><\/div>\r\n        <div><span>03<\/span><strong>Professional Services<\/strong><\/div>\r\n        <div><span>04<\/span><strong>Retail & Ecommerce<\/strong><\/div>\r\n        <div><span>05<\/span><strong>Wholesale & Distribution<\/strong><\/div>\r\n        <div><span>06<\/span><strong>SMEs & Growing Businesses<\/strong><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- BIG STATEMENT -->\r\n  <section class=\"wd-statement wd-line\">\r\n    <span class=\"wd-label\">OUR APPROACH<\/span>\r\n\r\n    <p>\r\n      Less noise.<br>\r\n      Better structure.<br>\r\n      More useful websites.\r\n    <\/p>\r\n  <\/section>\r\n\r\n\r\n  <!-- PROCESS RAIL -->\r\n  <section class=\"wd-section wd-line\">\r\n    <div class=\"wd-section-head\">\r\n      <span class=\"wd-label\">WEB DESIGN PROCESS<\/span>\r\n      <h2>From business requirements to a working website.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"wd-process\">\r\n\r\n      <article>\r\n        <span>01<\/span>\r\n        <h3>Understand<\/h3>\r\n        <p>Business, audience, current website, goals and functional requirements.<\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <span>02<\/span>\r\n        <h3>Structure<\/h3>\r\n        <p>Pages, navigation, user journeys, content priorities and calls-to-action.<\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <span>03<\/span>\r\n        <h3>Design<\/h3>\r\n        <p>Visual direction, responsive layouts and information hierarchy.<\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <span>04<\/span>\r\n        <h3>Develop<\/h3>\r\n        <p>CMS, functions, integrations, forms and responsive implementation.<\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <span>05<\/span>\r\n        <h3>Test<\/h3>\r\n        <p>Content, links, forms, devices, browsers and important customer journeys.<\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <span>06<\/span>\r\n        <h3>Improve<\/h3>\r\n        <p>Maintenance, content, SEO, landing pages and future development.<\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- LOCAL SEO -->\r\n  <section class=\"wd-section wd-line\">\r\n    <div class=\"wd-local-grid\">\r\n\r\n      <div class=\"wd-local-title\">\r\n        <span class=\"wd-label\">JOHOR \/ MALAYSIA<\/span>\r\n        <h2>Web design in Johor, Johor Bahru and across Malaysia.<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"wd-copy\">\r\n        <p>\r\n          SYSCOMM is based in Johor and supports businesses across Malaysia. Some\r\n          companies need to reach local customers. Others sell nationwide, work with\r\n          Singapore buyers or communicate with international partners.\r\n        <\/p>\r\n\r\n        <p>\r\n          Instead of targeting every location with the same message, we structure\r\n          content around the markets that are genuinely relevant to each business.\r\n        <\/p>\r\n\r\n        <div class=\"wd-local-links\">\r\n          <a href=\"\/web-design-johor\/\">Web Design Johor \u2197<\/a>\r\n          <a href=\"\/web-design-johor-bahru\/\">Web Design Johor Bahru \u2197<\/a>\r\n          <a href=\"\/web-design-muar\/\">Web Design Muar \u2197<\/a>\r\n          <a href=\"\/why-choose-syscomm\/\">Why Choose SYSCOMM \u2197<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- SEO SECTION -->\r\n  <section class=\"wd-section wd-line\">\r\n    <div class=\"wd-seo-panel\">\r\n      <div>\r\n        <span class=\"wd-label\">SEO-FRIENDLY WEB DESIGN<\/span>\r\n        <h2>Designed for people first, with a structure Google can understand.<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"wd-copy\">\r\n        <p>\r\n          SEO-friendly web design does not mean repeating keywords throughout every\r\n          paragraph. It means building a clear information structure, useful pages,\r\n          descriptive headings, crawlable internal links, mobile-friendly layouts and\r\n          content that answers real customer questions.\r\n        <\/p>\r\n\r\n        <p>\r\n          No web design company can guarantee a specific Google position. Competitive\r\n          organic visibility depends on many factors including content quality,\r\n          technical health, competition, authority and time. A strong website simply\r\n          gives that work a better foundation.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- FAQ -->\r\n  <section class=\"wd-section wd-line\">\r\n    <div class=\"wd-section-head\">\r\n      <span class=\"wd-label\">FAQ<\/span>\r\n      <h2>Professional Web Design Malaysia \u2014 Frequently Asked Questions.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"wd-faq\">\r\n\r\n      <details>\r\n        <summary>How much does professional web design cost in Malaysia?<\/summary>\r\n        <p>\r\n          Cost depends on the number of pages, design requirements, languages,\r\n          ecommerce functions, integrations and level of custom development. A\r\n          corporate website, ecommerce store and custom web system therefore have\r\n          different scopes.\r\n        <\/p>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>How long does a website project normally take?<\/summary>\r\n        <p>\r\n          The timeline depends on project size, content readiness, feedback cycles,\r\n          design complexity and functionality. A straightforward company website\r\n          normally takes less time than ecommerce or custom development.\r\n        <\/p>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>Can SYSCOMM redesign an existing company website?<\/summary>\r\n        <p>\r\n          Yes. We can review the current design, content, URLs, SEO considerations,\r\n          platform and functionality, then recommend whether it should be redesigned,\r\n          rebuilt or improved.\r\n        <\/p>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>Do you build WordPress websites?<\/summary>\r\n        <p>\r\n          Yes. WordPress can be a practical option for corporate websites that need\r\n          flexible content management. The right platform still depends on the project.\r\n        <\/p>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>Do you develop ecommerce and custom web systems?<\/summary>\r\n        <p>\r\n          Yes. Projects can include WooCommerce, Shopify, B2B ecommerce, account\r\n          workflows, custom web functions and API integration where required.\r\n        <\/p>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>Do you provide support after launch?<\/summary>\r\n        <p>\r\n          Yes. Depending on the agreed scope, support can include content updates,\r\n          hosting, maintenance, technical troubleshooting, SEO and future improvements.\r\n        <\/p>\r\n      <\/details>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- CTA -->\r\n  <section class=\"wd-cta wd-line\">\r\n    <div>\r\n      <span class=\"wd-label\">START A WEB DESIGN PROJECT<\/span>\r\n      <h2>Need a website that works harder for your business?<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"wd-copy\">\r\n      <p>\r\n        Tell us about your business, current website and what you want the new site to\r\n        achieve. We can recommend a practical direction based on the actual project.\r\n      <\/p>\r\n\r\n      <a class=\"wd-cta-link\" href=\"\/contact\/\">\r\n        <span>Request a web design quotation<\/span>\r\n        <span>\u2197<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   WEB DESIGN PAGE \u2014 UNIQUE WIDE SCREEN LAYOUT\r\n   ========================================================= *\/\r\n\r\n#scm-webdesign{\r\n  --bg:#fff;\r\n  --text:#090909;\r\n  --muted:#6c6c67;\r\n  --line:#d8d8d2;\r\n  --soft:#f4f4f0;\r\n\r\n  position:relative!important;\r\n  left:50%!important;\r\n\r\n  width:100vw!important;\r\n  max-width:100vw!important;\r\n\r\n  margin-left:-50vw!important;\r\n\r\n  overflow-x:hidden;\r\n\r\n  background:#fff!important;\r\n  color:var(--text);\r\n\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif;\r\n}\r\n\r\n#scm-webdesign *{box-sizing:border-box}\r\n\r\n#scm-webdesign a{\r\n  color:inherit;\r\n  text-decoration:none;\r\n}\r\n\r\n#scm-webdesign img{\r\n  display:block;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n}\r\n\r\n#scm-webdesign .wd-hero,\r\n#scm-webdesign .wd-marquee,\r\n#scm-webdesign .wd-section,\r\n#scm-webdesign .wd-statement,\r\n#scm-webdesign .wd-cta{\r\n  width:92%;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n}\r\n\r\n#scm-webdesign .wd-line{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-webdesign .wd-label,\r\n#scm-webdesign .wd-kicker,\r\n#scm-webdesign article>span,\r\n#scm-webdesign .wd-hero-caption>span{\r\n  font-size:10px;\r\n  line-height:1.35;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* HERO: UNIQUE SPLIT *\/\r\n\r\n#scm-webdesign .wd-hero{\r\n  min-height:78vh;\r\n\r\n  display:grid;\r\n  grid-template-columns:1.03fr .97fr;\r\n\r\n  border-left:1px solid var(--line);\r\n  border-right:1px solid var(--line);\r\n}\r\n\r\n#scm-webdesign .wd-hero-left{\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:space-between;\r\n\r\n  min-height:78vh;\r\n\r\n  padding:62px 5vw 48px 0;\r\n\r\n  border-right:1px solid var(--line);\r\n}\r\n\r\n#scm-webdesign .wd-kicker{\r\n  padding-left:2px;\r\n}\r\n\r\n#scm-webdesign h1{\r\n  max-width:900px;\r\n\r\n  margin:60px 0 80px;\r\n\r\n  font-size:clamp(62px,6.4vw,108px);\r\n  line-height:.87;\r\n  letter-spacing:-.075em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-webdesign .wd-hero-bottom{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) auto;\r\n  gap:35px;\r\n  align-items:end;\r\n}\r\n\r\n#scm-webdesign .wd-hero-bottom p{\r\n  max-width:570px;\r\n\r\n  margin:0;\r\n\r\n  font-size:16px;\r\n  line-height:1.65;\r\n}\r\n\r\n#scm-webdesign .wd-link{\r\n  display:inline-flex;\r\n\r\n  padding-bottom:6px;\r\n\r\n  border-bottom:1px solid #111;\r\n\r\n  font-size:10px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.13em;\r\n}\r\n\r\n#scm-webdesign .wd-hero-right{\r\n  position:relative;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  min-width:0;\r\n}\r\n\r\n#scm-webdesign .wd-hero-image{\r\n  flex:1;\r\n\r\n  min-height:610px;\r\n\r\n  overflow:hidden;\r\n\r\n  background:var(--soft);\r\n}\r\n\r\n#scm-webdesign .wd-hero-image img{\r\n  filter:saturate(.68) contrast(.98);\r\n  transition:transform 8s ease,filter .8s ease;\r\n}\r\n\r\n#scm-webdesign .wd-hero-right:hover img{\r\n  transform:scale(1.035);\r\n  filter:saturate(.85);\r\n}\r\n\r\n#scm-webdesign .wd-hero-caption{\r\n  display:grid;\r\n  grid-template-columns:.5fr 1.5fr;\r\n  gap:25px;\r\n\r\n  padding:20px 0 0 30px;\r\n}\r\n\r\n#scm-webdesign .wd-hero-caption strong{\r\n  max-width:500px;\r\n\r\n  font-size:22px;\r\n  line-height:1.08;\r\n  letter-spacing:-.035em;\r\n  font-weight:400;\r\n}\r\n\r\n\r\n\/* MARQUEE *\/\r\n\r\n#scm-webdesign .wd-marquee{\r\n  overflow:hidden;\r\n\r\n  padding:18px 0;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n#scm-webdesign .wd-track{\r\n  display:inline-flex;\r\n  gap:48px;\r\n\r\n  min-width:max-content;\r\n\r\n  animation:wdMarquee 26s linear infinite;\r\n}\r\n\r\n#scm-webdesign .wd-track span{\r\n  font-size:12px;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n#scm-webdesign .wd-track span:after{\r\n  content:\"\u2022\";\r\n  margin-left:48px;\r\n  color:#aaa;\r\n}\r\n\r\n@keyframes wdMarquee{\r\n  from{transform:translateX(0)}\r\n  to{transform:translateX(-36%)}\r\n}\r\n\r\n\r\n\/* GENERIC SECTION *\/\r\n\r\n#scm-webdesign .wd-section{\r\n  padding:100px 0 112px;\r\n}\r\n\r\n#scm-webdesign .wd-section-head{\r\n  display:grid;\r\n  grid-template-columns:220px minmax(0,1fr);\r\n  gap:50px;\r\n\r\n  align-items:start;\r\n\r\n  margin-bottom:48px;\r\n}\r\n\r\n#scm-webdesign .wd-section-head h2{\r\n  max-width:1100px;\r\n\r\n  margin:0;\r\n\r\n  font-size:clamp(42px,5vw,76px);\r\n  line-height:.94;\r\n  letter-spacing:-.063em;\r\n  font-weight:400;\r\n}\r\n\r\n\r\n\/* EDITORIAL STICKY *\/\r\n\r\n#scm-webdesign .wd-editorial{\r\n  display:grid;\r\n  grid-template-columns:220px minmax(0,1fr);\r\n  gap:50px;\r\n}\r\n\r\n#scm-webdesign .wd-sticky-label{\r\n  position:relative;\r\n}\r\n\r\n#scm-webdesign .wd-sticky-label span{\r\n  position:sticky;\r\n  top:120px;\r\n\r\n  display:block;\r\n\r\n  font-size:10px;\r\n  line-height:1.5;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-webdesign .wd-editorial-main h2{\r\n  max-width:1200px;\r\n\r\n  margin:0 0 58px;\r\n\r\n  font-size:clamp(46px,5.7vw,88px);\r\n  line-height:.92;\r\n  letter-spacing:-.067em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-webdesign .wd-editorial-copy{\r\n  width:64%;\r\n  margin-left:auto;\r\n\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:26px;\r\n}\r\n\r\n#scm-webdesign .wd-editorial-copy p{\r\n  margin:0;\r\n\r\n  font-size:13px;\r\n  line-height:1.72;\r\n\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* SERVICE BANDS *\/\r\n\r\n#scm-webdesign .wd-service-bands{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-webdesign .wd-band{\r\n  display:grid;\r\n  grid-template-columns:50px 300px minmax(0,1fr) 45px;\r\n  gap:28px;\r\n  align-items:center;\r\n\r\n  padding:22px 0;\r\n\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-webdesign .wd-band.reverse .wd-band-image{\r\n  order:3;\r\n}\r\n\r\n#scm-webdesign .wd-band.reverse .wd-band-content{\r\n  order:2;\r\n}\r\n\r\n#scm-webdesign .wd-band.reverse .wd-band-arrow{\r\n  order:4;\r\n}\r\n\r\n#scm-webdesign .wd-band-no{\r\n  font-size:10px;\r\n}\r\n\r\n#scm-webdesign .wd-band-image{\r\n  height:170px;\r\n\r\n  overflow:hidden;\r\n\r\n  background:var(--soft);\r\n}\r\n\r\n#scm-webdesign .wd-band-image img{\r\n  filter:saturate(.68) contrast(.98);\r\n  transition:transform .55s ease,filter .55s ease;\r\n}\r\n\r\n#scm-webdesign .wd-band:hover img{\r\n  transform:scale(1.03);\r\n  filter:saturate(.9);\r\n}\r\n\r\n#scm-webdesign .wd-band-content>span{\r\n  font-size:10px;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-webdesign .wd-band-content h3{\r\n  margin:12px 0 13px;\r\n\r\n  font-size:34px;\r\n  line-height:1;\r\n  letter-spacing:-.05em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-webdesign .wd-band-content p{\r\n  max-width:700px;\r\n\r\n  margin:0;\r\n\r\n  font-size:13px;\r\n  line-height:1.65;\r\n\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-webdesign .wd-band-arrow{\r\n  font-size:25px;\r\n}\r\n\r\n\r\n\/* MOSAIC *\/\r\n\r\n#scm-webdesign .wd-mosaic{\r\n  display:grid;\r\n  grid-template-columns:1.2fr .8fr .8fr;\r\n  grid-auto-rows:310px;\r\n\r\n  border-top:1px solid var(--line);\r\n  border-left:1px solid var(--line);\r\n}\r\n\r\n#scm-webdesign .wd-mosaic>*{\r\n  border-right:1px solid var(--line);\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-webdesign .wd-mosaic-image{\r\n  overflow:hidden;\r\n}\r\n\r\n#scm-webdesign .wd-mosaic-image.wd-tall{\r\n  grid-row:span 2;\r\n}\r\n\r\n#scm-webdesign .wd-mosaic-image img{\r\n  filter:saturate(.7);\r\n  transition:transform .7s ease;\r\n}\r\n\r\n#scm-webdesign .wd-mosaic-image:hover img{\r\n  transform:scale(1.03);\r\n}\r\n\r\n#scm-webdesign .wd-mosaic-text{\r\n  padding:30px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:flex-end;\r\n}\r\n\r\n#scm-webdesign .wd-mosaic-text.dark{\r\n  background:#0d0d0d;\r\n  color:#fff;\r\n}\r\n\r\n#scm-webdesign .wd-mosaic-text>span{\r\n  margin-bottom:auto;\r\n\r\n  font-size:10px;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-webdesign .wd-mosaic-text.dark>span{\r\n  color:#aaa;\r\n}\r\n\r\n#scm-webdesign .wd-mosaic-text h3{\r\n  margin:0 0 14px;\r\n\r\n  font-size:31px;\r\n  line-height:1;\r\n  letter-spacing:-.05em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-webdesign .wd-mosaic-text p{\r\n  margin:0;\r\n\r\n  font-size:13px;\r\n  line-height:1.62;\r\n\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-webdesign .wd-mosaic-text.dark p{\r\n  color:#bbb;\r\n}\r\n\r\n\r\n\/* INDUSTRIES *\/\r\n\r\n#scm-webdesign .wd-industry-wrap{\r\n  display:grid;\r\n  grid-template-columns:.85fr 1.15fr;\r\n  gap:8vw;\r\n}\r\n\r\n#scm-webdesign .wd-industry-title h2{\r\n  margin:25px 0 0;\r\n\r\n  font-size:clamp(43px,5vw,76px);\r\n  line-height:.94;\r\n  letter-spacing:-.064em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-webdesign .wd-industries{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-webdesign .wd-industries div{\r\n  display:grid;\r\n  grid-template-columns:45px minmax(0,1fr);\r\n\r\n  padding:20px 0;\r\n\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-webdesign .wd-industries span{\r\n  font-size:10px;\r\n}\r\n\r\n#scm-webdesign .wd-industries strong{\r\n  font-size:24px;\r\n  line-height:1.1;\r\n  letter-spacing:-.035em;\r\n  font-weight:400;\r\n}\r\n\r\n\r\n\/* STATEMENT *\/\r\n\r\n#scm-webdesign .wd-statement{\r\n  padding:135px 0 150px;\r\n}\r\n\r\n#scm-webdesign .wd-statement p{\r\n  margin:32px 0 0;\r\n\r\n  font-size:clamp(62px,7.6vw,120px);\r\n  line-height:.88;\r\n  letter-spacing:-.077em;\r\n  font-weight:400;\r\n}\r\n\r\n\r\n\/* PROCESS *\/\r\n\r\n#scm-webdesign .wd-process{\r\n  display:grid;\r\n  grid-template-columns:repeat(6,1fr);\r\n\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-webdesign .wd-process article{\r\n  min-height:300px;\r\n\r\n  padding:22px 19px 28px;\r\n\r\n  border-right:1px solid var(--line);\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-webdesign .wd-process article:first-child{\r\n  padding-left:0;\r\n}\r\n\r\n#scm-webdesign .wd-process article:last-child{\r\n  border-right:0;\r\n}\r\n\r\n#scm-webdesign .wd-process h3{\r\n  margin:80px 0 14px;\r\n\r\n  font-size:24px;\r\n  line-height:1;\r\n  letter-spacing:-.04em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-webdesign .wd-process p{\r\n  margin:0;\r\n\r\n  font-size:12px;\r\n  line-height:1.65;\r\n\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* LOCAL *\/\r\n\r\n#scm-webdesign .wd-local-grid,\r\n#scm-webdesign .wd-seo-panel,\r\n#scm-webdesign .wd-cta{\r\n  display:grid;\r\n  grid-template-columns:1fr .9fr;\r\n  gap:9vw;\r\n}\r\n\r\n#scm-webdesign .wd-local-title h2,\r\n#scm-webdesign .wd-seo-panel h2,\r\n#scm-webdesign .wd-cta h2{\r\n  margin:25px 0 0;\r\n\r\n  font-size:clamp(45px,5.4vw,82px);\r\n  line-height:.92;\r\n  letter-spacing:-.067em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-webdesign .wd-copy p{\r\n  margin:0 0 20px;\r\n\r\n  font-size:14px;\r\n  line-height:1.72;\r\n\r\n  color:#444;\r\n}\r\n\r\n#scm-webdesign .wd-local-links{\r\n  margin-top:32px;\r\n\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-webdesign .wd-local-links a{\r\n  display:flex;\r\n  justify-content:space-between;\r\n\r\n  padding:15px 0;\r\n\r\n  border-bottom:1px solid var(--line);\r\n\r\n  font-size:13px;\r\n}\r\n\r\n\r\n\/* SEO PANEL *\/\r\n\r\n#scm-webdesign .wd-seo-panel{\r\n  padding:50px;\r\n\r\n  background:#f5f5f1;\r\n}\r\n\r\n\r\n\/* FAQ *\/\r\n\r\n#scm-webdesign .wd-faq{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-webdesign .wd-faq details{\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-webdesign .wd-faq summary{\r\n  position:relative;\r\n\r\n  list-style:none;\r\n  cursor:pointer;\r\n\r\n  padding:22px 45px 22px 0;\r\n\r\n  font-size:18px;\r\n  line-height:1.3;\r\n  letter-spacing:-.025em;\r\n}\r\n\r\n#scm-webdesign .wd-faq summary::-webkit-details-marker{\r\n  display:none;\r\n}\r\n\r\n#scm-webdesign .wd-faq summary:after{\r\n  content:\"+\";\r\n\r\n  position:absolute;\r\n  right:0;\r\n  top:18px;\r\n\r\n  font-size:26px;\r\n}\r\n\r\n#scm-webdesign .wd-faq details[open] summary:after{\r\n  content:\"\u2212\";\r\n}\r\n\r\n#scm-webdesign .wd-faq details p{\r\n  max-width:860px;\r\n\r\n  margin:0;\r\n  padding:0 45px 24px 0;\r\n\r\n  font-size:13px;\r\n  line-height:1.7;\r\n\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* CTA *\/\r\n\r\n#scm-webdesign .wd-cta{\r\n  padding:125px 0 132px;\r\n}\r\n\r\n#scm-webdesign .wd-cta-link{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n\r\n  margin-top:38px;\r\n  padding:18px 0;\r\n\r\n  border-top:1px solid #111;\r\n  border-bottom:1px solid #111;\r\n\r\n  font-size:10px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.13em;\r\n}\r\n\r\n\r\n\/* MOTION *\/\r\n\r\n@media(prefers-reduced-motion:no-preference){\r\n\r\n  #scm-webdesign .wd-band,\r\n  #scm-webdesign .wd-process article{\r\n    transition:transform .35s ease,background .35s ease;\r\n  }\r\n\r\n  #scm-webdesign .wd-band:hover{\r\n    transform:translateX(8px);\r\n  }\r\n\r\n  #scm-webdesign .wd-process article:hover{\r\n    transform:translateY(-5px);\r\n    background:#fafaf8;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n  #scm-webdesign .wd-hero,\r\n  #scm-webdesign .wd-marquee,\r\n  #scm-webdesign .wd-section,\r\n  #scm-webdesign .wd-statement,\r\n  #scm-webdesign .wd-cta{\r\n    width:calc(100% - 38px);\r\n  }\r\n\r\n  #scm-webdesign .wd-hero{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-webdesign .wd-hero-left{\r\n    min-height:auto;\r\n\r\n    border-right:0;\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n\r\n  #scm-webdesign .wd-hero-right{\r\n    min-height:650px;\r\n  }\r\n\r\n  #scm-webdesign .wd-editorial-copy{\r\n    width:100%;\r\n  }\r\n\r\n  #scm-webdesign .wd-band{\r\n    grid-template-columns:40px 230px minmax(0,1fr) 30px;\r\n  }\r\n\r\n  #scm-webdesign .wd-process{\r\n    grid-template-columns:repeat(3,1fr);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  #scm-webdesign .wd-hero,\r\n  #scm-webdesign .wd-marquee,\r\n  #scm-webdesign .wd-section,\r\n  #scm-webdesign .wd-statement,\r\n  #scm-webdesign .wd-cta{\r\n    width:calc(100% - 26px);\r\n  }\r\n\r\n  #scm-webdesign .wd-hero{\r\n    border-left:0;\r\n    border-right:0;\r\n  }\r\n\r\n  #scm-webdesign .wd-hero-left{\r\n    padding:55px 0 45px;\r\n  }\r\n\r\n  #scm-webdesign h1{\r\n    margin:45px 0;\r\n\r\n    font-size:clamp(50px,15vw,74px);\r\n  }\r\n\r\n  #scm-webdesign .wd-hero-bottom{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-webdesign .wd-hero-right{\r\n    min-height:520px;\r\n  }\r\n\r\n  #scm-webdesign .wd-hero-image{\r\n    min-height:440px;\r\n  }\r\n\r\n  #scm-webdesign .wd-hero-caption{\r\n    grid-template-columns:1fr;\r\n\r\n    padding-left:0;\r\n  }\r\n\r\n  #scm-webdesign .wd-section{\r\n    padding:70px 0 82px;\r\n  }\r\n\r\n  #scm-webdesign .wd-section-head,\r\n  #scm-webdesign .wd-editorial{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:30px;\r\n  }\r\n\r\n  #scm-webdesign .wd-sticky-label span{\r\n    position:static;\r\n  }\r\n\r\n  #scm-webdesign .wd-editorial-main h2,\r\n  #scm-webdesign .wd-section-head h2{\r\n    font-size:clamp(42px,12vw,62px);\r\n  }\r\n\r\n  #scm-webdesign .wd-editorial-copy{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-webdesign .wd-band,\r\n  #scm-webdesign .wd-band.reverse{\r\n    grid-template-columns:28px 100px minmax(0,1fr) 20px;\r\n    gap:12px;\r\n  }\r\n\r\n  #scm-webdesign .wd-band.reverse .wd-band-image,\r\n  #scm-webdesign .wd-band.reverse .wd-band-content,\r\n  #scm-webdesign .wd-band.reverse .wd-band-arrow{\r\n    order:initial;\r\n  }\r\n\r\n  #scm-webdesign .wd-band-image{\r\n    height:90px;\r\n  }\r\n\r\n  #scm-webdesign .wd-band-content h3{\r\n    font-size:21px;\r\n  }\r\n\r\n  #scm-webdesign .wd-band-content p{\r\n    display:none;\r\n  }\r\n\r\n  #scm-webdesign .wd-mosaic{\r\n    display:block;\r\n\r\n    border-left:0;\r\n  }\r\n\r\n  #scm-webdesign .wd-mosaic>*{\r\n    border-right:0;\r\n  }\r\n\r\n  #scm-webdesign .wd-mosaic-image{\r\n    height:72vw;\r\n  }\r\n\r\n  #scm-webdesign .wd-mosaic-text{\r\n    min-height:280px;\r\n  }\r\n\r\n  #scm-webdesign .wd-industry-wrap,\r\n  #scm-webdesign .wd-local-grid,\r\n  #scm-webdesign .wd-seo-panel,\r\n  #scm-webdesign .wd-cta{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:50px;\r\n  }\r\n\r\n  #scm-webdesign .wd-industry-title h2,\r\n  #scm-webdesign .wd-local-title h2,\r\n  #scm-webdesign .wd-seo-panel h2,\r\n  #scm-webdesign .wd-cta h2{\r\n    font-size:clamp(42px,12vw,61px);\r\n  }\r\n\r\n  #scm-webdesign .wd-statement{\r\n    padding:90px 0 100px;\r\n  }\r\n\r\n  #scm-webdesign .wd-statement p{\r\n    font-size:clamp(52px,14vw,78px);\r\n  }\r\n\r\n  #scm-webdesign .wd-process{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-webdesign .wd-process article,\r\n  #scm-webdesign .wd-process article:first-child{\r\n    min-height:0;\r\n\r\n    padding:22px 0 28px;\r\n\r\n    border-right:0;\r\n  }\r\n\r\n  #scm-webdesign .wd-process h3{\r\n    margin:30px 0 12px;\r\n  }\r\n\r\n  #scm-webdesign .wd-seo-panel{\r\n    padding:28px;\r\n  }\r\n\r\n  #scm-webdesign .wd-cta{\r\n    padding:85px 0 95px;\r\n  }\r\n\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n  #scm-webdesign .wd-track{\r\n    animation:none;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WEB DESIGN MALAYSIA \/ JOHOR \/ JB Professional Web Design in Malaysia for Businesses That Want to Grow. SYSCOMM designs and develops professional business websites that are clear, responsive, easy to manage and built around real customer journeys. Request a quotation \u2197 WEB DESIGN \/ UI UX \/ DEVELOPMENT Designed around your business, not around [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":3,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":8406,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/15\/revisions\/8406"}],"wp:attachment":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}