{"id":151213,"date":"2026-03-06T14:47:27","date_gmt":"2026-03-06T14:47:27","guid":{"rendered":"https:\/\/devsdata.com\/?post_type=case_study&#038;p=151213"},"modified":"2026-04-06T20:56:26","modified_gmt":"2026-04-06T20:56:26","slug":"branding-and-website-design-for-a-space-startup","status":"publish","type":"case_study","link":"https:\/\/devsdata.com\/de\/case-studies\/branding-and-website-design-for-a-space-startup\/","title":{"rendered":"Mandala Space Ventures \u2013 Branding and Website Design"},"content":{"rendered":"<section>\n<h1>Mandala Space Ventures \u2013 Branding and Website Design<\/h1>\n\n    <style>`\n        .post-info {\n            display: flex;\n            flex-direction: row;\n            font-family: Montserrat;\n            font-style: normal;\n            font-weight: 500;\n            font-size: 16px;\n            line-height: 150%;\n            letter-spacing: 0.02em;\n            color: #6D7082;\n            \/*padding-top:32px;*\/\n        }\n\n        .info-container .post-info {\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .post-info-main {\n            width: 100%;\n            display: flex;\n            flex-wrap: wrap;\n            row-gap: 5px;\n            column-gap: 20px;\n            grid-template-rows: repeat(3, auto);\n            grid-template-columns: 60px max-content auto;\n            margin-bottom:12px;\n        }\n\n        .with-reviewer {\n            flex-wrap: wrap;\n            row-gap: 5px;\n        }\n\n        .author-name {\n            margin-bottom:4px;\n            grid-row-start: 2;\n            text-decoration: underline;\n            color:black !important;\n        }\n\n        .rank-math-breadcrumb {\n            margin-top:20px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .rank-math-breadcrumb p {\n            margin: 0;\n            white-space: nowrap; \n            overflow: hidden;\n            text-overflow: ellipsis;\n            gap: 8px;\n            display: flex;\n        }\n\n        .rank-math-breadcrumb a {\n            color: #6d7082;\n        }\n\n        .rank-math-breadcrumb a:hover {\n            text-decoration: underline;\n            color: #0332c9;\n        }\n\n        .author-avatar {\n            display: flex;\n            justify-content: center;\n            margin-right: 15px;\n            width: fit-content;\n            grid-row-start: span 2;\n            grid-row-end: 4;\n        }\n\n        .author-avatar picture {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .author-avatar.clicked {\n            transform: scale(1.1);\n        }\n\n        .post-info .author-avatar img {\n            min-width:44px;\n            height: 44px;\n            width: auto;\n            object-fit: cover;\n            aspect-ratio: 1\/1;\n            filter: grayscale(1);\n            border-radius: 100%;\n            position: relative;\n            top: 2px;\n        }\n\n        .post-info .author_socials {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            grid-row-start: 3;\n            grid-column: span 2;\n            gap: 15px;\n            list-style-type: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .post-info .author_socials li a {\n            display: flex;\n            align-item: center;\n            text-decoration: none;\n        }\n\n        .author_socials a svg {\n            width: 16px;\n            height: 16px;\n            transition: 0.3s;\n            color: #000;\n        }\n      \n        .author_socials li:hover svg {\n            color: #0332c9;\n        }\n\n        .right-info a {\n            width: fit-content;\n            color: unset;\n        }\n\n        .right-info a:hover {\n            text-decoration: underline;\n        }\n\n        .post-info .clock {\n            position: relative;\n            padding-right: 5px;\n            top: 2px;\n        }\n\n        .post-info .arrow {\n            position: relative;\n            margin-left: 10px;\n            margin-right: 10px;\n            transition: .2s;\n            height: 6px;\n            bottom: 1px;\n        }\n        .post-info .post-info-separator {\n            padding-right: 3px;\n            padding-left: 3px;\n        }\n\n        .reviewer-info {\n            display: flex;\n            flex-direction:column;\n            justify-content: center;\n            align-items: flex-start;\n            grid-row-start: 2;\n            align-self: start;\n            justify-self: end;\n            font-family: \"Montserrat\", arial;\n            color: #000;\n        }\n\n        .reviewer-info.the_first_row {\n            justify-self: start;\n            grid-row-start: 1;\n            grid-column: span 3;\n        }\n\n        .meta-checkmark {\n            width: 20px;\n            height: auto;\n        }\n\n        .reviewer-info a {\n            margin-left: 0;\n            color: #000;\n            text-decoration: underline;\n        }\n        .reviewer-info a:hover {\n            color: #0332c9;\n        }\n        .reviewer-info a:visited {\n            color: #551a8b;\n        }\n        .reviewer-info a:active {\n            color: #0332c9;\n        }\n        .language-dropdown-container {\n            display: inline-block;\n            width: 200px;\n        }\n\n        .language_switcher {\n            display: inline-flex;\n            align-items: center;\n            flex-direction: row;\n            gap: 5px;\n            vertical-align: middle;\n        }\n        \n        .language_switcher .wpml-ls-legacy-dropdown {\n            width: auto;\n            position: relative;\n            vertical-align: middle;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language {\n            position: relative;\n            margin-bottom:0;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language > a {\n            padding-left:16px !important;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {\n            display: none;\n            position: absolute;\n            z-index: 10;\n            top: 100%;\n            left: 0;\n            width: 100%;\n            margin: 0;\n            background-color: rgb(238, 238, 238);\n            border-radius: 0 0 8px 8px;\n            overflow: hidden;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li {\n            display: block;\n            width: 100%;\n            margin-bottom:0;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:hover {\n            background-color:rgba(204, 204, 211) !important\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {\n            display: block;\n            width: 100%;\n            padding: 8px 15px 8px 16px;\n            margin-left: 0;\n            box-sizing: border-box;\n            white-space: nowrap;\n            text-align: left;\n        }\n\n        @media (hover: hover) {\n            .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > .wpml-ls-sub-menu {\n                display: block;\n            }\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language.wpml-dropdown-open > .wpml-ls-sub-menu {\n            display: block;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language.wpml-dropdown-open > a.wpml-ls-item-toggle:after {\n            transform: scale(.7) rotate(180deg);\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language.wpml-dropdown-open > .wpml-ls-item-toggle {\n            border-radius: 8px 8px 0 0;\n            background-color: rgba(204, 204, 211);\n        }\n\n        .wpml-ls-legacy-dropdown a:focus {\n            background-color: #FFFFFF;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown a:visited {\n            color: #000000 !important;\n        }\n\n        .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {\n            content: \"\";\n            display: inline-block;\n            transform: scale(.7);\n            height: 20px;\n            width: 20px;\n            background: url(\"\/wp-content\/uploads\/2020\/07\/Vector.png\");\n            margin-left: 5px;\n            background-repeat: no-repeat;\n            background-position: center center;\n            background-size: 10px;\n            border: none;\n            position: unset;\n            background-color: #eee;\n            border-radius: 50%;\n            padding: 10px;\n            transition: transform 0.2s ease-in-out;\n            vertical-align: middle;\n            flex-shrink: 0;\n        }\n\n        .language_switcher a {\n            border: none;\n            padding: 10px 15px;\n        }\n\n        .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {\n            padding: 0 5px 0 2px !important;\n        }\n\n        @media (hover: hover) {\n            .wpml-ls-sub-menu a.wpml-ls-link:hover,\n            .language_switcher .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:hover {\n                background-color: rgba(204, 204, 211);\n                color: #000000 !important;\n                text-decoration: none;\n            }\n        }\n\n        .wpml-ls-sub-menu {\n            border: none !important;\n            background-color: transparent;\n        }\n\n        .wpml-ls-sub-menu a {\n            background-color: #FFFFFF;\n        }\n\n        .wpml-ls-current-language .wpml-ls-item-toggle {\n            border-radius: 8px;\n        }\n\n        @media (hover: hover) {\n            .wpml-ls-current-language:hover .wpml-ls-sub-menu a {\n                background-color: rgb(238, 238, 238) !important;\n            }\n\n            .wpml-ls-current-language .wpml-ls-sub-menu a:hover,\n            a.wpml-ls-item-toggle:hover:after {\n                background-color: rgba(204, 204, 211) !important;\n            }\n\n            .wpml-ls-current-language:hover a.wpml-ls-item-toggle:after {\n                transform: scale(.7) rotate(180deg);\n            }\n\n            .wpml-ls-current-language:hover .language_switcher .wpml-ls-legacy-dropdown a {\n                background-color: rgba(109, 112, 130, 0.1);\n            }\n\n            .wpml-ls-current-language:hover .wpml-ls-item-toggle{\n                border-radius: 8px 8px 0 0;\n            }\n\n            .wpml-ls-current-language:hover .wpml-ls-item:last-child .wpml-ls-link{\n                border-radius: 0 0 8px 8px;\n            }\n        }\n\n        .wpml-ls-current-language.wpml-dropdown-open .wpml-ls-sub-menu a {\n            background-color: rgb(238, 238, 238) !important;\n        }\n\n        .wpml-ls-current-language.wpml-dropdown-open .wpml-ls-item:last-child .wpml-ls-link{\n            border-radius: 0 0 8px 8px;\n        }\n\n        ul.language-list {\n            \/*min-height: 71px;*\/\n            margin: 0;\n            overflow: hidden;\n            position: absolute;\n            display: inline-block;\n            list-style: none;\n            vertical-align: top;\n            background-color: #FFFFFF;\n            padding: 0;\n            z-index: 2;\n        }\n\n        ul.language-list.mobile {\n            border-radius: 10px;\n            border: 1px solid rgba(109, 112, 130, 0.1);\n            margin-left: 10px;\n        }\n\n        .language-list.mobile li:hover {\n            background-color: rgba(109, 112, 130, 0.1)\n        }\n\n        .language-list.mobile li:hover a {\n            color: #000000;\n        }\n\n        .dropdown-arrow {\n            display: inline-block;\n            border-radius: 50%;\n            height: 30px;\n            width: 30px;\n        }\n\n        .dropdown-arrow {\n            background-color: rgba(109, 112, 130, 0.1);\n        }\n\n        .dropdown-arrow:hover {\n            background-color: rgba(109, 112, 130, 0.3);\n        }\n\n        .dropdown-arrow.mobile,\n        .dropdown-arrow.mobile:hover {\n            background-color: unset;\n        }\n\n        .language-list li {\n            padding-left: 10px;\n            cursor: pointer;\n            display: none;\n        }\n\n        .language-list li a {\n            color: #6D7082;\n            text-decoration: none;\n        }\n\n        .language-list li:first-child {\n            display: block;\n        }\n\n        .active li {\n            display: block;\n        }\n\n        .rotated {\n            transform: rotate(180deg);\n            bottom: 2px !important;\n        }\n        .bookmark {\n            align-self: center;\n            cursor:pointer;\n            display:none;\n        }\n        \n        .article h1 + p,\n        .article h1 + p + p {\n            margin: 0;\n            margin-bottom: 0 !important;\n        }\n\n        .info-container{\n            \/*min-height:150px;*\/\n            direction: ltr;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            padding-top: 20px;\n        }\n        .tags{\n            font-family: \"Montserrat\", sans-serif;\n            display: flex;\n            flex-direction: row;\n            justify-content: flex-start;\n            flex-wrap: wrap;\n            width: 100%;\n            overflow: hidden;\n            font-size: 14px;\n            border-radius: unset;\n            margin-bottom:20px;\n        }\n        .tags a {\n            font-style: normal;\n            line-height: 1.75em;\n            border: 0.5px solid #e2e5e9;\n            margin-right: 7px;\n            margin-top: 7px;\n            transition: 0.2s;\n            transition-property: background;\n            border-radius: 5px;\n            padding: 0.2em 0.8em;\n            color: black;\n        }\n        .tags a:hover {\n            background-color: #c1c7d0;\n        }\n\n        .tags a:visited {\n            color: #000;\n        }\n        .tags a:active {\n            color: #000;\n        }\n        .default-a:focus {\n            background-color: unset;\n        }\n\n        .default-a:hover{\n            text-decoration: underline;\n        }\n        .separator {\n        color:black !important;\n        font-weight:600;\n        }\n        .last {\n        color:black !important;\n        font-weight:600;\n        }\n        @media screen and (max-width:1034px) {\n        .author_links {\n        margin-right:auto;\n        }\n        .reviewer-info {\n        width: 100%;\n        }\n        }\n        @media screen and (max-width:767px) {\n        .language_switcher {\n        display: flex;\n        margin-top: 5px;\n        }\n        }\n        @media screen and (max-width:490px) {\n        .review-lowres {\n        display:flex !important;\n        }\n        .review-highres {\n        display:none !important;\n        }\n        .author_links {\n        margin-right:36px !important;\n        } \n        }\n    <\/style>\n    <div><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div>\n    \n    <div class=\"info-container\">\n    <div class=\"post-info with-reviewer\">\n        <div class=\"post-info-main\">\n            <div class=\"author-avatar\">\n                <picture>\n                        <source\n                            srcset=\"https:\/\/devsdata.com\/wp-content\/uploads\/2024\/02\/ani-gasparyan-min.webp\" type=image\/webp> \n                        <source \n                            srcset=\"https:\/\/devsdata.com\/wp-content\/uploads\/2024\/02\/ani-gasparyan-min.jpg\" type=\"image\/jpeg\">\n                        <img decoding=\"async\" \n                            class=\"avatar lazyload\"\n                            width=\"64\" \n                            height=\"64\"\n                            src=\"https:\/\/devsdata.com\/wp-content\/uploads\/2024\/02\/ani-gasparyan-min.jpg\"\n                            alt=\"avatar\"\n                            loading=\"lazy\"\n                            title=\"Ani Gasparyan\"\n                        >\n                <\/picture>\n            <\/div>\n            <div style=\"display:flex; flex-direction:column;margin-right:auto;\" class=\"author_links\">\n            <a href=\"\/author\/ani-gasparyan\/\" class=\"author-name\">Ani Gasparyan<\/a>\n            <ul class=\"author_socials\">\n            <li>\n                <a href=\"https:\/\/www.linkedin.com\/in\/ani-gasparyan-15a7b3157\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" aria-label=\"Ani Gasparyan on Linkedin\">\n                    <svg version=\"1.0\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\">\n                            <g id=\"linkedin5_layer\">\n                                <path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\" data-hs-event-238572417=\"1\"><\/path>\n                            <\/g>\n                        <\/svg>\n                <\/a>\n            <\/li>\n            <li>\n                <a href=\"https:\/\/twitter.com\/ani_l19\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" aria-label=\"Ani Gasparyan on Twitter\">\n                    <svg viewBox=\"0 0 512 512\" class=\"scriptlesssocialsharing__icon twitter\" fill=\"currentColor\" height=\"1em\" width=\"1em\" aria-hidden=\"true\" focusable=\"false\" role=\"img\">\n                            <path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"><\/path>\n                        <\/svg>\n                <\/a>\n            <\/li>\n            <li>\n                <a href=\"https:\/\/www.crunchbase.com\/person\/ani-gasparyan\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" aria-label=\"Ani Gasparyan on Crunchbase\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\" width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" role=\"img\">\n                            <title>Crunchbase icon<\/title>\n                            <path d=\"M21.6 0H2.4A2.41 2.41 0 0 0 0 2.4v19.2A2.41 2.41 0 0 0 2.4 24h19.2a2.41 2.41 0 0 0 2.4-2.4V2.4A2.41 2.41 0 0 0 21.6 0zM7.045 14.465A2.11 2.11 0 0 0 9.84 13.42h1.66a3.69 3.69 0 1 1 0-1.75H9.84a2.11 2.11 0 1 0-2.795 2.795zm11.345.845a3.55 3.55 0 0 1-1.06.63 3.68 3.68 0 0 1-3.39-.38v.38h-1.51V5.37h1.5v4.11a3.74 3.74 0 0 1 1.8-.63H16a3.67 3.67 0 0 1 2.39 6.46zm-.223-2.766a2.104 2.104 0 1 1-4.207 0 2.104 2.104 0 0 1 4.207 0z\"\/>\n                        <\/svg>\n                <\/a>\n            <\/li><\/ul>\n            <\/div>\n            <div class=\"reviewer-info\"> \n                                                                            <span style=\"color:#6D7082;\" class=\"\">\n                Last updated on \n                6. M\u00e4rz 2026 \n                <span class=\"post-info-separator\">| <\/span> \n                11 min read\n                \n            <\/span>\n                            <\/div>\n        \n        <\/div>\n    <\/div>\n    <div class=\"bookmark\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2020\/08\/bookmark-add-2-1.svg\" alt=\"bookmark\" title=\"\">\n    <\/div>\n    <div class=\"tags\"><\/div>\n    <\/div>\n    <script type=\"module\" defer>\n      document.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Get the current path from the URL\n    const path = window.location.pathname;\n\n    \/\/ Check if it starts with \/case-studies\n        if (path.startsWith(\"\/case-studies\")) {\n        const tagsElement = document.querySelector(\".tags\");\n        if (tagsElement) {\n        tagsElement.style.marginBottom = \"0\";\n        }\n        }\n        });\n        Array.from(document.getElementsByClassName(\"separator\")).forEach(el => {\n            el.textContent = \" > \";\n        });\n\n            var wpmlToggle = document.querySelector(\".language_switcher .wpml-ls-item-toggle\");\n            if (wpmlToggle) {\n                wpmlToggle.addEventListener(\"click\", function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    var currentLang = this.closest(\".wpml-ls-current-language\");\n                    if (currentLang) {\n                        currentLang.classList.toggle(\"wpml-dropdown-open\");\n                    }\n                });\n                document.addEventListener(\"click\", function(e) {\n                    var openDropdown = document.querySelector(\".wpml-ls-current-language.wpml-dropdown-open\");\n                    if (openDropdown && !openDropdown.contains(e.target)) {\n                        openDropdown.classList.remove(\"wpml-dropdown-open\");\n                    }\n                });\n            }\n\n            var languageList = document.querySelector(\"#language-list\");\n            var dropdownArrow = document.querySelector(\".dropdown-arrow\");\n\n            if(languageList){\n                languageList.addEventListener(\"click\", () => {\n                    languageList.classList.toggle(\"active\");\n                    document.querySelector(\"#arrow\").classList.toggle(\"rotated\");\n                })\n            }\n                \n            function handleViewportChange() {\n                if(languageList) {\n                    if (window.innerWidth < 1280) {\n                        if(!languageList.classList.contains(\"mobile\")) {\n                            languageList.classList.add(\"mobile\");\n                            dropdownArrow.classList.add(\"mobile\");\n                        }\n                    } else {\n                        if(languageList.classList.contains(\"mobile\")) {\n                            languageList.classList.remove(\"mobile\");\n                            dropdownArrow.classList.remove(\"mobile\");\n                        }\n                    }\n                };\n            };\n\n            \/\/ If there is a small\/no space between reviewer and author name, reviewer moves to the first row\n            function update_post_info_layout() {\n                const author_name_element = document.querySelector(\".author-name\");\n                const reviewer_element = document.querySelector(\".reviewer-info\");\n                const post_info_container = document.querySelector(\".post-info\");\n\n                if(reviewer_element) {\n                    let distance_next_to_author, reviewer_fits_next_to_author; \n                    if(post_info_container && author_name_element) {\n                        distance_next_to_author = post_info_container.getBoundingClientRect().right - author_name_element.getBoundingClientRect().right;\n                        reviewer_fits_next_to_author = distance_next_to_author - reviewer_element.clientWidth >= 15;\n                    }\n\n                    if(!reviewer_fits_next_to_author) {\n                        reviewer_element.classList.add(\"the_first_row\");\n                    } else if (reviewer_fits_next_to_author && reviewer_element.classList.contains(\"the_first_row\")) {\n                        reviewer_element.classList.remove(\"the_first_row\");\n                    }\n                }\n            }\n\n            handleViewportChange();\n            update_post_info_layout();\n             \n            window.addEventListener(\"resize\", () => {\n                handleViewportChange();\n                update_post_info_layout();\n            });\n    <\/script>\n\n        <span class=\"img-container\">\n            <picture class=\"\" style=\"filter: grayscale(0)\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/mandala_thumby_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/mandala_thumby_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/mandala_thumby.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/mandala_thumby.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/mandala_thumby.jpg\" width=\"640\" height=\"357\" alt=\"Mandala Thumbnail testimonial\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<div class=\"download-button-container\"><a class=\"case-study-download-button\" href=\"\/wp-content\/themes\/intentionally-blank\/assets\/case_studies\/mandala\/mandala_compressed.pdf\" target=\"_blank\" rel=\"noopener\">Download as PDF<\/a><\/div>\n<ul>\n<li>DevsData LLC developed a complete brand identity and redesigned the website for Mandala Space Ventures, a space technology venture studio.<\/li>\n<li>The new solution provided a consistent visual system, improved communication clarity, and a CMS structure that the internal team can manage without technical support.<\/li>\n<\/ul>\n<h2>Introduction<\/h2>\n<p><a href=\"https:\/\/mandalaspaceventures.com\/\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">Mandala Space Ventures<\/a> approached <a href=\"\/services\/\" target=\"_blank\" rel=\"noreferrer noopener\">DevsData LLC<\/a> through a referral from an earlier client engagement, seeking a cohesive brand identity and a redesigned website that would accurately present the company\u2019s purpose in the space sector. The new visual direction needed to build credibility and help founders, investors, and partners understand the company\u2019s mission at a glance. To achieve this, the design work and the technical structure were planned together as one system that supported clear communication and future growth. The full branding and website redesign were completed across three months.<\/p>\n\n        <span class=\"img-container\">\n            <picture class=\"open-picture\" style=\"filter: grayscale(0)\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/mandala_project_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/mandala_project_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/mandala_project.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/mandala_project.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/mandala_project.jpg\" width=\"640\" height=\"357\" alt=\"Project Highlights testimonial\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<h2>Client overview<\/h2>\n<p><a href=\"https:\/\/mandalaspaceventures.com\/studio\/\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">Mandala Space Ventures<\/a> is a space technology venture studio based in Pasadena, California. The company works with founders developing new space-focused technologies and pairs them with a technical team that has decades of experience building systems for orbital and high-radiation environments. Mandala operates both a venture studio and a venture fund, giving early teams structured support and access to capital. This model allows the studio to back projects with greater technical complexity and risk, helping entrepreneurs move from initial concepts to ventures ready for investment and market entry.<\/p>\n<h2>Project scope<\/h2>\n<p>The engagement covered both branding and a complete website redesign. <a href=\"\/the-way-we-are-different\/\" target=\"_blank\" rel=\"noreferrer noopener\">DevsData LLC<\/a> prepared a full identity system that included a new logo, a refined typographic structure, and a visual language that shaped how Mandala appears across digital and presentation materials. These elements created a stable base for future communication and gave the company a recognizable presence.<\/p>\n<p>For the website, the team introduced a reorganized content structure and redesigned the interface. The new layouts guided visitors through Mandala\u2019s mission, clarified how the venture studio works with founders, and allowed the company to present its message with more confidence. Page templates were adapted to different types of information so that investors, partners, and founders could navigate the site without friction.<\/p>\n<p class='quote'>The CMS portion of the scope focused on building a modular WordPress environment using Advanced Custom Fields Pro. Editors can now add sections, rearrange content, and publish new materials without developer involvement.<\/p>\n<p>Additional work included setting up selected animations, preparing the environment for stable performance, and integrating communication tools needed for daily operations. These combined efforts produced an identity and website that support Mandala\u2019s visibility, investor outreach, and early-stage portfolio growth.<\/p>\n<div class=\"table-container\">\n<table style=\"width: 100%\">\n<thead>\n<tr>\n<th>Area<\/th>\n<th>Scope<\/th>\n<th>Objective<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Branding<\/strong><\/td>\n<td>Logo, typography, visual system<\/td>\n<td>Create a unified brand expression<\/td>\n<\/tr>\n<tr>\n<td><strong>Website design<\/strong><\/td>\n<td>UI redesign and layout structure<\/td>\n<td>Improve clarity and presentation quality<\/td>\n<\/tr>\n<tr>\n<td><strong>CMS structure<\/strong><\/td>\n<td>WordPress with Advanced Custom Fields<\/td>\n<td>Allow simple internal content adjustment<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h2>Challenge<\/h2>\n<p>The project called for a visual direction that felt credible within the space sector without repeating the familiar themes widely used across the industry. The goal was to define an identity that stood out while still matching the expectations of its audience. Several visual concepts were explored before the final direction was selected. At the same time, the website redesign needed to remain flexible for future content changes while maintaining a strong presentation in the CMS without adding maintenance complexity.<\/p>\n<h3>Challenge 1: establishing a clear position in a visually uniform sector<\/h3>\n<p>Many companies in the space sector use comparable visual themes, including dark palettes and space imagery that repeat across the industry. This leaves limited room for a distinct identity. The challenge was to give Mandala a look that remained credible for space audiences while also reflecting its work on early venture formation and applied technology.<\/p>\n<h3>Challenge 2: concept exploration and iterative validation<\/h3>\n<p>Different visual directions were tested and compared until the most fitting concept was identified. This required active feedback and structured evaluation to avoid slow decision cycles.<\/p>\n<h3>Challenge 3: practical CMS editing<\/h3>\n<p>The new website needed to maintain aesthetic value while remaining easy for the internal team to edit. The CMS structure could not require code changes each time the content is updated.<\/p>\n\n        <span class=\"img-container\">\n            <picture class=\"open-picture\" style=\"filter: grayscale(0)\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/mandala_spacen_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/mandala_spacen_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/mandala_spacen.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/mandala_spacen.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/mandala_spacen.jpg\" width=\"640\" height=\"357\" alt=\"Project Highlights testimonial\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<h2>Our approach<\/h2>\n<p>We began by reviewing brand patterns used by companies positioned in similar space technology categories. This helped us identify common repetition in visual language and find space for Mandala Space Ventures to communicate a more defined character.<\/p>\n<p>A team composed of a Senior Brand Designer, a UI\/UX Designer, and a Frontend Engineer explored multiple visual directions. The designers focused on clarity, recognizability, and long-term adaptability of each concept, while the engineer assessed how these directions would behave when translated into a functional interface. A Project Lead acted as the primary client-facing contact, coordinating feedback and maintaining consistent alignment throughout the process.<\/p>\n<p>Communication with the client was steady and uncomplicated, with short review calls and timely input that helped validate the direction without slowing progress. This rhythm prevented long revision cycles and kept decisions aligned with the project goals. After selecting the final identity direction, we defined the typography system, layout rules, and structure that guided the web design phase.<\/p>\n<p>Once this foundation was finalized, we transitioned into implementation. CMS structure planning was completed before writing code so that internal editors would not depend on developers in the future. This foundation made content updates predictable while still retaining visual consistency.<\/p>\n\n        <span class=\"img-container\">\n            <picture class=\"open-picture\" style=\"filter: grayscale(0)\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/mandala_singapour_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/mandala_singapour_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/mandala_singapour.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/mandala_singapour.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/mandala_singapour.jpg\" width=\"640\" height=\"357\" alt=\"Project Highlights testimonial\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<h2>Execution<\/h2>\n<p>We completed the branding phase first and then moved into website development. Our Frontend Engineer built the interface using HTML, CSS, and vanilla JavaScript, supported by Sass and Rollup to maintain an efficient development flow. AOS (Animate On Scroll) introduced controlled animation in selected areas. For the CMS, we integrated WordPress with Advanced Custom Fields Pro, enabling the creation of structured blocks within Gutenberg. <\/p>\n<p>Our team created templates in HTML and PHP, allowing the Mandala team to assemble content without needing to edit code. After preparing the core structure, we integrated SendGrid for newsletter communication and deployed the website on Kinsta, which provided stable performance and simplified ongoing maintenance.<\/p>\n<div class=\"table-container\">\n<table style=\"width: 100%\">\n<thead>\n<tr>\n<th>Component<\/th>\n<th>Stack or tool<\/th>\n<th>Purpose<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Frontend<\/strong><\/td>\n<td>HTML, CSS, JavaScript, Sass, Rollup<\/td>\n<td>Interface and styling<\/td>\n<\/tr>\n<tr>\n<td><strong>CMS<\/strong><\/td>\n<td>WordPress and ACF Pro<\/td>\n<td>Internal editing capability<\/td>\n<\/tr>\n<tr>\n<td><strong>Integrations<\/strong><\/td>\n<td>SendGrid<\/td>\n<td>Newsletter sending<\/td>\n<\/tr>\n<tr>\n<td><strong>Hosting<\/strong><\/td>\n<td>Kinsta<\/td>\n<td>Stable deployment and maintenance<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h2>Business impact<\/h2>\n<p>The new brand direction helped the company explain who they are and what they do more clearly from the first interaction. The brand now communicates applied space technology with clarity and a grounded narrative. This helped Mandala introduce itself to collaborators and research partners more effectively.<\/p>\n<p>The structured CMS made ongoing content updates manageable for the internal team. Editors can publish new content without technical assistance. The compact senior team contributed to stable decision cycles. This helped preserve financial discipline throughout the process and supported delivery within budget expectations.<\/p>\n<h2>Results<\/h2>\n<p>The branding and website redesign were completed in three months.<\/p>\n<p class='quote'>Mandala Space Ventures received a complete identity system and a rebuilt website on a stable technical base, allowing the team to present information in a more organized and understandable way.<\/p>\n<p>The new visual structure made it easier for the company to explain its mission to founders, partners, and research groups. The updated layouts guide visitors through the content without unnecessary complexity, and the brand elements now appear consistent across the website and presentation materials.<\/p>\n<p>The CMS setup supports gradual content expansion. The internal team can add pages, adjust layouts, and update information without developer support, which helps keep the site current and reduces ongoing maintenance needs. The structure also allows the website to grow as the company adds new projects, updates descriptions, or shares news.<\/p>\n<p>Overall, the collaboration gave Mandala a dependable design system and a website that can adapt to future needs without requiring major structural changes.<\/p>\n<h2>Contact us<\/h2>\n<p><a href=\"\/services\/\" target=\"_blank\" rel=\"noreferrer noopener\">DevsData LLC<\/a> prepares branding, web design, and custom software projects for clients in North America, Europe, and Latin America. The team combines engineering knowledge with attention to visual presentation and careful execution. Our senior specialists stay directly involved in the process, communicate openly with clients, and guide each stage toward practical results. Unlike many agencies that separate design from engineering, our work is handled by senior specialists across both areas, which helps avoid handoff issues and keeps the final product consistent from concept to implementation.<\/p>\n<p>If your company plans a brand refresh, a new website, or needs support in preparing a digital platform, our team can assist. We can review your needs, propose a structure that aligns with your goals, and prepare a scope that supports long-term development rather than one-time delivery.<\/p>\n<p>For partnership opportunities, contact <a href=\"mailto:general@devsdata.com\" target=\"_blank\" rel=\"noopener\">general@devsdata.com<\/a> or visit <a href=\"\/\" target=\"_blank\" rel=\"noreferrer noopener\">www.devsdata.com<\/a> for more information.<\/p>\n\n        <section class=\"author_section_container\">\n            \n            <p class=\"contact_on_twitter\">\n                Any questions or comments? Let me know on \n                <a href=\"https:\/\/twitter.com\/ani_l19\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Twitter\/X<\/a>.\n            <\/p> \n        \n            <div class=\"schedule-consultation\">\n                <div class=\"block-contact\">\n                    <p>Discover how IT recruitment and staffing can address your talent needs. Explore trending regions \n        like Poland, Portugal, Mexico, Brazil and more. <\/p>\n                <\/div>\n                <div class=\"contact-us-show schedule-consultation-button\">\n                    \ud83d\uddd3\ufe0f\n                    <span>Schedule a consultation<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"author_section\">\n                <div class=\"author_photo_container\">\n                    <picture>\n                        <source srcset=\"https:\/\/devsdata.com\/wp-content\/uploads\/2024\/02\/ani-gasparyan-min.webp\" type=\"image\/webp\"> \n                        <source srcset=\"https:\/\/devsdata.com\/wp-content\/uploads\/2024\/02\/ani-gasparyan-min.jpg\" type=\"image\/jpeg\">\n                        <img decoding=\"async\" class=\"avatar lazyload\" width=\"64\" height=\"64\" src=\"https:\/\/devsdata.com\/wp-content\/uploads\/2024\/02\/ani-gasparyan-min.jpg\" alt=\"avatar\" loading=\"lazy\" title=\"Ani Gasparyan\" >\n                    <\/picture>\n                    <a class=\"read_full_bio\" href=\"\/author\/ani-gasparyan\/\" aria-label=\"Read more from Ani Gasparyan\">Read full bio<\/a>\n                <\/div>\n                <div class=\"author_info_container\">\n                    <div class=\"author_info\" data-role=\"Author\">\n                        <h4 id=\"author_title\">\n                            <a href=\"\/author\/ani-gasparyan\/\" aria-label=\"Read more from Ani Gasparyan\">Ani Gasparyan<\/a>\n                            <span class=\"position\">Senior Copywriter and marketer<\/span>\n                        <\/h4>\n                    <\/div>\n                <\/div>\n                <div class=\"author_about\">\n                    <span>Ani is a marketing enthusiast and content writer. With 8+ years of expertise in marketing, she succeeded in developing engaging marketing collaterals, including blog articles, social media content, and other promotional materials. With a keen eye for detail and a knack for storytelling, she thrives in crafting compelling content that resonates with the target audience.<\/span>\n                    <div class=\"links\">\n                        <ul class=\"author_socials\">\n            <li>\n                <a href=\"https:\/\/www.linkedin.com\/in\/ani-gasparyan-15a7b3157\/\" aria-label=\"Check out Ani Gasparyan on LinkedIn\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">\n                    <svg version=\"1.0\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\">\n                        <g id=\"linkedin5_layer\">\n                            <path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\" data-hs-event-238572417=\"1\"><\/path>\n                        <\/g>\n                    <\/svg>\n                <\/a>\n            <\/li>\n            <li>\n                <a href=\"https:\/\/twitter.com\/ani_l19\" aria-label=\"Check out Ani Gasparyan on Twitter\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">\n                    <svg viewBox=\"0 0 512 512\" class=\"scriptlesssocialsharing__icon twitter\" fill=\"currentColor\" height=\"1em\" width=\"1em\" aria-hidden=\"true\" focusable=\"false\" role=\"img\">\n                        <path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"><\/path>\n                    <\/svg>\n                <\/a>\n            <\/li>\n            <li>\n                <a href=\"https:\/\/www.crunchbase.com\/person\/ani-gasparyan\" aria-label=\"Check out Ani Gasparyan on Chrunchbase\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\" width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" role=\"img\">\n                        <title>Crunchbase icon<\/title>\n                        <path d=\"M21.6 0H2.4A2.41 2.41 0 0 0 0 2.4v19.2A2.41 2.41 0 0 0 2.4 24h19.2a2.41 2.41 0 0 0 2.4-2.4V2.4A2.41 2.41 0 0 0 21.6 0zM7.045 14.465A2.11 2.11 0 0 0 9.84 13.42h1.66a3.69 3.69 0 1 1 0-1.75H9.84a2.11 2.11 0 1 0-2.795 2.795zm11.345.845a3.55 3.55 0 0 1-1.06.63 3.68 3.68 0 0 1-3.39-.38v.38h-1.51V5.37h1.5v4.11a3.74 3.74 0 0 1 1.8-.63H16a3.67 3.67 0 0 1 2.39 6.46zm-.223-2.766a2.104 2.104 0 1 1-4.207 0 2.104 2.104 0 0 1 4.207 0z\"\/>\n                    <\/svg>\n                <\/a>\n            <\/li>\n            <li>\n                <a href=\"mailto:ani.gasparyan@devsdata.com\" aria-label=\"Email Ani Gasparyan\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M64 112c-8.8 0-16 7.2-16 16v22.1l172.5 141.6c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16zM48 212.2V384c0 8.8 7.2 16 16 16h384c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0zM0 128c0-35.3 28.7-64 64-64h384c35.3 0 64 28.7 64 64v256c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64z\"\/><\/svg>\n                <\/a>\n            <\/li><\/ul>\n                        <a class=\"recruitment_link\" href=\"\/recruitment\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                            Read more about our IT staffing services\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M5 12H19\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M12 5L19 12L12 19\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"tags-author \">\n                \n            <\/div>\n        <\/section>\n    \n\n        <script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                function debounceMessagePopUp(func, timeout = 300) {\n                    let timer;\n                    return (...args) => {\n                        clearTimeout(timer);\n                        timer = setTimeout(() => {\n                            func.apply(this, args);\n                        }, timeout);\n                    };\n                }\n\n                const toastPopUp = document.getElementById(\"copy-toast-meet-us\");\n                const copyEmailPopButtons = document.querySelectorAll(\".copy-email-button-meet-us\");\n\n                const debouncedMessagePopUp = debounceMessagePopUp(() => toastPopUp.classList.remove(\"toast-active\"), 2000);\n\n                for (let i = 0; i < copyEmailPopButtons.length; i++) {\n                    copyEmailPopButtons[i].addEventListener(\"click\", () => copyEmailFunctionPopUp(copyEmailPopButtons[i]));\n                }\n\n                function copyEmailFunctionPopUp(button) {\n                    navigator.clipboard.writeText(button.previousElementSibling.innerHTML);\n                    toastPopUp.querySelector(\"span\").innerHTML = \"Email copied\";\n                    toastPopUp.classList.add(\"toast-active\");\n                    debouncedMessagePopUp();\n                }\n        })\n<\/script>\n\n<div class=\"download-button-container\"><a class=\"case-study-download-button\" href=\"\/wp-content\/themes\/intentionally-blank\/assets\/case_studies\/mandala\/mandala_compressed.pdf\" target=\"_blank\" rel=\"noopener\">Download as PDF<\/a><\/div>\n<\/section>\n<style>\n.quote {\n  font-size: 26px !important;\n  letter-spacing: -.3px;\n  line-height: 36px;\n  color: #000;\n  font-family: Tiempos Headline, sans-serif;\n  font-weight: 300;\n  letter-spacing: -.3px;\n  line-height: 50px !important;\n  padding-bottom: 36px;\n  padding-left: 36px;\n  padding-top: 30px;\n  position: relative;\n}\n.quote:before {\n  background-color: #0332c987;\n  border-radius: 2px;\n  content: \"\";\n  display: block;\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 4px;\n}\nul{\nlist-style: inside;\n}\nol.numbered-list-1{\n  list-style: none;\n}\nol.numbered-list-1 li a{\n  color: #000;\n  text-decoration: none;\n}\nol.numbered-list-1 li a:hover {\n  color: #0332c9;\n}\nol.numbered-list,\nol.page-numbered-list {\n  list-style: none;\n  counter-reset: list-counter;\n}\nol.page-numbered-list {\n  padding: 0;\n}\nol.numbered-list li a {\n  color: #000;\n  text-decoration: none;\n}\nol.numbered-list li a:hover {\n  color: #0332c9;\n}\nol.numbered-list li::before,\nol.page-numbered-list li>h2::before {\n  content: counter(list-counter) \") \";\n  counter-increment: list-counter;\n  margin-right: 5px;\n  font-weight: bold;\n}\nol.numbered-list li::before {\n  display: inline-flex;\n  justify-content: end;\n  width: 30px;\n  margin-right: 10px;\n}\nol.page-numbered-list li:nth-of-type(-n+15) h2 a {\n  padding-top: 40px;\n}\nol.page-numbered-list li:nth-of-type(-n+15) h2::before {\n  padding-top: 40px;\n}\nol.page-numbered-list li>h2 {\n  display: flex;\n  font-weight: 500;\n  position: relative;\n  z-index: -1;\n}\nol.page-numbered-list li>h2 a {\n  color: #000;\n}\nol.page-numbered-list li>h2::before {\n  font-weight: 500;\n}\nli>a:hover {\n  text-decoration: underline;\n}\n#devsdata_homepage img {\n  transition: all .25s linear;\n}\n#devsdata_homepage:hover img {\n  transform: scale(1.01);\n}\ntable, th, td {\n  border: 1px solid black;\n  border-collapse: collapse;\n  text-align: start;\n  padding: 5px 10px;\n  vertical-align: top;\n}\nthead {\n  background-color: #b8c0c6;\n}\ntd ul {\n  list-style: none;\n  margin-top: 0;\n  padding-left: 0;\n}\ntd > p {\n  margin: 0 !important;\n}\ntd > a:hover {\n  text-decoration: underline;\n}\ntbody > tr:hover {\n  background-color: rgba(255, 248, 220, 0.5);\n}\nli{\n  margin-bottom: 5px;\n}\nol.java-inform > li{\n  margin-bottom: 10px !important;\n}\n<\/style>\n","protected":false},"author":27,"featured_media":152721,"template":"","class_list":["post-151213","case_study","type-case_study","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devsdata.com\/de\/wp-json\/wp\/v2\/case_study\/151213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devsdata.com\/de\/wp-json\/wp\/v2\/case_study"}],"about":[{"href":"https:\/\/devsdata.com\/de\/wp-json\/wp\/v2\/types\/case_study"}],"author":[{"embeddable":true,"href":"https:\/\/devsdata.com\/de\/wp-json\/wp\/v2\/users\/27"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devsdata.com\/de\/wp-json\/wp\/v2\/media\/152721"}],"wp:attachment":[{"href":"https:\/\/devsdata.com\/de\/wp-json\/wp\/v2\/media?parent=151213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}