{"id":11663,"date":"2025-05-22T08:41:27","date_gmt":"2025-05-22T08:41:27","guid":{"rendered":"https:\/\/kolam.daac360.com\/?page_id=11663"},"modified":"2025-06-02T09:41:13","modified_gmt":"2025-06-02T09:41:13","slug":"design","status":"publish","type":"page","link":"https:\/\/kolam.daac360.com\/index.php\/design\/","title":{"rendered":"Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11663\" class=\"elementor elementor-11663\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07cceea e-flex e-con-boxed e-con e-parent\" data-id=\"07cceea\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-401439b e-transform elementor-widget elementor-widget-hub_fancy_heading\" data-id=\"401439b\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"hub_fancy_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div id=\"ld-fancy-heading-69fac2fa15cbe\" class=\"ld-fancy-heading pos-rel\">\n\t\t\t<h2 class=\"ld-fh-element d-inline-block pos-rel  elementor-heading-title lqd-highlight-classic lqd-highlight-grow-left h2\"  > Design That Flows with Meaning<\/h2>\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4994f4 elementor-absolute e-transform e-transform e-transform elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-ld_draw_shape\" data-id=\"e4994f4\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:145,&quot;sizes&quot;:[]},&quot;_transform_flipX_effect&quot;:&quot;transform&quot;,&quot;_transform_flipY_effect&quot;:&quot;transform&quot;,&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"ld_draw_shape.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<figure id=\"lqd-draw-shape-e4994f4\" class=\"lqd-draw-shape\" data-lqd-draw-shape=\"true\" data-draw-shape-options=\"{&quot;drawSVG&quot;:&quot;0%&quot;,&quot;stagger&quot;:7,&quot;start&quot;:&quot;top bottom&quot;,&quot;end&quot;:&quot;+=100%&quot;,&quot;scrub&quot;:1,&quot;ease&quot;:[&quot;linear&quot;]}\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Layer_1\" viewBox=\"0 0 500 500\"><defs><style>      .st0 {        fill: none;        stroke: #6d1511;        stroke-miterlimit: 10;        stroke-width: 29px;      }      .st1 {        fill: #6d1511;      }    <\/style><\/defs><circle class=\"st1\" cx=\"172.22\" cy=\"248.22\" r=\"18.46\"><\/circle><circle class=\"st1\" cx=\"327.78\" cy=\"96.22\" r=\"18.46\"><\/circle><circle class=\"st1\" cx=\"327.78\" cy=\"403.78\" r=\"18.46\"><\/circle><path class=\"st0\" d=\"M250,174h76s75.75,3.86,75.75-82.16c0-71.9-73.97-69.85-73.97-69.85,0,0-77.78-2.42-77.78,76.01v304s2.71,76.22,76,76c72.17-.22,76-68.71,76-68.71,0,0,7.29-83.29-76-83.29h-152s-76,6.14-76-76c0,0,0-76,76-76h76\"><\/path><\/svg>\t\t<\/figure>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-842b596 e-flex e-con-boxed e-con e-parent\" data-id=\"842b596\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d72ec65 elementor-widget elementor-widget-hub_fancy_heading\" data-id=\"d72ec65\" data-element_type=\"widget\" data-widget_type=\"hub_fancy_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div id=\"ld-fancy-heading-69fac2fa18b0b\" class=\"ld-fancy-heading pos-rel\">\n\t\t\t<h2 class=\"ld-fh-element d-inline-block pos-rel  elementor-heading-title lqd-highlight-classic lqd-highlight-grow-left h2\"  > Design isn\u2019t decoration. Its direction. It shows where to look, how to feel, when to trust.\nWe blend form and function into visuals that aren\u2019t just seen but experienced.<\/h2>\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e3cd2e elementor-widget elementor-widget-ld_text_reveal\" data-id=\"0e3cd2e\" data-element_type=\"widget\" data-widget_type=\"ld_text_reveal.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"lqd-text-reveal-el mt-0 mb-0\" data-split-text=\"true\" data-split-options=\"{&quot;type&quot;:&quot;words, chars&quot;}\" data-parallax=\"true\" data-parallax-options=\"{&quot;disableOnMobile&quot;:false,&quot;parallaxTargets&quot;:&quot;.lqd-chars, figure&quot;,&quot;start&quot;:&quot;top 70%&quot;,&quot;end&quot;:&quot;bottom bottom&quot;,&quot;scrub&quot;:3,&quot;skipWillChange&quot;:true}\" data-parallax-from=\"{&quot;opacity&quot;:0.2}\" data-parallax-to=\"{&quot;opacity&quot;:1,&quot;stagger&quot;:{&quot;from&quot;:&quot;start&quot;,&quot;each&quot;:1}}\">Because Your brand deserves to be felt, not just viewed.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f479b4e elementor-widget elementor-widget-ld_text_reveal\" data-id=\"f479b4e\" data-element_type=\"widget\" data-widget_type=\"ld_text_reveal.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"lqd-text-reveal-el mt-0 mb-0\" data-split-text=\"true\" data-split-options=\"{&quot;type&quot;:&quot;words, chars&quot;}\" data-parallax=\"true\" data-parallax-options=\"{&quot;disableOnMobile&quot;:false,&quot;parallaxTargets&quot;:&quot;.lqd-chars, figure&quot;,&quot;start&quot;:&quot;top 70%&quot;,&quot;end&quot;:&quot;bottom bottom&quot;,&quot;scrub&quot;:3,&quot;skipWillChange&quot;:true}\" data-parallax-from=\"{&quot;opacity&quot;:0.2}\" data-parallax-to=\"{&quot;opacity&quot;:1,&quot;stagger&quot;:{&quot;from&quot;:&quot;start&quot;,&quot;each&quot;:1}}\">Here\u2019s how we design every pixel to do more than just look good<\/h2>\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<div class=\"elementor-element elementor-element-d5fcc22 e-con-full e-flex e-con e-parent\" data-id=\"d5fcc22\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13a9b0b elementor-widget elementor-widget-html\" data-id=\"13a9b0b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n  <style>\r\n   \r\n    .services-section {\r\n      height: 100vh;\r\n      position: relative;\r\n      overflow: hidden;\r\n      background-color: #3F0A08;\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    .scrolling-track {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 3rem;\r\n      padding: 2rem;\r\n      will-change: transform;\r\n    }\r\n\r\n    .section-title {\r\n      flex-shrink: 0;\r\n      font-size: 10vw;\r\n      font-weight: normal;\r\n      color: #FFF1D9;\r\n      line-height: 1;\r\n      text-transform: uppercase;\r\n      white-space: nowrap;\r\n      font-family: \"Italiana\";\r\n      margin-top: 60px;\r\n    }\r\n\r\n    .services-container {\r\n      display: flex;\r\n      gap: 2rem;\r\n    }\r\n\r\n    .service-box {\r\n      width: 340px;\r\n      height: 280px;\r\n      background: #FFF1D9;\r\n      padding: 2rem;\r\n      border-radius: 1.5rem;\r\n      flex-shrink: 0;\r\n      box-shadow: 0 4px 12px rgba(0,0,0,0.06);\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: flex-start;\r\n    }\r\n\r\n    .service-box h3 {\r\n      background: linear-gradient(90deg, #7A1515, #3F0A08);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      font-size: 1.2rem;\r\n      font-weight: 600;\r\n      margin-bottom: 1rem;\r\n      line-height: 1.4;\r\n      font-family: 'poppins';\r\n    }\r\n\r\n    .service-box p {\r\n      color: #222;\r\n      font-size: 0.95rem;\r\n      line-height: 1.6;\r\n      font-family: 'Poppins';\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .section-title {\r\n        font-size: 14vw;\r\n      }\r\n\r\n      .service-box {\r\n        width: 280px;\r\n        height: auto;\r\n        padding: 1.5rem;\r\n      }\r\n\r\n      .service-box h3 {\r\n        font-size: 1rem;\r\n      }\r\n\r\n      .service-box p {\r\n        font-size: 0.85rem;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"services-section\">\r\n    <div class=\"scrolling-track\">\r\n      <div class=\"section-title\">Design<\/div>\r\n      <div class=\"services-container\">\r\n        <div class=\"service-box\">\r\n          <h3>Mobile & Website UI\/UX<\/h3>\r\n          <p>Wireframes, interactive prototypes, and responsive interfaces based on UX research and journey mapping.<\/p>\r\n        <\/div>\r\n        <div class=\"service-box\">\r\n          <h3>Video Production<\/h3>\r\n          <p>Script-to-screen production including pre-production, shoot management, and post-editing.<\/p>\r\n        <\/div>\r\n        <div class=\"service-box\">\r\n          <h3>Brand Design<\/h3>\r\n          <p>  Visual identity systems including color palettes, typography, iconography, and brand guidelines.<\/p>\r\n        <\/div>\r\n        <div class=\"service-box\">\r\n          <h3>Logo Design<\/h3>\r\n          <p>Scalable logos built with concept reasoning, grid systems, and brand adaptability in mind.<\/p>\r\n        <\/div>\r\n        <div class=\"service-box\">\r\n          <h3>Packaging Design<\/h3>\r\n          <p>Product packaging from dielines to mockups,  compliant with retail specs and brand aesthetics.<\/p>\r\n        <\/div>\r\n        <div class=\"service-box\">\r\n          <h3>UI & UX Design<\/h3>\r\n          <p>User-centric screen designs using Figma, Adobe XD, or Sketch for web and app platforms.<\/p>\r\n        <\/div>\r\n        <div class=\"service-box\">\r\n          <h3>Website Design<\/h3>\r\n          <p>Sitemap structuring, user flows, visual styling, and CMS adaptability baked into every layout.<\/p>\r\n        <\/div>\r\n        <div class=\"service-box\">\r\n          <h3>Spatial Design<\/h3>\r\n          <p> Brand-driven layouts for physical spaces, including 3D renders and experience mapping.<\/p>\r\n        <\/div>\r\n        <div class=\"service-box\">\r\n          <h3>Exhibition Design<\/h3>\r\n          <p>Booth designs, spatial storytelling, and production-ready 3D mockups for expos and trade shows.<\/p>\r\n        <\/div>\r\n        \r\n        \r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- GSAP + ScrollTrigger -->\r\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n  <script>\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    const scrollTrack = document.querySelector(\".scrolling-track\");\r\n    const scrollWidth = scrollTrack.scrollWidth - window.innerWidth + 100;\r\n\r\n    gsap.to(scrollTrack, {\r\n      x: () => `-${scrollWidth}`,\r\n      ease: \"none\",\r\n      scrollTrigger: {\r\n        trigger: \".services-section\",\r\n        start: \"top top\",\r\n        end: () => `+=${scrollWidth}`,\r\n        scrub: true,\r\n        pin: true,\r\n        anticipatePin: 1,\r\n      }\r\n    });\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e9a9ef5 elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"e9a9ef5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b75aee7 elementor-widget elementor-widget-hub_fancy_heading\" data-id=\"b75aee7\" data-element_type=\"widget\" data-widget_type=\"hub_fancy_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div id=\"ld-fancy-heading-69fac2fa1bc8a\" class=\"ld-fancy-heading pos-rel\">\n\t\t\t<h2 class=\"ld-fh-element d-inline-block pos-rel  elementor-heading-title lqd-highlight-classic lqd-highlight-grow-left h2\"  > flawless design made easy<\/h2>\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6aff7f elementor-mobile-align-center elementor-widget elementor-widget-ld_button\" data-id=\"a6aff7f\" data-element_type=\"widget\" data-widget_type=\"ld_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t<a\n\t\t\t\thref=\"#\"class=\"elementor-button btn btn-solid btn-icon-right btn-has-label\"\t\t\t>\n\t\t\t\t\t\t\t\t\t<span data-text=\"Book a Call\" class=\"btn-txt\">\n\t\t\t\t\t\tBook a Call\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"btn-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"lqd-icn-ess icon-ion-ios-arrow-round-forward\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bea9600 elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"bea9600\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9bb11b8 e-con-full e-flex e-con e-child\" data-id=\"9bb11b8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0459644 elementor-widget elementor-widget-hub_fancy_heading\" data-id=\"0459644\" data-element_type=\"widget\" data-widget_type=\"hub_fancy_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div id=\"ld-fancy-heading-69fac2fa1f849\" class=\"ld-fancy-heading pos-rel\">\n\t\t\t<h2 class=\"ld-fh-element d-inline-block pos-rel  elementor-heading-title lqd-highlight-classic lqd-highlight-grow-left h2\"  > Endless Design<\/h2>\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e13284f e-con-full e-flex e-con e-child\" data-id=\"e13284f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-363c37a elementor-widget elementor-widget-hub_fancy_heading\" data-id=\"363c37a\" data-element_type=\"widget\" data-widget_type=\"hub_fancy_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div id=\"ld-fancy-heading-69fac2fa2002c\" class=\"ld-fancy-heading pos-rel\">\n\t\t\t<h2 class=\"ld-fh-element d-inline-block pos-rel  elementor-heading-title lqd-highlight-classic lqd-highlight-grow-left h2\"  > made easy<\/h2>\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5602fb0 e-con-full e-flex e-con e-child\" data-id=\"5602fb0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6df94e1 elementor-widget elementor-widget-ld_button\" data-id=\"6df94e1\" data-element_type=\"widget\" data-widget_type=\"ld_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t<a\n\t\t\t\thref=\"#\"class=\"elementor-button btn btn-solid btn-icon-right btn-has-label\"\t\t\t>\n\t\t\t\t\t\t\t\t\t<span data-text=\"Book a Call\" class=\"btn-txt\">\n\t\t\t\t\t\tBook a Call\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"btn-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"lqd-icn-ess icon-ion-ios-arrow-round-forward\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Design That Flows with Meaning Design isn\u2019t decoration. Its direction. It shows where to look, how to feel, when to trust. We blend form and function into visuals that aren\u2019t just seen but experienced. Because Your brand deserves to be felt, not just viewed. Here\u2019s how we design every pixel to do more than just [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11663","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kolam.daac360.com\/index.php\/wp-json\/wp\/v2\/pages\/11663","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kolam.daac360.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kolam.daac360.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kolam.daac360.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kolam.daac360.com\/index.php\/wp-json\/wp\/v2\/comments?post=11663"}],"version-history":[{"count":28,"href":"https:\/\/kolam.daac360.com\/index.php\/wp-json\/wp\/v2\/pages\/11663\/revisions"}],"predecessor-version":[{"id":12703,"href":"https:\/\/kolam.daac360.com\/index.php\/wp-json\/wp\/v2\/pages\/11663\/revisions\/12703"}],"wp:attachment":[{"href":"https:\/\/kolam.daac360.com\/index.php\/wp-json\/wp\/v2\/media?parent=11663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}