{"id":417,"date":"2025-04-06T08:47:59","date_gmt":"2025-04-06T08:47:59","guid":{"rendered":"https:\/\/dindex.net\/?page_id=417"},"modified":"2026-10-19T11:32:07","modified_gmt":"2026-10-19T11:32:07","slug":"visual-and-brand-identity-design","status":"publish","type":"page","link":"https:\/\/dindex.net\/en\/visual-and-brand-identity-design\/","title":{"rendered":"Visual and Brand Identity Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"417\" class=\"elementor elementor-417\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f9c207 e-con-full e-flex e-con e-parent\" data-id=\"7f9c207\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d09e030 elementor-widget elementor-widget-html\" data-id=\"d09e030\" 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\n<!-- =========================================================\r\n D-INDEX \u2014 BRAND IDENTITY SERVICE HERO\r\n English \/ LTR\r\n Elementor HTML Widget\r\n========================================================= -->\r\n\r\n<style>\r\n.elementor-widget-html:has(#dx-brand-hero-en),\r\n.elementor-widget-html:has(#dx-brand-hero-en) > .elementor-widget-container {\r\n    width:100% !important;\r\n    max-width:none !important;\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n}\r\n\r\n#dx-brand-hero-en,\r\n#dx-brand-hero-en *,\r\n#dx-brand-hero-en *::before,\r\n#dx-brand-hero-en *::after {\r\n    box-sizing:border-box;\r\n}\r\n\r\n#dx-brand-hero-en {\r\n    --brand-dark:#100527;\r\n    --brand-dark-2:#211047;\r\n    --brand-purple:#7045df;\r\n    --brand-light:#9b78f5;\r\n    --brand-gold:#ffc441;\r\n    --brand-white:#fff;\r\n\r\n    position:relative;\r\n    isolation:isolate;\r\n\r\n    width:100vw;\r\n    max-width:100vw;\r\n    margin-inline:calc(50% - 50vw);\r\n\r\n    direction:ltr;\r\n    text-align:left;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 90% 18%,\r\n        rgba(112,69,223,.3),\r\n        transparent 35%\r\n      ),\r\n      radial-gradient(\r\n        circle at 10% 85%,\r\n        rgba(255,196,65,.07),\r\n        transparent 30%\r\n      ),\r\n      linear-gradient(\r\n        235deg,\r\n        #100527,\r\n        #1c0d3b 65%,\r\n        #100527\r\n      );\r\n\r\n    color:#fff;\r\n\r\n    font-family:\r\n      \"Inter\",\r\n      \"Segoe UI\",\r\n      Arial,\r\n      sans-serif;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n#dx-brand-hero-en::before {\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:-1;\r\n\r\n    background-image:\r\n      linear-gradient(\r\n        rgba(255,255,255,.035) 1px,\r\n        transparent 1px\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(255,255,255,.035) 1px,\r\n        transparent 1px\r\n      );\r\n\r\n    background-size:55px 55px;\r\n\r\n    -webkit-mask-image:\r\n      linear-gradient(to bottom,#000,transparent);\r\n    mask-image:\r\n      linear-gradient(to bottom,#000,transparent);\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n#dx-brand-hero-en .dbh-container {\r\n    width:min(1360px,100%);\r\n    margin:auto;\r\n\r\n    padding:\r\n      clamp(65px,7vw,110px)\r\n      clamp(22px,5vw,75px);\r\n}\r\n\r\n#dx-brand-hero-en .dbh-grid {\r\n    display:grid;\r\n    grid-template-columns:\r\n      minmax(0,1.08fr)\r\n      minmax(0,.92fr);\r\n\r\n    gap:clamp(35px,5vw,80px);\r\n    align-items:center;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-content {\r\n    min-width:0;\r\n    position:relative;\r\n    z-index:3;\r\n}\r\n\r\n\/* EYEBROW *\/\r\n\r\n#dx-brand-hero-en .dbh-eyebrow {\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n\r\n    padding:9px 16px;\r\n\r\n    border:1px solid rgba(255,196,65,.23);\r\n    border-radius:100px;\r\n\r\n    color:var(--brand-gold);\r\n    background:rgba(255,196,65,.06);\r\n\r\n    font-size:13px;\r\n    font-weight:700;\r\n    line-height:1.5;\r\n\r\n    margin-bottom:27px;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-eyebrow::before {\r\n    content:\"\";\r\n    width:7px;\r\n    height:7px;\r\n    border-radius:50%;\r\n    background:var(--brand-gold);\r\n    box-shadow:0 0 0 5px rgba(255,196,65,.12);\r\n}\r\n\r\n\/* HEADING *\/\r\n\r\n#dx-brand-hero-en h1 {\r\n    margin:0 0 24px;\r\n\r\n    font-size:clamp(37px,4.5vw,66px);\r\n    font-weight:900;\r\n    line-height:1.18;\r\n    letter-spacing:-1.4px;\r\n\r\n    color:#fff;\r\n}\r\n\r\n#dx-brand-hero-en h1 span {\r\n    color:var(--brand-gold);\r\n}\r\n\r\n#dx-brand-hero-en .dbh-description {\r\n    max-width:650px;\r\n\r\n    color:rgba(255,255,255,.78);\r\n\r\n    font-size:clamp(15px,1.3vw,18px);\r\n    font-weight:400;\r\n    line-height:1.85;\r\n\r\n    margin:0 0 29px;\r\n}\r\n\r\n\/* FEATURES *\/\r\n\r\n#dx-brand-hero-en .dbh-features {\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:12px 22px;\r\n\r\n    margin-bottom:36px;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-feature {\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n\r\n    color:rgba(255,255,255,.85);\r\n\r\n    font-size:13px;\r\n    font-weight:600;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-feature svg {\r\n    width:18px;\r\n    height:18px;\r\n    color:var(--brand-gold);\r\n    flex-shrink:0;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n\r\n#dx-brand-hero-en .dbh-actions {\r\n    display:flex;\r\n    gap:13px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-btn {\r\n    display:inline-flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    min-height:56px;\r\n    padding:14px 25px;\r\n\r\n    border-radius:13px;\r\n\r\n    font-size:14px;\r\n    font-weight:800;\r\n    line-height:1.4;\r\n\r\n    text-decoration:none;\r\n\r\n    transition:\r\n      transform .25s,\r\n      background .25s,\r\n      box-shadow .25s;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-btn svg {\r\n    width:19px;\r\n    height:19px;\r\n    flex-shrink:0;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-primary {\r\n    color:#fff;\r\n\r\n    background:\r\n      linear-gradient(\r\n        135deg,\r\n        #7549e8,\r\n        #5630c5\r\n      );\r\n\r\n    box-shadow:\r\n      0 14px 32px rgba(95,50,210,.27);\r\n}\r\n\r\n#dx-brand-hero-en .dbh-secondary {\r\n    color:#fff;\r\n\r\n    border:1px solid rgba(255,255,255,.23);\r\n    background:rgba(255,255,255,.045);\r\n}\r\n\r\n#dx-brand-hero-en .dbh-btn:hover {\r\n    transform:translateY(-3px);\r\n}\r\n\r\n#dx-brand-hero-en .dbh-primary:hover {\r\n    color:#fff;\r\n    box-shadow:\r\n      0 19px 38px rgba(95,50,210,.39);\r\n}\r\n\r\n#dx-brand-hero-en .dbh-secondary:hover {\r\n    background:rgba(255,255,255,.12);\r\n    color:#fff;\r\n}\r\n\r\n#dx-brand-hero-en a:focus-visible {\r\n    outline:2px solid var(--brand-gold);\r\n    outline-offset:4px;\r\n}\r\n\r\n\/* IDENTITY SHOWCASE *\/\r\n\r\n#dx-brand-hero-en .dbh-showcase {\r\n    position:relative;\r\n\r\n    width:100%;\r\n    max-width:540px;\r\n    margin:auto;\r\n\r\n    aspect-ratio:1\/1.05;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-halo {\r\n    position:absolute;\r\n    width:92%;\r\n    aspect-ratio:1;\r\n\r\n    border-radius:50%;\r\n    border:1px solid rgba(255,255,255,.075);\r\n}\r\n\r\n#dx-brand-hero-en .dbh-halo::before {\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:13%;\r\n\r\n    border:1px dashed rgba(255,196,65,.16);\r\n    border-radius:50%;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-board {\r\n    position:relative;\r\n\r\n    width:83%;\r\n    aspect-ratio:.92;\r\n\r\n    padding:17px;\r\n    border-radius:27px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(255,255,255,.16),\r\n        rgba(255,255,255,.035)\r\n      );\r\n\r\n    border:1px solid rgba(255,255,255,.2);\r\n\r\n    box-shadow:\r\n      0 35px 85px rgba(0,0,0,.3);\r\n\r\n    transform:rotate(5deg);\r\n    transition:transform .5s ease;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-showcase:hover .dbh-board {\r\n    transform:rotate(2deg) translateY(-6px);\r\n}\r\n\r\n#dx-brand-hero-en .dbh-board-inner {\r\n    height:100%;\r\n    overflow:hidden;\r\n\r\n    display:grid;\r\n    grid-template-rows:1fr auto;\r\n    gap:12px;\r\n\r\n    padding:15px;\r\n    border-radius:18px;\r\n\r\n    background:#f8f7fc;\r\n    color:#160a31;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-poster {\r\n    position:relative;\r\n    min-height:0;\r\n\r\n    border-radius:13px;\r\n    overflow:hidden;\r\n\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        #14082d,\r\n        #6037bd\r\n      );\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:12px;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-poster::after {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    width:230px;\r\n    height:230px;\r\n\r\n    border:42px solid rgba(255,255,255,.05);\r\n    border-radius:50%;\r\n\r\n    top:-130px;\r\n    left:-100px;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-monogram {\r\n    position:relative;\r\n    width:115px;\r\n    height:115px;\r\n\r\n    display:grid;\r\n    place-items:center;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-monogram svg {\r\n    width:100%;\r\n    height:100%;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-sample-name {\r\n    font:\r\n      800 clamp(13px,1.5vw,20px)\r\n      \"Inter\",Arial,sans-serif;\r\n\r\n    color:#fff;\r\n    letter-spacing:4px;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-sample-caption {\r\n    color:rgba(255,255,255,.6);\r\n\r\n    font:\r\n      500 10px\r\n      \"Inter\",Arial,sans-serif;\r\n\r\n    letter-spacing:2px;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-bottom {\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:12px;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-mini {\r\n    min-width:0;\r\n\r\n    background:#fff;\r\n    border:1px solid #e9e6f1;\r\n    border-radius:11px;\r\n    padding:11px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:9px;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-mini-label {\r\n    font:\r\n      700 9px\r\n      \"Inter\",Arial,sans-serif;\r\n\r\n    color:#827b91;\r\n    letter-spacing:1px;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-swatches {\r\n    display:flex;\r\n    gap:5px;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-swatch {\r\n    flex:1;\r\n    height:27px;\r\n    border-radius:5px;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-type-example {\r\n    font:\r\n      800 25px\r\n      \"Inter\",Arial,sans-serif;\r\n\r\n    line-height:1;\r\n    color:#24114b;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-type-example span {\r\n    font-size:12px;\r\n    font-weight:500;\r\n    color:#847a97;\r\n}\r\n\r\n\/* FLOATING LABELS *\/\r\n\r\n#dx-brand-hero-en .dbh-float {\r\n    position:absolute;\r\n    z-index:2;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n\r\n    padding:12px 15px;\r\n\r\n    background:rgba(255,255,255,.96);\r\n    border:1px solid rgba(112,69,223,.13);\r\n    border-radius:13px;\r\n\r\n    box-shadow:\r\n      0 18px 45px rgba(0,0,0,.2);\r\n\r\n    color:#24133e;\r\n\r\n    font-size:12px;\r\n    font-weight:800;\r\n\r\n    animation:dbhFloatEN 6s ease-in-out infinite;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-float svg {\r\n    width:20px;\r\n    height:20px;\r\n    color:#7045df;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-float-one {\r\n    top:13%;\r\n    left:0;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-float-two {\r\n    bottom:15%;\r\n    right:-3%;\r\n    animation-delay:-3s;\r\n}\r\n\r\n@keyframes dbhFloatEN {\r\n    0%,100% {\r\n        transform:translateY(0);\r\n    }\r\n    50% {\r\n        transform:translateY(-9px);\r\n    }\r\n}\r\n\r\n#dx-brand-hero-en .dbh-footer-note {\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n\r\n    margin-top:35px;\r\n\r\n    color:rgba(255,255,255,.55);\r\n    font-size:12px;\r\n}\r\n\r\n#dx-brand-hero-en .dbh-footer-note::before {\r\n    content:\"\";\r\n    width:32px;\r\n    height:1px;\r\n    background:var(--brand-gold);\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1050px) {\r\n    #dx-brand-hero-en .dbh-grid {\r\n        grid-template-columns:1fr 1fr;\r\n        gap:30px;\r\n    }\r\n\r\n    #dx-brand-hero-en h1 {\r\n        font-size:clamp(35px,4.5vw,51px);\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-float {\r\n        font-size:10px;\r\n        padding:10px;\r\n    }\r\n}\r\n\r\n\/* SMALL TABLET *\/\r\n\r\n@media(max-width:800px) {\r\n    #dx-brand-hero-en .dbh-grid {\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-content {\r\n        text-align:center;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-description {\r\n        margin-inline:auto;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-features,\r\n    #dx-brand-hero-en .dbh-actions {\r\n        justify-content:center;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-showcase {\r\n        max-width:480px;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-footer-note {\r\n        justify-content:center;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:520px) {\r\n    #dx-brand-hero-en .dbh-container {\r\n        padding:54px 19px 65px;\r\n    }\r\n\r\n    #dx-brand-hero-en h1 {\r\n        font-size:clamp(32px,9vw,42px);\r\n        line-height:1.23;\r\n        letter-spacing:-.8px;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-description {\r\n        font-size:15px;\r\n        line-height:1.8;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-features {\r\n        gap:12px 17px;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-actions {\r\n        flex-direction:column;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-btn {\r\n        width:100%;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-showcase {\r\n        max-width:360px;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-board {\r\n        width:85%;\r\n        padding:9px;\r\n        border-radius:20px;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-board-inner {\r\n        padding:9px;\r\n        gap:8px;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-monogram {\r\n        width:75px;\r\n        height:75px;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-mini {\r\n        padding:8px;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-swatch {\r\n        height:19px;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-float {\r\n        font-size:9px;\r\n        padding:8px;\r\n        gap:5px;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-float svg {\r\n        width:14px;\r\n        height:14px;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-float-one {\r\n        left:-2%;\r\n    }\r\n\r\n    #dx-brand-hero-en .dbh-float-two {\r\n        right:-2%;\r\n    }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n    #dx-brand-hero-en *,\r\n    #dx-brand-hero-en *::before,\r\n    #dx-brand-hero-en *::after {\r\n        animation:none !important;\r\n        transition:none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section\r\n    id=\"dx-brand-hero-en\"\r\n    dir=\"ltr\"\r\n    lang=\"en\"\r\n    aria-labelledby=\"dx-brand-h1-en\"\r\n>\r\n    <div class=\"dbh-container\">\r\n        <div class=\"dbh-grid\">\r\n\r\n            <!-- CONTENT -->\r\n\r\n            <div class=\"dbh-content\">\r\n\r\n                <span class=\"dbh-eyebrow\">\r\n                    Branding & Visual Identity Services\r\n                <\/span>\r\n\r\n                <h1 id=\"dx-brand-h1-en\">\r\n                    Visual Identity and Brand Design\r\n                    <span>That Reflects Your Business<\/span>\r\n                <\/h1>\r\n\r\n                <p class=\"dbh-description\">\r\n                    Your brand is more than just a logo. At D-INDEX,\r\n                    we create cohesive visual identities that reflect\r\n                    your business's personality and build a consistent,\r\n                    recognizable presence. From logo design, colors,\r\n                    and typography to branded applications and\r\n                    comprehensive brand guidelines, every detail\r\n                    is designed to work together.\r\n                <\/p>\r\n\r\n                <div class=\"dbh-features\">\r\n\r\n                    <span class=\"dbh-feature\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                            stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n                            <path d=\"m8 12 3 3 5-6\"\/>\r\n                        <\/svg>\r\n                        Distinctive Logo Design\r\n                    <\/span>\r\n\r\n                    <span class=\"dbh-feature\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                            stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n                            <path d=\"m8 12 3 3 5-6\"\/>\r\n                        <\/svg>\r\n                        Complete Visual Identity\r\n                    <\/span>\r\n\r\n                    <span class=\"dbh-feature\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                            stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n                            <path d=\"m8 12 3 3 5-6\"\/>\r\n                        <\/svg>\r\n                        Brand Guidelines\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"dbh-actions\">\r\n\r\n                    <a\r\n                        class=\"dbh-btn dbh-primary\"\r\n                        href=\"https:\/\/dindex.net\/en\/contact\/\"\r\n                    >\r\n                        Start Your Brand Identity\r\n                        <svg viewBox=\"0 0 24 24\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\">\r\n                            <path d=\"M5 12h14\"\/>\r\n                            <path d=\"m13 6 6 6-6 6\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n\r\n                    <a\r\n                        class=\"dbh-btn dbh-secondary\"\r\n                        href=\"#dx-brand-services\"\r\n                    >\r\n                        Explore Our Services\r\n                        <svg viewBox=\"0 0 24 24\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\">\r\n                            <path d=\"M12 5v14\"\/>\r\n                            <path d=\"m18 13-6 6-6-6\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"dbh-footer-note\">\r\n                    Thoughtful branding tailored to your business and audience\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- IDENTITY SHOWCASE -->\r\n\r\n            <div\r\n                class=\"dbh-showcase\"\r\n                aria-label=\"Illustration of a complete brand identity system\"\r\n            >\r\n                <div class=\"dbh-halo\" aria-hidden=\"true\"><\/div>\r\n\r\n                <div class=\"dbh-board\">\r\n\r\n                    <div class=\"dbh-board-inner\">\r\n\r\n                        <div class=\"dbh-poster\">\r\n\r\n                            <div class=\"dbh-monogram\">\r\n                                <svg\r\n                                    viewBox=\"0 0 120 120\"\r\n                                    role=\"img\"\r\n                                    aria-label=\"Abstract brand symbol\"\r\n                                >\r\n                                    <defs>\r\n                                        <linearGradient\r\n                                            id=\"dbh-symbol-gradient-en\"\r\n                                            x1=\"0\" x2=\"1\" y1=\"0\" y2=\"1\"\r\n                                        >\r\n                                            <stop\r\n                                                offset=\"0%\"\r\n                                                stop-color=\"#ffc441\"\r\n                                            \/>\r\n                                            <stop\r\n                                                offset=\"100%\"\r\n                                                stop-color=\"#fff0bb\"\r\n                                            \/>\r\n                                        <\/linearGradient>\r\n                                    <\/defs>\r\n\r\n                                    <path\r\n                                        d=\"M60 8 111 60 60 112 9 60Z\"\r\n                                        fill=\"none\"\r\n                                        stroke=\"url(#dbh-symbol-gradient-en)\"\r\n                                        stroke-width=\"5\"\r\n                                    \/>\r\n                                    <path\r\n                                        d=\"M60 25 95 60 60 95 25 60Z\"\r\n                                        fill=\"none\"\r\n                                        stroke=\"#fff\"\r\n                                        stroke-width=\"3\"\r\n                                        opacity=\".7\"\r\n                                    \/>\r\n                                    <circle\r\n                                        cx=\"60\" cy=\"60\" r=\"14\"\r\n                                        fill=\"#ffc441\"\r\n                                    \/>\r\n                                    <circle\r\n                                        cx=\"60\" cy=\"60\" r=\"6\"\r\n                                        fill=\"#211047\"\r\n                                    \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n\r\n                            <span class=\"dbh-sample-name\">\r\n                                YOUR BRAND\r\n                            <\/span>\r\n\r\n                            <span class=\"dbh-sample-caption\">\r\n                                VISUAL IDENTITY SYSTEM\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"dbh-bottom\">\r\n\r\n                            <div class=\"dbh-mini\" dir=\"ltr\">\r\n                                <span class=\"dbh-mini-label\">\r\n                                    COLOR PALETTE\r\n                                <\/span>\r\n\r\n                                <div class=\"dbh-swatches\">\r\n                                    <span class=\"dbh-swatch\"\r\n                                        style=\"background:#160a31\"><\/span>\r\n                                    <span class=\"dbh-swatch\"\r\n                                        style=\"background:#7045df\"><\/span>\r\n                                    <span class=\"dbh-swatch\"\r\n                                        style=\"background:#ffc441\"><\/span>\r\n                                    <span class=\"dbh-swatch\"\r\n                                        style=\"background:#e9e3f6\"><\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"dbh-mini\" dir=\"ltr\">\r\n                                <span class=\"dbh-mini-label\">\r\n                                    TYPOGRAPHY\r\n                                <\/span>\r\n\r\n                                <div class=\"dbh-type-example\">\r\n                                    Aa <span>Ag 01<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"dbh-float dbh-float-one\">\r\n                    <svg viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\">\r\n                        <path d=\"M12 3 3 12l9 9 9-9Z\"\/>\r\n                        <path d=\"M3 12h18M12 3l-4 9 4 9 4-9Z\"\/>\r\n                    <\/svg>\r\n                    Cohesive Brand Identity\r\n                <\/div>\r\n\r\n                <div class=\"dbh-float dbh-float-two\">\r\n                    <svg viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\">\r\n                        <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"\/>\r\n                        <path d=\"m8 12 3 3 5-6\"\/>\r\n                    <\/svg>\r\n                    Every Detail Matters\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\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-98214f4 e-con-full e-flex e-con e-parent\" data-id=\"98214f4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-748e05b elementor-widget elementor-widget-html\" data-id=\"748e05b\" 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<!-- D-INDEX \/ Brand Identity \/ Services Included \/ EN -->\r\n<style>\r\n.elementor-widget-html:has(#dx-brand-services),.elementor-widget-html:has(#dx-brand-services)>.elementor-widget-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}\r\n#dx-brand-services,#dx-brand-services *,#dx-brand-services *::before,#dx-brand-services *::after{box-sizing:border-box}\r\n#dx-brand-services{--purple:#6942d8;--purple-light:#9268f2;--gold:#ffc441;--ink:#160a31;--body:#625d70;position:relative;isolation:isolate;width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);overflow:hidden;background:#f8f7fc;color:var(--ink);font-family:\"Inter\",\"Segoe UI\",Arial,sans-serif}\r\n#dx-brand-services::before{content:\"\";position:absolute;z-index:-1;width:520px;height:520px;top:-300px;inset-inline-end:-270px;border:80px solid rgba(105,66,216,.04);border-radius:50%;pointer-events:none}\r\n#dx-brand-services .dbs-shell{width:min(1340px,100%);margin:0 auto;padding:95px clamp(22px,5vw,72px) 100px}\r\n#dx-brand-services .dbs-heading{text-align:center;max-width:810px;margin:0 auto 48px}\r\n#dx-brand-services .dbs-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--purple);font-weight:800;font-size:13px}\r\n#dx-brand-services .dbs-kicker::before,#dx-brand-services .dbs-kicker::after{content:\"\";width:25px;height:2px;border-radius:5px;background:linear-gradient(90deg,var(--gold),var(--purple-light))}\r\n#dx-brand-services h2{margin:0;color:var(--ink);font-size:clamp(32px,3.6vw,49px);font-weight:900;line-height:1.4;letter-spacing:-.4px}\r\n#dx-brand-services .dbs-lead{margin:15px auto 0;max-width:720px;font-size:16px;line-height:1.9;color:var(--body)}\r\n#dx-brand-services .dbs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}\r\n#dx-brand-services .dbs-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:start;min-height:250px;padding:29px 27px 27px;border-radius:19px;background:#fff;border:1px solid rgba(105,66,216,.11);box-shadow:0 15px 40px rgba(32,14,70,.045);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}\r\n#dx-brand-services .dbs-card:hover{transform:translateY(-5px);border-color:rgba(105,66,216,.3);box-shadow:0 23px 48px rgba(32,14,70,.11)}\r\n#dx-brand-services .dbs-card::after{content:\"\";position:absolute;inset-inline-start:27px;bottom:0;width:52px;height:3px;border-radius:5px 5px 0 0;background:linear-gradient(90deg,var(--gold),var(--purple));opacity:.55;transition:width .3s ease,opacity .3s ease}\r\n#dx-brand-services .dbs-card:hover::after{width:90px;opacity:1}\r\n#dx-brand-services .dbs-icon{display:grid;place-items:center;width:59px;height:59px;flex:none;margin-bottom:23px;border-radius:16px;background:linear-gradient(145deg,#f1ecff,#faf8ff);color:var(--purple);border:1px solid rgba(105,66,216,.11)}\r\n#dx-brand-services .dbs-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}\r\n#dx-brand-services h3{margin:0 0 11px;font-size:20px;font-weight:900;line-height:1.5;color:var(--ink)}\r\n#dx-brand-services .dbs-card p{margin:0;color:var(--body);font-size:14px;line-height:1.95;font-weight:500}\r\n#dx-brand-services .dbs-note{display:flex;align-items:center;justify-content:center;gap:12px;margin:35px auto 0;text-align:center;color:#746b85;font-size:13px;line-height:1.8;max-width:850px}\r\n#dx-brand-services .dbs-note svg{width:19px;height:19px;color:var(--purple);flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2}\r\n@media(max-width:1050px){#dx-brand-services .dbs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\r\n@media(max-width:650px){#dx-brand-services .dbs-shell{padding:65px 20px 72px}#dx-brand-services .dbs-heading{margin-bottom:32px}#dx-brand-services h2{font-size:clamp(29px,8vw,39px)}#dx-brand-services .dbs-lead{font-size:15px;line-height:1.85}#dx-brand-services .dbs-grid{grid-template-columns:1fr;gap:14px}#dx-brand-services .dbs-card{min-height:0;padding:25px 23px}#dx-brand-services .dbs-icon{width:55px;height:55px;margin-bottom:17px}#dx-brand-services h3{font-size:19px}#dx-brand-services .dbs-note{align-items:flex-start;text-align:start;justify-content:flex-start}}\r\n@media(prefers-reduced-motion:reduce){#dx-brand-services .dbs-card,#dx-brand-services .dbs-card::after{transition:none!important}}\r\n<\/style>\r\n<section id=\"dx-brand-services\" dir=\"ltr\" lang=\"en\" aria-labelledby=\"dx-brand-services-heading\">\r\n <div class=\"dbs-shell\">\r\n  <header class=\"dbs-heading\">\r\n   <span class=\"dbs-kicker\">What We Design<\/span>\r\n   <h2 id=\"dx-brand-services-heading\">What\u2019s Included in Our Visual Identity Design Services?<\/h2>\r\n   <p class=\"dbs-lead\">We bring the essential brand elements together into one consistent visual system, making your business easier to recognize across every touchpoint.<\/p>\r\n  <\/header>\r\n  <div class=\"dbs-grid\"><article class=\"dbs-card\"><span class=\"dbs-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><path d=\"M12 4v16M4 12h16\"\/><\/svg><\/span><h3>Logo Design<\/h3><p>A distinctive logo that represents your business, with practical variations for different uses.<\/p><\/article>\r\n<article class=\"dbs-card\"><span class=\"dbs-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3a9 9 0 1 0 9 9c0-1.7-1.5-2.6-3-2.2-1.6.5-2.6-.4-2.6-1.6 0-1.8-1.4-5.2-3.4-5.2Z\"\/><circle cx=\"7.5\" cy=\"12\" r=\"1\"\/><circle cx=\"11\" cy=\"7.5\" r=\"1\"\/><circle cx=\"16\" cy=\"12.5\" r=\"1\"\/><\/svg><\/span><h3>Brand Color Palette<\/h3><p>A cohesive primary and secondary color palette, including clear color codes for consistent use.<\/p><\/article>\r\n<article class=\"dbs-card\"><span class=\"dbs-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 7V5h16v2M12 5v14M8 19h8\"\/><\/svg><\/span><h3>Brand Typography<\/h3><p>A clear type system for headings and body text that reflects your brand personality.<\/p><\/article>\r\n<article class=\"dbs-card\"><span class=\"dbs-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"2\"\/><circle cx=\"17\" cy=\"7\" r=\"4\"\/><path d=\"m7 15 4 6H3l4-6ZM15 15h6v6h-6z\"\/><\/svg><\/span><h3>Visual Identity Elements<\/h3><p>Supporting shapes, patterns, and visual assets that make your identity distinctive and recognizable.<\/p><\/article>\r\n<article class=\"dbs-card\"><span class=\"dbs-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 9h18M7 14h4\"\/><\/svg><\/span><h3>Brand Applications<\/h3><p>Practical identity applications selected for your needs, such as business cards, stationery, and digital templates.<\/p><\/article>\r\n<article class=\"dbs-card\"><span class=\"dbs-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H20v17H6.5A2.5 2.5 0 0 1 4 17.5Zm0 12A2.5 2.5 0 0 1 6.5 15H20\"\/><path d=\"M9 8h6M9 11h8\"\/><\/svg><\/span><h3>Brand Guidelines<\/h3><p>Usable guidelines for logos, colors, typography, and spacing to keep your brand consistent.<\/p><\/article><\/div>\r\n  <p class=\"dbs-note\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 11v6M12 7h.01\"\/><\/svg><span>Final applications and deliverables are defined according to your business needs and agreed project scope.<\/span><\/p>\r\n <\/div>\r\n<\/section>\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-5fb16ab e-con-full e-flex e-con e-parent\" data-id=\"5fb16ab\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7867d1 elementor-widget elementor-widget-html\" data-id=\"b7867d1\" 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\n<!-- =========================================================\r\n D-INDEX | BRAND IDENTITY DESIGN PROCESS\r\n SECTION 03 - ENGLISH LTR\r\n Elementor HTML Widget\r\n========================================================= -->\r\n\r\n<style>\r\n.elementor-widget-html:has(#dx-brand-process-en),\r\n.elementor-widget-html:has(#dx-brand-process-en) > .elementor-widget-container {\r\n    width:100% !important;\r\n    max-width:none !important;\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n}\r\n\r\n#dx-brand-process-en,\r\n#dx-brand-process-en *,\r\n#dx-brand-process-en *::before,\r\n#dx-brand-process-en *::after {\r\n    box-sizing:border-box;\r\n}\r\n\r\n#dx-brand-process-en {\r\n    --bp-dark:#100527;\r\n    --bp-dark-2:#1c0c3e;\r\n    --bp-purple:#7045df;\r\n    --bp-purple-light:#9b78f5;\r\n    --bp-gold:#ffc441;\r\n    --bp-white:#ffffff;\r\n\r\n    position:relative;\r\n    isolation:isolate;\r\n\r\n    width:100vw;\r\n    max-width:100vw;\r\n    margin-inline:calc(50% - 50vw);\r\n\r\n    overflow:hidden;\r\n    direction:ltr;\r\n    text-align:left;\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    color:#fff;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 95% 85%,\r\n            rgba(112,69,223,.24),\r\n            transparent 34%\r\n        ),\r\n        radial-gradient(\r\n            circle at 5% 10%,\r\n            rgba(155,120,245,.15),\r\n            transparent 28%\r\n        ),\r\n        linear-gradient(\r\n            215deg,\r\n            #13072e,\r\n            #0c031f\r\n        );\r\n}\r\n\r\n#dx-brand-process-en::before {\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    opacity:.24;\r\n    pointer-events:none;\r\n\r\n    background-image:\r\n        radial-gradient(\r\n            rgba(255,255,255,.23) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:28px 28px;\r\n\r\n    -webkit-mask-image:\r\n        linear-gradient(to bottom,#000,transparent);\r\n    mask-image:\r\n        linear-gradient(to bottom,#000,transparent);\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n#dx-brand-process-en .bp-container {\r\n    position:relative;\r\n    z-index:1;\r\n\r\n    width:min(1360px,100%);\r\n    margin:auto;\r\n\r\n    padding:\r\n        clamp(75px,8vw,112px)\r\n        clamp(22px,5vw,75px)\r\n        clamp(75px,8vw,110px);\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n#dx-brand-process-en .bp-header {\r\n    max-width:820px;\r\n    margin:0 auto 76px;\r\n    text-align:center;\r\n}\r\n\r\n#dx-brand-process-en .bp-eyebrow {\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:11px;\r\n\r\n    margin-bottom:17px;\r\n\r\n    color:var(--bp-gold);\r\n    font-size:14px;\r\n    font-weight:800;\r\n    line-height:1.5;\r\n}\r\n\r\n#dx-brand-process-en .bp-eyebrow::before,\r\n#dx-brand-process-en .bp-eyebrow::after {\r\n    content:\"\";\r\n\r\n    width:27px;\r\n    height:2px;\r\n    border-radius:10px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--bp-gold),\r\n            var(--bp-purple-light)\r\n        );\r\n}\r\n\r\n#dx-brand-process-en .bp-title {\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:clamp(34px,3.8vw,55px);\r\n    font-weight:900;\r\n    line-height:1.2;\r\n    letter-spacing:-1.2px;\r\n}\r\n\r\n#dx-brand-process-en .bp-title span {\r\n    color:var(--bp-gold);\r\n}\r\n\r\n#dx-brand-process-en .bp-description {\r\n    max-width:700px;\r\n    margin:20px auto 0;\r\n\r\n    color:rgba(255,255,255,.72);\r\n\r\n    font-size:16px;\r\n    font-weight:400;\r\n    line-height:1.85;\r\n}\r\n\r\n\/* TIMELINE *\/\r\n\r\n#dx-brand-process-en .bp-timeline {\r\n    position:relative;\r\n\r\n    display:grid;\r\n    grid-template-columns:repeat(4,minmax(0,1fr));\r\n\r\n    gap:23px;\r\n    align-items:start;\r\n}\r\n\r\n#dx-brand-process-en .bp-timeline::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    z-index:0;\r\n\r\n    top:39px;\r\n    left:9%;\r\n    right:9%;\r\n\r\n    height:2px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,196,65,.08),\r\n            rgba(255,196,65,.56),\r\n            rgba(255,196,65,.08)\r\n        );\r\n}\r\n\r\n\/* STEP *\/\r\n\r\n#dx-brand-process-en .bp-step {\r\n    position:relative;\r\n    z-index:1;\r\n\r\n    min-width:0;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\/* STEP NUMBER *\/\r\n\r\n#dx-brand-process-en .bp-number-wrap {\r\n    position:relative;\r\n\r\n    width:80px;\r\n    height:80px;\r\n\r\n    display:grid;\r\n    place-items:center;\r\n\r\n    margin-bottom:30px;\r\n\r\n    border:1px solid rgba(255,196,65,.34);\r\n    border-radius:22px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #34205e,\r\n            #1a0d36\r\n        );\r\n\r\n    box-shadow:\r\n        0 14px 35px rgba(0,0,0,.2),\r\n        0 0 0 8px #13072e;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        border-color .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n#dx-brand-process-en .bp-number {\r\n    color:var(--bp-gold);\r\n\r\n    font-family:\"Inter\",Arial,sans-serif;\r\n    font-size:25px;\r\n    font-weight:800;\r\n    line-height:1;\r\n}\r\n\r\n#dx-brand-process-en .bp-step:hover .bp-number-wrap {\r\n    transform:translateY(-6px);\r\n\r\n    border-color:var(--bp-gold);\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #5633a0,\r\n            #281449\r\n        );\r\n}\r\n\r\n\/* STEP CONTENT *\/\r\n\r\n#dx-brand-process-en .bp-step-content {\r\n    width:100%;\r\n    min-height:230px;\r\n\r\n    padding:29px 19px 25px;\r\n\r\n    border:1px solid rgba(155,120,245,.19);\r\n    border-radius:19px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            160deg,\r\n            rgba(255,255,255,.065),\r\n            rgba(255,255,255,.018)\r\n        );\r\n\r\n    transition:\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n#dx-brand-process-en .bp-step:hover .bp-step-content {\r\n    transform:translateY(-5px);\r\n\r\n    border-color:rgba(155,120,245,.55);\r\n\r\n    background:rgba(112,69,223,.15);\r\n\r\n    box-shadow:\r\n        0 20px 42px rgba(0,0,0,.13);\r\n}\r\n\r\n#dx-brand-process-en .bp-icon {\r\n    width:49px;\r\n    height:49px;\r\n\r\n    display:grid;\r\n    place-items:center;\r\n\r\n    margin:0 auto 18px;\r\n\r\n    border-radius:14px;\r\n\r\n    background:rgba(112,69,223,.19);\r\n    color:var(--bp-purple-light);\r\n}\r\n\r\n#dx-brand-process-en .bp-icon svg {\r\n    width:25px;\r\n    height:25px;\r\n\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n#dx-brand-process-en .bp-step-title {\r\n    margin:0 0 13px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:18px;\r\n    font-weight:800;\r\n    line-height:1.45;\r\n    letter-spacing:-.3px;\r\n}\r\n\r\n#dx-brand-process-en .bp-step-description {\r\n    margin:0;\r\n\r\n    color:rgba(255,255,255,.68);\r\n\r\n    font-size:13px;\r\n    font-weight:400;\r\n    line-height:1.85;\r\n}\r\n\r\n\/* BOTTOM NOTE *\/\r\n\r\n#dx-brand-process-en .bp-bottom {\r\n    max-width:860px;\r\n    margin:55px auto 0;\r\n\r\n    padding:22px 29px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:16px;\r\n\r\n    border:1px solid rgba(255,196,65,.17);\r\n    border-radius:16px;\r\n\r\n    background:rgba(255,196,65,.045);\r\n}\r\n\r\n#dx-brand-process-en .bp-bottom-icon {\r\n    width:44px;\r\n    height:44px;\r\n    flex:0 0 44px;\r\n\r\n    display:grid;\r\n    place-items:center;\r\n\r\n    border-radius:12px;\r\n\r\n    color:var(--bp-gold);\r\n    background:rgba(255,196,65,.09);\r\n}\r\n\r\n#dx-brand-process-en .bp-bottom-icon svg {\r\n    width:23px;\r\n    height:23px;\r\n\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n#dx-brand-process-en .bp-bottom-text {\r\n    margin:0;\r\n\r\n    color:rgba(255,255,255,.82);\r\n\r\n    font-size:14px;\r\n    font-weight:400;\r\n    line-height:1.85;\r\n}\r\n\r\n#dx-brand-process-en .bp-bottom-text strong {\r\n    color:var(--bp-gold);\r\n    font-weight:800;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1100px) {\r\n    #dx-brand-process-en .bp-timeline {\r\n        grid-template-columns:repeat(2,minmax(0,1fr));\r\n        gap:35px 22px;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-timeline::before {\r\n        display:none;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-step-content {\r\n        min-height:200px;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-header {\r\n        margin-bottom:55px;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-number-wrap {\r\n        margin-bottom:21px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:650px) {\r\n    #dx-brand-process-en .bp-container {\r\n        padding:65px 20px 70px;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-header {\r\n        margin-bottom:39px;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-title {\r\n        font-size:clamp(29px,8.5vw,40px);\r\n        line-height:1.22;\r\n        letter-spacing:-.7px;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-description {\r\n        font-size:14px;\r\n        line-height:1.85;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-timeline {\r\n        display:flex;\r\n        flex-direction:column;\r\n        gap:0;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-timeline::before {\r\n        display:block;\r\n\r\n        top:27px;\r\n        bottom:27px;\r\n        left:28px;\r\n        right:auto;\r\n\r\n        width:2px;\r\n        height:auto;\r\n\r\n        background:\r\n            linear-gradient(\r\n                to bottom,\r\n                rgba(255,196,65,.45),\r\n                rgba(155,120,245,.4),\r\n                rgba(255,196,65,.1)\r\n            );\r\n    }\r\n\r\n    #dx-brand-process-en .bp-step {\r\n        width:100%;\r\n\r\n        display:grid;\r\n        grid-template-columns:58px minmax(0,1fr);\r\n\r\n        gap:15px;\r\n\r\n        align-items:start;\r\n\r\n        padding-bottom:21px;\r\n\r\n        text-align:left;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-step:last-child {\r\n        padding-bottom:0;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-number-wrap {\r\n        width:58px;\r\n        height:58px;\r\n\r\n        margin:0;\r\n\r\n        border-radius:17px;\r\n\r\n        box-shadow:0 0 0 6px #13072e;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-number {\r\n        font-size:19px;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-step-content {\r\n        min-height:0;\r\n\r\n        padding:22px 18px 21px;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-icon {\r\n        width:42px;\r\n        height:42px;\r\n\r\n        margin:0 0 13px;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-icon svg {\r\n        width:22px;\r\n        height:22px;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-step-title {\r\n        font-size:17px;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-step-description {\r\n        font-size:13px;\r\n        line-height:1.85;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-bottom {\r\n        margin-top:32px;\r\n\r\n        padding:19px 17px;\r\n\r\n        align-items:flex-start;\r\n        gap:12px;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-bottom-icon {\r\n        width:38px;\r\n        height:38px;\r\n        flex-basis:38px;\r\n    }\r\n\r\n    #dx-brand-process-en .bp-bottom-text {\r\n        font-size:13px;\r\n    }\r\n}\r\n\r\n\/* ACCESSIBILITY *\/\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n    #dx-brand-process-en *,\r\n    #dx-brand-process-en *::before,\r\n    #dx-brand-process-en *::after {\r\n        transition:none !important;\r\n        animation:none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section\r\n    id=\"dx-brand-process-en\"\r\n    dir=\"ltr\"\r\n    lang=\"en\"\r\n    aria-labelledby=\"dx-brand-process-title-en\"\r\n>\r\n    <div class=\"bp-container\">\r\n\r\n        <!-- SECTION HEADER -->\r\n\r\n        <header class=\"bp-header\">\r\n\r\n            <span class=\"bp-eyebrow\">\r\n                Our Design Process\r\n            <\/span>\r\n\r\n            <h2\r\n                id=\"dx-brand-process-title-en\"\r\n                class=\"bp-title\"\r\n            >\r\n                How We Design\r\n                <span>Your Brand Identity<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"bp-description\">\r\n                Effective visual identity and brand design\r\n                starts with understanding your business,\r\n                not simply choosing colors or creating a logo.\r\n                At D-INDEX, we follow a clear process to build\r\n                a visual identity that reflects your brand,\r\n                resonates with your audience, and remains\r\n                consistent across different applications.\r\n            <\/p>\r\n\r\n        <\/header>\r\n\r\n        <!-- PROCESS TIMELINE -->\r\n\r\n        <div class=\"bp-timeline\">\r\n\r\n            <!-- STEP 01 -->\r\n\r\n            <article class=\"bp-step\">\r\n\r\n                <div class=\"bp-number-wrap\">\r\n                    <span class=\"bp-number\">01<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"bp-step-content\">\r\n\r\n                    <div class=\"bp-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\/>\r\n                            <path d=\"m16 16 5 5\"\/>\r\n                            <path d=\"M8 10h5M10.5 7.5v5\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"bp-step-title\">\r\n                        Discovery & Brand Analysis\r\n                    <\/h3>\r\n\r\n                    <p class=\"bp-step-description\">\r\n                        We learn about your business, target\r\n                        audience, market, and competitors.\r\n                        We also discuss your goals and the\r\n                        impression you want your brand\r\n                        to create.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- STEP 02 -->\r\n\r\n            <article class=\"bp-step\">\r\n\r\n                <div class=\"bp-number-wrap\">\r\n                    <span class=\"bp-number\">02<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"bp-step-content\">\r\n\r\n                    <div class=\"bp-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M4 20h16\"\/>\r\n                            <path d=\"m12 3 8 8-8 8-8-8 8-8Z\"\/>\r\n                            <path d=\"m9 11 3 3 4-5\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"bp-step-title\">\r\n                        Creative Direction\r\n                    <\/h3>\r\n\r\n                    <p class=\"bp-step-description\">\r\n                        We establish a creative direction\r\n                        for your brand by exploring design\r\n                        styles, color palettes, and typography\r\n                        that reflect its personality and\r\n                        help it stand out visually.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- STEP 03 -->\r\n\r\n            <article class=\"bp-step\">\r\n\r\n                <div class=\"bp-number-wrap\">\r\n                    <span class=\"bp-number\">03<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"bp-step-content\">\r\n\r\n                    <div class=\"bp-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 3 3 12l9 9 9-9-9-9Z\"\/>\r\n                            <path d=\"M3 12h18\"\/>\r\n                            <path d=\"m8 12 4-9 4 9-4 9-4-9\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"bp-step-title\">\r\n                        Visual Identity Development\r\n                    <\/h3>\r\n\r\n                    <p class=\"bp-step-description\">\r\n                        We develop your logo, color system,\r\n                        typography, and supporting visual\r\n                        elements, then apply them consistently\r\n                        across the deliverables agreed\r\n                        upon for your project.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- STEP 04 -->\r\n\r\n            <article class=\"bp-step\">\r\n\r\n                <div class=\"bp-number-wrap\">\r\n                    <span class=\"bp-number\">04<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"bp-step-content\">\r\n\r\n                    <div class=\"bp-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 3h10l4 4v14H5V3Z\"\/>\r\n                            <path d=\"M15 3v5h4\"\/>\r\n                            <path d=\"m8 14 3 3 5-6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"bp-step-title\">\r\n                        Review & Final Delivery\r\n                    <\/h3>\r\n\r\n                    <p class=\"bp-step-description\">\r\n                        We review the designs with you,\r\n                        make the agreed revisions,\r\n                        and prepare the final files\r\n                        and brand guidelines according\r\n                        to the approved project scope.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n        <!-- BOTTOM MESSAGE -->\r\n\r\n        <div class=\"bp-bottom\">\r\n\r\n            <span class=\"bp-bottom-icon\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M12 3 3 12l9 9 9-9-9-9Z\"\/>\r\n                    <path d=\"M3 12h18\"\/>\r\n                <\/svg>\r\n            <\/span>\r\n\r\n            <p class=\"bp-bottom-text\">\r\n                <strong>What we're working to achieve:<\/strong>\r\n                A clear, cohesive visual identity that works\r\n                across your brand's touchpoints and gives\r\n                your business a recognizable presence\r\n                that reflects its personality.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\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-ebf38f3 e-con-full e-flex e-con e-parent\" data-id=\"ebf38f3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2edc44 elementor-widget elementor-widget-html\" data-id=\"c2edc44\" 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\n<!-- =========================================================\r\n D-INDEX | BRAND IDENTITY BUSINESS VALUE\r\n SECTION 04 - ENGLISH LTR\r\n Elementor HTML Widget\r\n========================================================= -->\r\n\r\n<style>\r\n.elementor-widget-html:has(#dx-brand-value-en),\r\n.elementor-widget-html:has(#dx-brand-value-en) > .elementor-widget-container {\r\n    width:100% !important;\r\n    max-width:none !important;\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n}\r\n\r\n#dx-brand-value-en,\r\n#dx-brand-value-en *,\r\n#dx-brand-value-en *::before,\r\n#dx-brand-value-en *::after {\r\n    box-sizing:border-box;\r\n}\r\n\r\n#dx-brand-value-en {\r\n    --bv-purple:#6942d8;\r\n    --bv-purple-light:#9168ef;\r\n    --bv-gold:#ffc441;\r\n    --bv-dark:#160a31;\r\n    --bv-text:#625c6f;\r\n    --bv-muted:#817b8e;\r\n\r\n    position:relative;\r\n    isolation:isolate;\r\n\r\n    width:100vw;\r\n    max-width:100vw;\r\n    margin-inline:calc(50% - 50vw);\r\n\r\n    overflow:hidden;\r\n    direction:ltr;\r\n    text-align:left;\r\n\r\n    color:var(--bv-dark);\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 95% 12%,\r\n            rgba(105,66,216,.08),\r\n            transparent 32%\r\n        ),\r\n        radial-gradient(\r\n            circle at 5% 90%,\r\n            rgba(145,104,239,.065),\r\n            transparent 34%\r\n        ),\r\n        #f8f7fc;\r\n}\r\n\r\n#dx-brand-value-en::before {\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-170px;\r\n    right:-170px;\r\n    width:380px;\r\n    height:380px;\r\n    border:1px solid rgba(105,66,216,.09);\r\n    border-radius:50%;\r\n    pointer-events:none;\r\n}\r\n\r\n#dx-brand-value-en::after {\r\n    content:\"\";\r\n    position:absolute;\r\n    bottom:-120px;\r\n    left:-120px;\r\n    width:300px;\r\n    height:300px;\r\n    border:45px solid rgba(105,66,216,.035);\r\n    border-radius:50%;\r\n    pointer-events:none;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n#dx-brand-value-en .bv-container {\r\n    position:relative;\r\n    z-index:1;\r\n\r\n    width:min(1360px,100%);\r\n    margin:0 auto;\r\n\r\n    padding:\r\n        clamp(75px,8vw,115px)\r\n        clamp(22px,5vw,75px);\r\n}\r\n\r\n#dx-brand-value-en .bv-layout {\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,.88fr)\r\n        minmax(0,1.12fr);\r\n\r\n    gap:clamp(40px,6vw,90px);\r\n    align-items:center;\r\n}\r\n\r\n\/* INTRO *\/\r\n\r\n#dx-brand-value-en .bv-intro {\r\n    min-width:0;\r\n}\r\n\r\n#dx-brand-value-en .bv-eyebrow {\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n\r\n    margin-bottom:21px;\r\n\r\n    color:var(--bv-purple);\r\n\r\n    font-size:13px;\r\n    font-weight:800;\r\n    line-height:1.5;\r\n    letter-spacing:.2px;\r\n}\r\n\r\n#dx-brand-value-en .bv-eyebrow::before {\r\n    content:\"\";\r\n    width:26px;\r\n    height:2px;\r\n    border-radius:999px;\r\n    background:var(--bv-gold);\r\n}\r\n\r\n#dx-brand-value-en .bv-title {\r\n    margin:0 0 25px;\r\n\r\n    color:var(--bv-dark);\r\n\r\n    font-size:clamp(33px,3.65vw,53px);\r\n    font-weight:900;\r\n    line-height:1.2;\r\n    letter-spacing:-1.2px;\r\n}\r\n\r\n#dx-brand-value-en .bv-title span {\r\n    color:var(--bv-purple);\r\n}\r\n\r\n#dx-brand-value-en .bv-description {\r\n    max-width:560px;\r\n    margin:0;\r\n\r\n    color:var(--bv-text);\r\n\r\n    font-size:16px;\r\n    font-weight:400;\r\n    line-height:1.9;\r\n}\r\n\r\n#dx-brand-value-en .bv-description p {\r\n    margin:0 0 17px;\r\n}\r\n\r\n#dx-brand-value-en .bv-description p:last-child {\r\n    margin-bottom:0;\r\n}\r\n\r\n\/* INSIGHT *\/\r\n\r\n#dx-brand-value-en .bv-insight {\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:15px;\r\n\r\n    margin-top:34px;\r\n    padding:21px 23px;\r\n\r\n    border-left:3px solid var(--bv-gold);\r\n    border-radius:0 12px 12px 0;\r\n\r\n    background:#fff;\r\n\r\n    box-shadow:\r\n        0 12px 32px rgba(42,20,88,.055);\r\n}\r\n\r\n#dx-brand-value-en .bv-insight-icon {\r\n    width:43px;\r\n    height:43px;\r\n    flex:0 0 43px;\r\n\r\n    display:grid;\r\n    place-items:center;\r\n\r\n    border-radius:12px;\r\n\r\n    color:var(--bv-purple);\r\n    background:rgba(105,66,216,.09);\r\n}\r\n\r\n#dx-brand-value-en .bv-insight-icon svg {\r\n    width:22px;\r\n    height:22px;\r\n\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n#dx-brand-value-en .bv-insight p {\r\n    margin:0;\r\n\r\n    color:var(--bv-text);\r\n\r\n    font-size:14px;\r\n    font-weight:400;\r\n    line-height:1.85;\r\n}\r\n\r\n#dx-brand-value-en .bv-insight strong {\r\n    color:var(--bv-dark);\r\n    font-weight:800;\r\n}\r\n\r\n\/* BENEFITS GRID *\/\r\n\r\n#dx-brand-value-en .bv-benefits {\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    gap:19px;\r\n}\r\n\r\n#dx-brand-value-en .bv-card {\r\n    position:relative;\r\n    min-width:0;\r\n    min-height:248px;\r\n\r\n    padding:31px 25px 27px;\r\n\r\n    overflow:hidden;\r\n\r\n    border:1px solid rgba(105,66,216,.12);\r\n    border-radius:21px;\r\n\r\n    background:#fff;\r\n\r\n    box-shadow:\r\n        0 17px 40px rgba(42,20,88,.055);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n#dx-brand-value-en .bv-card:nth-child(2),\r\n#dx-brand-value-en .bv-card:nth-child(4) {\r\n    transform:translateY(24px);\r\n}\r\n\r\n#dx-brand-value-en .bv-card:hover {\r\n    transform:translateY(-5px);\r\n\r\n    border-color:rgba(105,66,216,.32);\r\n\r\n    box-shadow:\r\n        0 25px 52px rgba(42,20,88,.11);\r\n}\r\n\r\n#dx-brand-value-en .bv-card:nth-child(2):hover,\r\n#dx-brand-value-en .bv-card:nth-child(4):hover {\r\n    transform:translateY(17px);\r\n}\r\n\r\n#dx-brand-value-en .bv-card::before {\r\n    content:\"\";\r\n    position:absolute;\r\n\r\n    top:0;\r\n    left:25px;\r\n\r\n    width:46px;\r\n    height:3px;\r\n\r\n    border-radius:0 0 5px 5px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--bv-gold),\r\n            var(--bv-purple-light)\r\n        );\r\n}\r\n\r\n#dx-brand-value-en .bv-icon {\r\n    width:58px;\r\n    height:58px;\r\n\r\n    display:grid;\r\n    place-items:center;\r\n\r\n    margin-bottom:22px;\r\n\r\n    border:1px solid rgba(105,66,216,.09);\r\n    border-radius:17px;\r\n\r\n    color:var(--bv-purple);\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(105,66,216,.11),\r\n            rgba(145,104,239,.035)\r\n        );\r\n}\r\n\r\n#dx-brand-value-en .bv-icon svg {\r\n    width:29px;\r\n    height:29px;\r\n\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.7;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n#dx-brand-value-en .bv-card h3 {\r\n    margin:0 0 12px;\r\n\r\n    color:var(--bv-dark);\r\n\r\n    font-size:18px;\r\n    font-weight:800;\r\n    line-height:1.45;\r\n    letter-spacing:-.25px;\r\n}\r\n\r\n#dx-brand-value-en .bv-card p {\r\n    margin:0;\r\n\r\n    color:var(--bv-text);\r\n\r\n    font-size:14px;\r\n    font-weight:400;\r\n    line-height:1.85;\r\n}\r\n\r\n\/* CLOSING LINE *\/\r\n\r\n#dx-brand-value-en .bv-closing {\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:13px;\r\n\r\n    max-width:870px;\r\n\r\n    margin:86px auto 0;\r\n    padding:20px 27px;\r\n\r\n    border:1px solid rgba(105,66,216,.13);\r\n    border-radius:15px;\r\n\r\n    background:rgba(255,255,255,.7);\r\n}\r\n\r\n#dx-brand-value-en .bv-closing svg {\r\n    width:22px;\r\n    height:22px;\r\n    flex:0 0 22px;\r\n\r\n    color:var(--bv-purple);\r\n\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n#dx-brand-value-en .bv-closing p {\r\n    margin:0;\r\n\r\n    color:var(--bv-dark);\r\n\r\n    font-size:15px;\r\n    font-weight:600;\r\n    line-height:1.8;\r\n    text-align:center;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1050px) {\r\n    #dx-brand-value-en .bv-layout {\r\n        grid-template-columns:1fr;\r\n        gap:45px;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-intro {\r\n        max-width:780px;\r\n        margin:0 auto;\r\n        text-align:center;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-description {\r\n        max-width:740px;\r\n        margin-inline:auto;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-insight {\r\n        max-width:680px;\r\n        margin-inline:auto;\r\n        text-align:left;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-benefits {\r\n        max-width:780px;\r\n        width:100%;\r\n        margin:0 auto;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-closing {\r\n        margin-top:79px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:650px) {\r\n    #dx-brand-value-en .bv-container {\r\n        padding:65px 20px 67px;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-layout {\r\n        gap:35px;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-eyebrow {\r\n        font-size:12px;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-title {\r\n        font-size:clamp(29px,8.5vw,40px);\r\n        line-height:1.25;\r\n        letter-spacing:-.7px;\r\n        margin-bottom:19px;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-description {\r\n        font-size:14px;\r\n        line-height:1.9;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-insight {\r\n        margin-top:25px;\r\n        padding:18px 16px;\r\n        gap:11px;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-insight-icon {\r\n        width:38px;\r\n        height:38px;\r\n        flex-basis:38px;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-insight p {\r\n        font-size:13px;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-benefits {\r\n        grid-template-columns:1fr;\r\n        gap:15px;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-card,\r\n    #dx-brand-value-en .bv-card:nth-child(2),\r\n    #dx-brand-value-en .bv-card:nth-child(4) {\r\n        min-height:0;\r\n        transform:none;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-card:hover,\r\n    #dx-brand-value-en .bv-card:nth-child(2):hover,\r\n    #dx-brand-value-en .bv-card:nth-child(4):hover {\r\n        transform:translateY(-3px);\r\n    }\r\n\r\n    #dx-brand-value-en .bv-card {\r\n        padding:25px 22px;\r\n        border-radius:17px;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-icon {\r\n        width:49px;\r\n        height:49px;\r\n        margin-bottom:16px;\r\n        border-radius:14px;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-icon svg {\r\n        width:25px;\r\n        height:25px;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-card h3 {\r\n        font-size:18px;\r\n        margin-bottom:9px;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-card p {\r\n        font-size:13px;\r\n        line-height:1.85;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-closing {\r\n        margin-top:32px;\r\n        padding:18px 16px;\r\n        align-items:flex-start;\r\n    }\r\n\r\n    #dx-brand-value-en .bv-closing p {\r\n        font-size:13px;\r\n        text-align:left;\r\n    }\r\n}\r\n\r\n\/* ACCESSIBILITY *\/\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n    #dx-brand-value-en *,\r\n    #dx-brand-value-en *::before,\r\n    #dx-brand-value-en *::after {\r\n        transition:none !important;\r\n        animation:none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section\r\n    id=\"dx-brand-value-en\"\r\n    dir=\"ltr\"\r\n    lang=\"en\"\r\n    aria-labelledby=\"dx-brand-value-title-en\"\r\n>\r\n    <div class=\"bv-container\">\r\n\r\n        <div class=\"bv-layout\">\r\n\r\n            <!-- LEFT: SECTION INTRO -->\r\n\r\n            <div class=\"bv-intro\">\r\n\r\n                <span class=\"bv-eyebrow\">\r\n                    The Value of Visual Identity\r\n                <\/span>\r\n\r\n                <h2\r\n                    id=\"dx-brand-value-title-en\"\r\n                    class=\"bv-title\"\r\n                >\r\n                    Why Does Your Business Need\r\n                    <span>a Professional Visual Identity?<\/span>\r\n                <\/h2>\r\n\r\n                <div class=\"bv-description\">\r\n                    <p>\r\n                        When potential customers discover\r\n                        your business for the first time,\r\n                        the way your brand looks helps shape\r\n                        their initial impression, often before\r\n                        they experience your products\r\n                        or services.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        Professional visual identity and\r\n                        brand design goes beyond creating\r\n                        an attractive appearance. It establishes\r\n                        a clear visual language that reflects\r\n                        your business and helps your audience\r\n                        recognize your brand across different\r\n                        touchpoints.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bv-insight\">\r\n\r\n                    <span\r\n                        class=\"bv-insight-icon\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 3 3 8v5c0 5 4 8 9 9 5-1 9-4 9-9V8l-9-5Z\"\/>\r\n                            <path d=\"m8 12 3 3 5-6\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <p>\r\n                        <strong>The key takeaway:<\/strong>\r\n                        A strong visual identity is not\r\n                        just about good design. It's a\r\n                        consistent system your business\r\n                        can continue using as it grows.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- RIGHT: BUSINESS BENEFITS -->\r\n\r\n            <div class=\"bv-benefits\">\r\n\r\n                <!-- BENEFIT 01 -->\r\n\r\n                <article class=\"bv-card\">\r\n\r\n                    <div class=\"bv-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M2 12s3.6-6 10-6 10 6 10 6-3.6 6-10 6S2 12 2 12Z\"\/>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        A Professional First Impression\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        A thoughtfully designed visual\r\n                        identity helps present your business\r\n                        with clarity and professionalism,\r\n                        reflecting the quality of your\r\n                        services and your audience's\r\n                        expectations.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n                <!-- BENEFIT 02 -->\r\n\r\n                <article class=\"bv-card\">\r\n\r\n                    <div class=\"bv-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"m12 2 3 7 7 3-7 3-3 7-3-7-7-3 7-3 3-7Z\"\/>\r\n                            <path d=\"M19 2v4M17 4h4\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Clearer Brand Differentiation\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Distinctive visual elements that\r\n                        reflect your brand's personality\r\n                        help communicate what makes your\r\n                        business different in a\r\n                        competitive market.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n                <!-- BENEFIT 03 -->\r\n\r\n                <article class=\"bv-card\">\r\n\r\n                    <div class=\"bv-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n                            <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n                            <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n                            <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Consistency Across Every Channel\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        From your website to company\r\n                        profiles and printed materials,\r\n                        a defined visual system provides\r\n                        guidelines for using colors,\r\n                        typography, and brand elements\r\n                        consistently.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n                <!-- BENEFIT 04 -->\r\n\r\n                <article class=\"bv-card\">\r\n\r\n                    <div class=\"bv-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 21s-8-4.5-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 6.5-8 11-8 11Z\"\/>\r\n                            <path d=\"M8 12h8\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Stronger Brand Recognition\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Consistent use of your logo,\r\n                        brand colors, and visual style\r\n                        makes it easier for customers\r\n                        to recognize and remember your\r\n                        business over time.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- CLOSING STATEMENT -->\r\n\r\n        <div class=\"bv-closing\">\r\n\r\n            <svg\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                <path d=\"M12 3 3 12l9 9 9-9-9-9Z\"\/>\r\n                <path d=\"M3 12h18\"\/>\r\n            <\/svg>\r\n\r\n            <p>\r\n                At D-INDEX, we design visual identities\r\n                that represent your business today\r\n                and remain flexible enough to support\r\n                its growth and future development.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\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-67a1561 e-con-full e-flex e-con e-parent\" data-id=\"67a1561\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0115c2 elementor-widget elementor-widget-html\" data-id=\"a0115c2\" 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<!-- D-INDEX | BRAND IDENTITY FINAL CTA | ENGLISH LTR | FULL UPDATED CODE -->\r\n<style>\r\n.elementor-widget-html:has(#dx-brand-final-cta-en),\r\n.elementor-widget-html:has(#dx-brand-final-cta-en)>.elementor-widget-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}\r\n#dx-brand-final-cta-en,#dx-brand-final-cta-en *,#dx-brand-final-cta-en *::before,#dx-brand-final-cta-en *::after{box-sizing:border-box}\r\n#dx-brand-final-cta-en{--cta-purple:#6942d8;--cta-light:#9b78f5;--cta-gold:#ffc441;--cta-dark:#100527;position:relative;isolation:isolate;width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);overflow:hidden;direction:ltr;font-family:'Inter','Segoe UI',Arial,sans-serif;color:#fff;background:#f8f7fc;padding:clamp(26px,3.2vw,46px) clamp(18px,4vw,60px)}\r\n#dx-brand-final-cta-en .bc-panel{position:relative;isolation:isolate;overflow:hidden;width:min(1280px,100%);margin:0 auto;border-radius:clamp(22px,3vw,38px);border:1px solid rgba(255,255,255,.13);background:radial-gradient(ellipse at 92% 12%,rgba(155,120,245,.32),transparent 44%),radial-gradient(ellipse at 8% 85%,rgba(105,66,216,.45),transparent 42%),linear-gradient(115deg,#100527 0%,#221048 53%,#13072f 100%);box-shadow:0 26px 65px rgba(29,10,70,.15)}\r\n#dx-brand-final-cta-en .bc-panel::before{content:'';position:absolute;width:480px;height:480px;right:-210px;top:-250px;border:1px solid rgba(255,255,255,.10);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,.017),0 0 0 130px rgba(255,255,255,.012);pointer-events:none}\r\n#dx-brand-final-cta-en .bc-panel::after{content:'';position:absolute;width:360px;height:360px;left:-190px;bottom:-230px;border:1px dashed rgba(255,196,65,.22);border-radius:50%;pointer-events:none}\r\n#dx-brand-final-cta-en .bc-container{position:relative;z-index:2;width:min(1190px,100%);margin:0 auto;padding:clamp(50px,5vw,76px) clamp(22px,5vw,75px);text-align:center}\r\n#dx-brand-final-cta-en .bc-symbol{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 20px;border:1px solid rgba(255,196,65,.28);border-radius:19px;background:linear-gradient(145deg,rgba(255,196,65,.12),rgba(255,196,65,.025));box-shadow:0 15px 45px rgba(0,0,0,.14)}\r\n#dx-brand-final-cta-en .bc-symbol svg{width:35px;height:35px;fill:none;stroke:var(--cta-gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}\r\n#dx-brand-final-cta-en .bc-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-bottom:14px;color:var(--cta-gold);font-size:14px;font-weight:800;line-height:1.5}\r\n#dx-brand-final-cta-en .bc-eyebrow::before,#dx-brand-final-cta-en .bc-eyebrow::after{content:'';width:28px;height:2px;border-radius:999px;background:var(--cta-gold);opacity:.65}\r\n#dx-brand-final-cta-en .bc-title{max-width:880px;margin:0 auto 18px;color:#fff;font-size:clamp(32px,3.5vw,52px);font-weight:900;line-height:1.22;letter-spacing:-.9px}\r\n#dx-brand-final-cta-en .bc-title span{color:var(--cta-gold)}\r\n#dx-brand-final-cta-en .bc-description{max-width:750px;margin:0 auto;color:rgba(255,255,255,.77);font-size:clamp(14px,1.15vw,16px);font-weight:400;line-height:1.8}\r\n#dx-brand-final-cta-en .bc-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:13px;margin-top:27px}\r\n#dx-brand-final-cta-en .bc-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 25px;border-radius:13px;font-family:inherit;font-size:14px;font-weight:800;line-height:1.4;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}\r\n#dx-brand-final-cta-en .bc-button-primary{color:#170b30;background:var(--cta-gold);box-shadow:0 15px 35px rgba(255,196,65,.17)}\r\n#dx-brand-final-cta-en .bc-button-primary:hover{color:#170b30;background:#ffd36c;transform:translateY(-4px);box-shadow:0 20px 42px rgba(255,196,65,.24)}\r\n#dx-brand-final-cta-en .bc-button-secondary{color:#fff;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.26)}\r\n#dx-brand-final-cta-en .bc-button-secondary:hover{color:#fff;background:rgba(255,255,255,.14);transform:translateY(-4px)}\r\n#dx-brand-final-cta-en .bc-button svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n#dx-brand-final-cta-en a:focus-visible{outline:3px solid var(--cta-gold);outline-offset:5px}\r\n#dx-brand-final-cta-en .bc-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 25px;max-width:850px;margin:30px auto 0;padding-top:21px;border-top:1px solid rgba(255,255,255,.12)}\r\n#dx-brand-final-cta-en .bc-bottom-item{display:inline-flex;align-items:center;gap:9px;color:rgba(255,255,255,.7);font-size:13px;font-weight:600;line-height:1.6}\r\n#dx-brand-final-cta-en .bc-bottom-item svg{width:17px;height:17px;flex:0 0 17px;color:var(--cta-gold);fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}\r\n@media(max-width:900px){#dx-brand-final-cta-en .bc-container{padding:60px 30px}#dx-brand-final-cta-en .bc-title{font-size:clamp(32px,4.8vw,46px)}}\r\n@media(max-width:600px){#dx-brand-final-cta-en .bc-container{padding:46px 20px 47px}#dx-brand-final-cta-en .bc-symbol{width:55px;height:55px;border-radius:17px;margin-bottom:17px}#dx-brand-final-cta-en .bc-symbol svg{width:30px;height:30px}#dx-brand-final-cta-en .bc-eyebrow{font-size:12px;gap:9px;margin-bottom:13px}#dx-brand-final-cta-en .bc-eyebrow::before,#dx-brand-final-cta-en .bc-eyebrow::after{width:21px}#dx-brand-final-cta-en .bc-title{font-size:clamp(28px,8vw,36px);line-height:1.22;margin-bottom:15px}#dx-brand-final-cta-en .bc-description{font-size:14px;line-height:1.85}#dx-brand-final-cta-en .bc-actions{flex-direction:column;align-items:stretch;margin-top:23px;gap:11px}#dx-brand-final-cta-en .bc-button{width:100%;min-height:54px;font-size:14px}#dx-brand-final-cta-en .bc-bottom{flex-direction:column;align-items:center;gap:13px;margin-top:26px;padding-top:19px}#dx-brand-final-cta-en .bc-bottom-item{font-size:12px}#dx-brand-final-cta-en{padding:24px 14px}#dx-brand-final-cta-en .bc-panel{border-radius:22px}#dx-brand-final-cta-en .bc-container{padding:42px 18px 44px}}\r\n@media(prefers-reduced-motion:reduce){#dx-brand-final-cta-en *,#dx-brand-final-cta-en *::before,#dx-brand-final-cta-en *::after{animation:none!important;transition:none!important}}\r\n\/* Match the preceding English value section spacing with this CTA.\r\n   The sections have the same light background; the gap must be controlled jointly. *\/\r\n#dx-brand-value-en .bv-container { padding-bottom: 10px !important; }\r\n#dx-brand-final-cta-en { padding-top: 24px; padding-bottom: 32px; }\r\n@media (max-width: 600px) {\r\n    #dx-brand-value-en .bv-container { padding-bottom: 8px !important; }\r\n    #dx-brand-final-cta-en { padding-top: 20px; padding-bottom: 26px; }\r\n}\r\n<\/style>\r\n<section id=\"dx-brand-final-cta-en\" dir=\"ltr\" lang=\"en\" aria-labelledby=\"dx-brand-final-cta-title-en\">\r\n <div class=\"bc-panel\">\r\n <div class=\"bc-container\">\r\n  <div class=\"bc-symbol\" aria-hidden=\"true\"><svg viewBox=\"0 0 48 48\"><path d=\"M24 4 44 24 24 44 4 24Z\"\/><path d=\"M24 13 35 24 24 35 13 24Z\"\/><circle cx=\"24\" cy=\"24\" r=\"4\"\/><\/svg><\/div>\r\n  <span class=\"bc-eyebrow\">Start Your Brand Journey with D-INDEX<\/span>\r\n  <h2 id=\"dx-brand-final-cta-title-en\" class=\"bc-title\">Your Business Deserves <span>a Brand Identity That Stands Out<\/span><\/h2>\r\n  <p class=\"bc-description\">Whether you are launching a new business or refreshing an existing brand, D-INDEX helps turn your ideas into a cohesive visual identity that reflects your business and creates a consistent presence across every brand touchpoint.<\/p>\r\n  <div class=\"bc-actions\">\r\n   <a href=\"https:\/\/dindex.net\/en\/contact\/\" class=\"bc-button bc-button-primary\" aria-label=\"Contact D-INDEX to start your visual identity design project\">Start Your Brand Project <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/a>\r\n   <a href=\"https:\/\/dindex.net\/en\/projects\/\" class=\"bc-button bc-button-secondary\" aria-label=\"Explore D-INDEX projects\">Explore Our Work <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"\/><path d=\"M8 3v18M8 9h13\"\/><\/svg><\/a>\r\n  <\/div>\r\n  <div class=\"bc-bottom\">\r\n   <span class=\"bc-bottom-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"m8 12 3 3 5-6\"\/><\/svg>Understanding Your Business<\/span>\r\n   <span class=\"bc-bottom-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"m8 12 3 3 5-6\"\/><\/svg>Design That Reflects Your Brand<\/span>\r\n   <span class=\"bc-bottom-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"m8 12 3 3 5-6\"\/><\/svg>A Consistent Visual Identity<\/span>\r\n  <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Branding &#038; Visual Identity Services Visual Identity and Brand Design That Reflects Your Business Your brand is more than just a logo. At D-INDEX, we create cohesive visual identities that reflect your business&#8217;s personality and build a consistent, recognizable presence. From logo design, colors, and typography to branded applications and comprehensive brand guidelines, every detail [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-417","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Visual and Brand Identity Design - D-INDEX - Your Partner in Digital Transformation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dindex.net\/visual-and-brand-identity-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visual and Brand Identity Design - D-INDEX - Your Partner in Digital Transformation\" \/>\n<meta property=\"og:description\" content=\"Branding &#038; Visual Identity Services Visual Identity and Brand Design That Reflects Your Business Your brand is more than just a logo. At D-INDEX, we create cohesive visual identities that reflect your business&#8217;s personality and build a consistent, recognizable presence. From logo design, colors, and typography to branded applications and comprehensive brand guidelines, every detail [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dindex.net\/visual-and-brand-identity-design\/\" \/>\n<meta property=\"og:site_name\" content=\"D-INDEX - Your Partner in Digital Transformation\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-19T11:32:07+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dindex.net\\\/visual-and-brand-identity-design\\\/\",\"url\":\"https:\\\/\\\/dindex.net\\\/visual-and-brand-identity-design\\\/\",\"name\":\"Visual and Brand Identity Design - D-INDEX - Your Partner in Digital Transformation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/#website\"},\"datePublished\":\"2025-04-06T08:47:59+00:00\",\"dateModified\":\"2026-10-19T11:32:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/visual-and-brand-identity-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dindex.net\\\/visual-and-brand-identity-design\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dindex.net\\\/visual-and-brand-identity-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\"item\":\"https:\\\/\\\/dindex.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Visual and Brand Identity Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dindex.net\\\/#website\",\"url\":\"https:\\\/\\\/dindex.net\\\/\",\"name\":\"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dindex.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dindex.net\\\/#organization\",\"name\":\"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\",\"url\":\"https:\\\/\\\/dindex.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dindex.net\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dindex.net\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Dindex-logo.png\",\"contentUrl\":\"https:\\\/\\\/dindex.net\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Dindex-logo.png\",\"width\":796,\"height\":313,\"caption\":\"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\"},\"image\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visual and Brand Identity Design - D-INDEX - Your Partner in Digital Transformation","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:\/\/dindex.net\/visual-and-brand-identity-design\/","og_locale":"en_US","og_type":"article","og_title":"Visual and Brand Identity Design - D-INDEX - Your Partner in Digital Transformation","og_description":"Branding &#038; Visual Identity Services Visual Identity and Brand Design That Reflects Your Business Your brand is more than just a logo. At D-INDEX, we create cohesive visual identities that reflect your business&#8217;s personality and build a consistent, recognizable presence. From logo design, colors, and typography to branded applications and comprehensive brand guidelines, every detail [&hellip;]","og_url":"https:\/\/dindex.net\/visual-and-brand-identity-design\/","og_site_name":"D-INDEX - Your Partner in Digital Transformation","article_modified_time":"2026-10-19T11:32:07+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dindex.net\/visual-and-brand-identity-design\/","url":"https:\/\/dindex.net\/visual-and-brand-identity-design\/","name":"Visual and Brand Identity Design - D-INDEX - Your Partner in Digital Transformation","isPartOf":{"@id":"https:\/\/dindex.net\/#website"},"datePublished":"2025-04-06T08:47:59+00:00","dateModified":"2026-10-19T11:32:07+00:00","breadcrumb":{"@id":"https:\/\/dindex.net\/visual-and-brand-identity-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dindex.net\/visual-and-brand-identity-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dindex.net\/visual-and-brand-identity-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629","item":"https:\/\/dindex.net\/"},{"@type":"ListItem","position":2,"name":"Visual and Brand Identity Design"}]},{"@type":"WebSite","@id":"https:\/\/dindex.net\/#website","url":"https:\/\/dindex.net\/","name":"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a","description":"","publisher":{"@id":"https:\/\/dindex.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dindex.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/dindex.net\/#organization","name":"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a","url":"https:\/\/dindex.net\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dindex.net\/#\/schema\/logo\/image\/","url":"https:\/\/dindex.net\/wp-content\/uploads\/2026\/05\/Dindex-logo.png","contentUrl":"https:\/\/dindex.net\/wp-content\/uploads\/2026\/05\/Dindex-logo.png","width":796,"height":313,"caption":"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a"},"image":{"@id":"https:\/\/dindex.net\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/comments?post=417"}],"version-history":[{"count":21,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/417\/revisions"}],"predecessor-version":[{"id":4486,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/417\/revisions\/4486"}],"wp:attachment":[{"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/media?parent=417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}