{"id":7534,"date":"2026-11-08T00:15:34","date_gmt":"2026-11-08T06:15:34","guid":{"rendered":"https:\/\/royalestudios.com\/services\/branding\/"},"modified":"2026-11-08T00:15:34","modified_gmt":"2026-11-08T06:15:34","slug":"branding","status":"publish","type":"page","link":"https:\/\/royalestudios.com\/en\/services\/branding\/","title":{"rendered":"Branding"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7534\" class=\"elementor elementor-7534 elementor-7393\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-777ed7d e-con-full rs-svc e-flex e-con e-parent\" data-id=\"777ed7d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21af553 elementor-widget elementor-widget-html\" data-id=\"21af553\" 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<style>@media(max-width:759px){.rs-svc [data-g=\"branding-4-5\"]{grid-template-columns:repeat(1, minmax(0px, 1fr))!important;}}@media(max-width:759px){.rs-svc [data-g=\"branding-4-6\"]{grid-column:span 1!important;}}@media(max-width:759px){.rs-svc [data-g=\"branding-4-15\"]{grid-column:span 1!important;}}@media(max-width:759px){.rs-svc [data-g=\"branding-4-26\"]{grid-column:span 1!important;}}@media(max-width:759px){.rs-svc [data-g=\"branding-4-43\"]{grid-column:span 1!important;}}@media(max-width:759px){.rs-svc [data-g=\"branding-4-56\"]{grid-column:span 1!important;}}@media(max-width:759px){.rs-svc [data-rr=\"desk-7\"]{display:none!important}}@media(min-width:760px){.rs-svc [data-rr=\"mob-7\"]{display:none!important}}<\/style><section data-r=\"hero\" data-screen-label=\"Hero\" style=\"position: relative; max-width: 1340px; width: 100%; margin: 0px auto; padding: 56px 40px 40px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 28px;\">\n    <div data-r=\"shapes-l\" aria-hidden=\"true\" style=\"position: absolute; inset: 0px; pointer-events: none;\">\n    <div style=\"position: absolute; left: -90px; top: 10px; width: clamp(170px, 20vw, 260px); height: clamp(170px, 20vw, 260px); border: 2px solid rgb(55, 48, 107); border-radius: 50%; box-sizing: border-box;\"><\/div>\n    <div style=\"position: absolute; left: -90px; top: 10px; width: clamp(170px, 20vw, 260px); height: clamp(170px, 20vw, 260px); border-radius: 50%; overflow: hidden;\"><div style=\"position: absolute; right: 0px; bottom: 0px; width: 50%; height: 50%; background: rgb(236, 53, 67);\"><\/div><\/div>\n    <div style=\"position: absolute; left: max(16px, 50% - 640px); top: clamp(230px, 25vw, 320px); display: flex; gap: 6px; transform: rotate(-10deg);\">\n      <span style=\"width: clamp(22px, 2.6vw, 34px); height: clamp(56px, 6.4vw, 84px); background: rgb(242, 140, 181); border-radius: 4px;\"><\/span>\n      <span style=\"width: clamp(22px, 2.6vw, 34px); height: clamp(56px, 6.4vw, 84px); background: rgb(249, 160, 63); border-radius: 4px; margin-top: 14px;\"><\/span>\n      <span style=\"width: clamp(22px, 2.6vw, 34px); height: clamp(56px, 6.4vw, 84px); background: rgb(55, 48, 107); border-radius: 4px; margin-top: 28px;\"><\/span>\n    <\/div>\n    <div style=\"position: absolute; left: max(4px, 50% - 600px); top: 480px; width: clamp(34px, 3.6vw, 48px); height: clamp(34px, 3.6vw, 48px);\">\n      <span style=\"position: absolute; inset: 18%; border: 2px solid rgb(40, 43, 66); border-radius: 50%;\"><\/span>\n      <span style=\"position: absolute; left: 50%; top: 0px; bottom: 0px; width: 2px; margin-left: -1px; background: rgb(40, 43, 66);\"><\/span>\n      <span style=\"position: absolute; top: 50%; left: 0px; right: 0px; height: 2px; margin-top: -1px; background: rgb(40, 43, 66);\"><\/span>\n    <\/div>\n    <\/div>\n    <div data-r=\"shapes-r\" aria-hidden=\"true\" style=\"position: absolute; inset: 0px; pointer-events: none;\">\n    <div style=\"position: absolute; right: -70px; top: 30px; width: clamp(150px, 17vw, 230px); height: clamp(150px, 17vw, 230px); background: rgb(249, 160, 63); border-radius: 50%;\"><\/div>\n    <div style=\"position: absolute; right: max(-30px, 50% - 650px); top: clamp(70px, 8vw, 110px); width: clamp(60px, 7vw, 96px); height: clamp(60px, 7vw, 96px); background: rgb(55, 48, 107); border-radius: 50% 50% 50% 0px;\"><\/div>\n    <div style=\"position: absolute; right: max(-20px, 50% - 660px); top: clamp(260px, 28vw, 330px); width: clamp(90px, 10vw, 140px); height: clamp(90px, 10vw, 140px); border: 2px dashed rgb(236, 53, 67); border-radius: 22px; box-sizing: border-box; transform: rotate(12deg);\"><\/div>\n    <div style=\"position: absolute; right: max(10px, 50% - 590px); top: 470px; width: clamp(34px, 3.6vw, 48px); height: clamp(34px, 3.6vw, 48px);\">\n      <span style=\"position: absolute; inset: 18%; border: 2px solid rgb(236, 53, 67); border-radius: 50%;\"><\/span>\n      <span style=\"position: absolute; left: 50%; top: 0px; bottom: 0px; width: 2px; margin-left: -1px; background: rgb(236, 53, 67);\"><\/span>\n      <span style=\"position: absolute; top: 50%; left: 0px; right: 0px; height: 2px; margin-top: -1px; background: rgb(236, 53, 67);\"><\/span>\n    <\/div>\n    <\/div>\n    <span style=\"position: relative; z-index: 1; font-size: 16px; font-weight: 600; color: rgb(236, 53, 67);\">Branding<\/span>\n    <h1 data-r=\"h1\" style=\"position: relative; z-index: 1; margin: 0px; font-size: clamp(42px, 6vw, 80px); line-height: 1.02; font-weight: 500; letter-spacing: -0.055em; max-width: min(860px, 100% - 120px); text-wrap: balance;\">We create brands that leave a mark<\/h1>\n    <p data-r=\"herotext\" style=\"position: relative; z-index: 1; margin: 0px; font-size: 19px; line-height: 1.55; max-width: min(660px, 100% - 140px); text-wrap: pretty;\">We design unique visual identities that convey your business's personality, values, and essence. From creating a new brand to evolving an existing identity, we help you build a professional, consistent, and memorable image.<\/p>\n    <a href=\"https:\/\/royalestudios.com\/en\/contact\/\" style=\"position: relative; z-index: 1; background: rgb(236, 53, 67); color: rgb(255, 255, 255); font-size: 15px; font-weight: 600; padding: 15px 30px; border-radius: 999px;\">Let's design your brand<\/a>\n    <div style=\"position: relative; width: min(620px, 100%); aspect-ratio: 620 \/ 400; margin-top: 24px;\">\n      <div style=\"position: absolute; left: 30%; top: 4%; width: 46%; aspect-ratio: 1 \/ 1; background: rgb(243, 214, 208); border-radius: 50%;\"><\/div>\n      <div style=\"position: absolute; right: 6%; top: 2%; width: 18%; aspect-ratio: 1.15 \/ 1; background: rgb(249, 160, 63); clip-path: polygon(50% 0px, 100% 100%, 0px 100%);\"><\/div>\n      <div style=\"position: absolute; left: 28%; top: 12%; width: 40%; aspect-ratio: 1 \/ 1; background: rgb(55, 48, 107); border: 4px solid rgb(40, 43, 66); border-radius: 18px; box-sizing: border-box; overflow: hidden;\">\n        <div style=\"position: absolute; left: 18%; top: 18%; width: 64%; height: 64%; background: rgb(236, 53, 67); border-radius: 50% 50% 50% 0px;\"><\/div>\n        <div style=\"position: absolute; left: 38%; top: 38%; width: 24%; height: 24%; background: rgb(255, 179, 154); border-radius: 50%;\"><\/div>\n      <\/div>\n      <div style=\"position: absolute; left: 2%; top: 46%; width: 34%; aspect-ratio: 1.7 \/ 1; background: rgb(255, 255, 255); border: 4px solid rgb(40, 43, 66); border-radius: 12px; box-sizing: border-box; padding: 7% 6%; display: flex; flex-direction: column; justify-content: space-between; transform: rotate(-8deg); text-align: left;\">\n        <div style=\"display: flex; align-items: center; gap: 8px;\"><span style=\"width: 20px; height: 20px; background: rgb(236, 53, 67); border-radius: 50% 50% 50% 0px;\"><\/span><span style=\"height: 8px; width: 46%; background: rgb(40, 43, 66); border-radius: 2px;\"><\/span><\/div>\n        <div style=\"display: flex; flex-direction: column; gap: 5px;\"><span style=\"height: 6px; width: 70%; background: rgb(217, 211, 206); border-radius: 2px;\"><\/span><span style=\"height: 6px; width: 50%; background: rgb(217, 211, 206); border-radius: 2px;\"><\/span><\/div>\n      <\/div>\n      <div style=\"position: absolute; right: 4%; top: 30%; width: 28%; background: rgb(255, 255, 255); border-radius: 14px; box-shadow: rgba(40, 43, 66, 0.14) 0px 14px 30px; padding: 12px; box-sizing: border-box; display: flex; flex-direction: column; gap: 8px; text-align: left;\">\n        <div style=\"display: flex; align-items: center; gap: 8px;\"><span style=\"width: 26px; height: 26px; border-radius: 7px; background: rgb(236, 53, 67);\"><\/span><span style=\"font-size: 10px; font-weight: 600;\">#EC3543<\/span><\/div>\n        <div style=\"display: flex; align-items: center; gap: 8px;\"><span style=\"width: 26px; height: 26px; border-radius: 7px; background: rgb(55, 48, 107);\"><\/span><span style=\"font-size: 10px; font-weight: 600;\">#37306B<\/span><\/div>\n        <div style=\"display: flex; align-items: center; gap: 8px;\"><span style=\"width: 26px; height: 26px; border-radius: 7px; background: rgb(242, 140, 181);\"><\/span><span style=\"font-size: 10px; font-weight: 600;\">#F28CB5<\/span><\/div>\n      <\/div>\n      <div style=\"position: absolute; left: 46%; bottom: 2%; width: 24%; aspect-ratio: 1.3 \/ 1; background: rgb(249, 160, 63); border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: clamp(28px, 5vw, 46px); font-weight: 600; letter-spacing: -0.04em; color: rgb(40, 43, 66); box-shadow: rgba(40, 43, 66, 0.12) 0px 14px 30px;\">Aa<\/div>\n    <\/div>\n  <\/section>\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-d901768 e-con-full rs-svc e-flex e-con e-parent\" data-id=\"d901768\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9fe52d elementor-widget elementor-widget-html\" data-id=\"e9fe52d\" 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<section data-r=\"sec\" data-screen-label=\"Servicios\" style=\"max-width: 1340px; width: 100%; margin: 0px auto; padding: 160px 40px 0px; box-sizing: border-box; display: flex; flex-direction: column; gap: 72px;\">\n    <div style=\"display: flex; flex-direction: column; gap: 16px; max-width: 720px;\">\n      <span style=\"font-size: 15px; font-weight: 600; color: rgb(236, 53, 67);\">Branding services<\/span>\n      <h2 style=\"margin: 0px; font-size: clamp(34px, 4vw, 52px); line-height: 1.05; font-weight: 500; letter-spacing: -0.045em; text-wrap: balance;\">Your brand is much more than a  <span style=\"position: relative; display: inline-block;\">logo<svg viewBox=\"0 0 300 20\" preserveAspectRatio=\"none\" style=\"position: absolute; left: -2%; bottom: -0.14em; width: 104%; height: 0.22em; overflow: visible;\"><path d=\"M3 14 C 80 4, 200 2, 297 9\" fill=\"none\" stroke=\"#ec3543\" stroke-width=\"5\" stroke-linecap=\"round\"><\/path><\/svg><\/span><\/h2>\n      <p style=\"margin: 0px; font-size: 16px; line-height: 1.65;\">From the initial concept to its many applications, we develop the elements that bring your identity to life.<\/p>\n    <\/div>\n    <div style=\"display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 28px;\" data-g=\"branding-4-5\">\n      <article data-r=\"card\" style=\"background: rgb(255, 255, 255); grid-column: span 2; border-radius: 24px; padding: 36px; display: flex; flex-direction: column; gap: 12px;\" data-g=\"branding-4-6\">\n        <div style=\"height: 160px; border-radius: 14px; background: rgb(245, 241, 238); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; margin-bottom: 12px;\">\n          <span style=\"font-size: 15px; font-weight: 500; color: rgb(154, 150, 163); text-decoration: line-through;\">Name one<\/span>\n          <span style=\"display: flex; align-items: center; gap: 10px; background: rgb(40, 43, 66); color: rgb(255, 255, 255); font-size: 20px; font-weight: 600; letter-spacing: -0.02em; padding: 8px 16px; border-radius: 999px;\">Your brand <span style=\"width: 20px; height: 20px; border-radius: 50%; background: rgb(236, 53, 67); font-size: 12px; display: flex; align-items: center; justify-content: center;\">\u2713<\/span><\/span>\n          <span style=\"font-size: 15px; font-weight: 500; color: rgb(154, 150, 163); text-decoration: line-through;\">Name three<\/span>\n        <\/div>\n        <h3 style=\"margin: 0px; font-size: 21px; font-weight: 600; letter-spacing: -0.02em;\">Naming<\/h3>\n        <p style=\"margin: 0px; font-size: 15px; font-weight: 600; color: rgb(236, 53, 67);\">Your name is where your story begins.<\/p>\n        <p style=\"margin: 0px; font-size: 15px; line-height: 1.6;\">We create name proposals that reflect your business's personality and concept, aiming for names that are relevant, easy to recognize, and memorable.<\/p>\n      <\/article>\n      <article data-r=\"card\" style=\"background: rgb(55, 48, 107); color: rgb(255, 255, 255); grid-column: span 2; border-radius: 24px; padding: 36px; display: flex; flex-direction: column; gap: 12px;\" data-g=\"branding-4-15\">\n        <div style=\"height: 160px; border-radius: 14px; background: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; margin-bottom: 12px;\">\n          <div style=\"position: relative; width: 112px; height: 112px;\">\n            <div style=\"position: absolute; inset: 0px; border: 1.5px dashed rgb(255, 255, 255); border-radius: 50%;\"><\/div>\n            <div style=\"position: absolute; left: 50%; top: -10px; bottom: -10px; width: 1.5px; background: rgb(255, 255, 255); opacity: 0.5;\"><\/div>\n            <div style=\"position: absolute; top: 50%; left: -10px; right: -10px; height: 1.5px; background: rgb(255, 255, 255); opacity: 0.5;\"><\/div>\n            <div style=\"position: absolute; inset: 16px; background: rgb(236, 53, 67); border-radius: 50% 50% 50% 0px;\"><\/div>\n            <div style=\"position: absolute; inset: 40px; background: rgb(255, 179, 154); border-radius: 50%;\"><\/div>\n          <\/div>\n        <\/div>\n        <h3 style=\"margin: 0px; font-size: 21px; font-weight: 600; letter-spacing: -0.02em;\">Logo design<\/h3>\n        <p style=\"margin: 0px; font-size: 15px; font-weight: 600; color: rgb(255, 179, 154);\">The symbol that represents your brand.<\/p>\n        <p style=\"margin: 0px; font-size: 15px; line-height: 1.6;\">We design original, versatile, and recognizable logos built to work across different sizes, formats, and applications.<\/p>\n      <\/article>\n      <article data-r=\"card\" style=\"background: rgb(255, 255, 255); grid-column: span 2; border-radius: 24px; padding: 36px; display: flex; flex-direction: column; gap: 12px;\" data-g=\"branding-4-26\">\n        <div style=\"height: 160px; border-radius: 14px; background: rgb(245, 241, 238); display: flex; align-items: center; justify-content: center; gap: 18px; margin-bottom: 12px;\">\n          <div style=\"display: grid; grid-template-columns: repeat(2, 34px); gap: 8px;\">\n            <span style=\"height: 34px; border-radius: 8px; background: rgb(236, 53, 67);\"><\/span><span style=\"height: 34px; border-radius: 8px; background: rgb(55, 48, 107);\"><\/span><span style=\"height: 34px; border-radius: 8px; background: rgb(242, 140, 181);\"><\/span><span style=\"height: 34px; border-radius: 8px; background: rgb(249, 160, 63);\"><\/span>\n          <\/div>\n          <div style=\"display: flex; flex-direction: column; gap: 4px; text-align: left;\">\n            <span style=\"font-size: 40px; font-weight: 600; letter-spacing: -0.04em; line-height: 1;\">Aa<\/span>\n            <span style=\"height: 5px; width: 60px; background: rgb(40, 43, 66); border-radius: 2px;\"><\/span>\n            <span style=\"height: 5px; width: 42px; background: rgb(207, 200, 194); border-radius: 2px;\"><\/span>\n          <\/div>\n          <div style=\"display: flex; flex-direction: column; gap: 6px;\">\n            <span style=\"width: 30px; height: 30px; background: rgb(55, 48, 107); border-radius: 0px 100% 0px 0px;\"><\/span>\n            <span style=\"width: 30px; height: 26px; background: rgb(249, 160, 63); clip-path: polygon(50% 0px, 100% 100%, 0px 100%);\"><\/span>\n          <\/div>\n        <\/div>\n        <h3 style=\"margin: 0px; font-size: 21px; font-weight: 600; letter-spacing: -0.02em;\">Visual identity<\/h3>\n        <p style=\"margin: 0px; font-size: 15px; font-weight: 600; color: rgb(236, 53, 67);\">A consistent image in every detail.<\/p>\n        <p style=\"margin: 0px; font-size: 15px; line-height: 1.6;\">We define the elements that make up your brand's visual universe: color palettes, typography, graphic assets, styles, and compositions.<\/p>\n      <\/article>\n      <article data-r=\"card\" style=\"background: rgb(255, 255, 255); grid-column: span 3; border-radius: 24px; padding: 36px; display: flex; flex-direction: column; gap: 12px;\" data-g=\"branding-4-43\">\n        <div style=\"height: 160px; border-radius: 14px; background: rgb(245, 241, 238); display: flex; align-items: flex-end; justify-content: center; gap: 14px; padding-bottom: 22px; box-sizing: border-box; margin-bottom: 12px;\">\n          <div style=\"position: relative; width: 64px; height: 76px; background: rgb(236, 53, 67); border-radius: 4px 4px 8px 8px; display: flex; align-items: center; justify-content: center;\">\n            <span style=\"position: absolute; top: -16px; width: 30px; height: 22px; border-width: 3px 3px 0px; border-style: solid solid none; border-color: rgb(40, 43, 66) rgb(40, 43, 66) currentcolor; border-image: none; border-radius: 14px 14px 0px 0px; box-sizing: border-box;\"><\/span>\n            <span style=\"width: 24px; height: 24px; background: rgb(255, 255, 255); border-radius: 50% 50% 50% 0px;\"><\/span>\n          <\/div>\n          <div style=\"width: 86px; height: 52px; background: rgb(255, 255, 255); border: 3px solid rgb(40, 43, 66); border-radius: 8px; box-sizing: border-box; padding: 8px; display: flex; flex-direction: column; justify-content: space-between;\">\n            <span style=\"width: 16px; height: 16px; background: rgb(55, 48, 107); border-radius: 50% 50% 50% 0px;\"><\/span>\n            <span style=\"height: 4px; width: 60%; background: rgb(207, 200, 194); border-radius: 2px;\"><\/span>\n          <\/div>\n          <div style=\"width: 44px; height: 84px; background: rgb(55, 48, 107); border: 3px solid rgb(40, 43, 66); border-radius: 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;\">\n            <span style=\"width: 18px; height: 18px; background: rgb(242, 140, 181); border-radius: 50% 50% 50% 0px;\"><\/span>\n          <\/div>\n        <\/div>\n        <h3 style=\"margin: 0px; font-size: 21px; font-weight: 600; letter-spacing: -0.02em;\">Brand applications<\/h3>\n        <p style=\"margin: 0px; font-size: 15px; font-weight: 600; color: rgb(236, 53, 67);\">We take your identity to different formats.<\/p>\n        <p style=\"margin: 0px; font-size: 15px; line-height: 1.6;\">We design graphic applications that keep your brand professional and consistent across digital and print materials.<\/p>\n      <\/article>\n      <article data-r=\"card\" style=\"background: rgb(255, 255, 255); grid-column: span 3; border-radius: 24px; padding: 36px; display: flex; flex-direction: column; gap: 12px;\" data-g=\"branding-4-56\">\n        <div style=\"height: 160px; border-radius: 14px; background: rgb(245, 241, 238); display: flex; align-items: center; justify-content: center; margin-bottom: 12px;\">\n          <div style=\"display: flex; width: 170px; height: 104px; border: 3px solid rgb(40, 43, 66); border-radius: 8px; overflow: hidden; box-sizing: border-box; background: rgb(255, 255, 255);\">\n            <div style=\"flex: 1 1 0%; border-right: 3px solid rgb(40, 43, 66); padding: 10px; display: flex; flex-direction: column; justify-content: space-between;\">\n              <span style=\"font-size: 10px; font-weight: 600;\">Brandbook<\/span>\n              <span style=\"width: 30px; height: 30px; background: rgb(236, 53, 67); border-radius: 50% 50% 50% 0px;\"><\/span>\n            <\/div>\n            <div style=\"flex: 1 1 0%; padding: 10px; display: flex; flex-direction: column; gap: 6px;\">\n              <div style=\"display: flex; gap: 4px;\"><span style=\"width: 14px; height: 14px; border-radius: 4px; background: rgb(236, 53, 67);\"><\/span><span style=\"width: 14px; height: 14px; border-radius: 4px; background: rgb(55, 48, 107);\"><\/span><span style=\"width: 14px; height: 14px; border-radius: 4px; background: rgb(249, 160, 63);\"><\/span><\/div>\n              <span style=\"font-size: 16px; font-weight: 600; line-height: 1;\">Aa<\/span>\n              <span style=\"height: 4px; width: 80%; background: rgb(207, 200, 194); border-radius: 2px;\"><\/span>\n              <span style=\"height: 4px; width: 60%; background: rgb(207, 200, 194); border-radius: 2px;\"><\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <h3 style=\"margin: 0px; font-size: 21px; font-weight: 600; letter-spacing: -0.02em;\">Brand guidelines (Brandbook)<\/h3>\n        <p style=\"margin: 0px; font-size: 15px; font-weight: 600; color: rgb(236, 53, 67);\">A guide to keep everything consistent.<\/p>\n        <p style=\"margin: 0px; font-size: 15px; line-height: 1.6;\">We document the usage guidelines for your visual identity, including logo versions, colors, typography, and criteria for proper application.<\/p>\n      <\/article>\n    <\/div>\n  <\/section>\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-7cc2b29 e-con-full rs-svc e-flex e-con e-parent\" data-id=\"7cc2b29\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d9f0a8 elementor-widget elementor-widget-html\" data-id=\"4d9f0a8\" 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<section data-r=\"sec-full\" data-screen-label=\"Portafolio\" style=\"padding: 160px 0px 0px; display: flex; flex-direction: column; gap: 56px;\">\n    <div data-r=\"padx\" style=\"max-width: 1340px; width: 100%; margin: 0px auto; padding: 0px 40px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; flex-wrap: wrap;\">\n      <div style=\"display: flex; flex-direction: column; gap: 16px; max-width: 640px;\">\n        <h2 style=\"margin: 0px; font-size: clamp(34px, 4vw, 52px); line-height: 1.05; font-weight: 500; letter-spacing: -0.045em; text-wrap: balance;\">Brands we've helped create<\/h2>\n        <p style=\"margin: 0px; font-size: 16px; line-height: 1.65;\">Every brand has its own story, personality, and needs. Explore some of the visual identity projects we've developed for our clients.<\/p>\n      <\/div>\n      <a href=\"https:\/\/royalestudios.com\/en\/projects\/filtro\/tipo-de-proyecto:branding\/\" style=\"border: 1.5px solid rgb(40, 43, 66); color: rgb(40, 43, 66); font-size: 15px; font-weight: 600; padding: 13px 26px; border-radius: 999px; white-space: nowrap;\">View branding projects<\/a>\n    <\/div>\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 6px;\">\n      <div style=\"aspect-ratio: 4 \/ 3; background: rgb(55, 48, 107); position: relative; overflow: hidden;\"><a href=\"https:\/\/royalestudios.com\/en\/portfolio\/forestcircle-partners-branding\/\" style=\"display:block;width:100%;height:100%\"><img loading=\"lazy\" src=\"https:\/\/royalestudios.com\/wp-content\/uploads\/2021\/12\/forestcircle_partners_portfolio_cover.avif\" alt=\"ForestCircle Partners Branding\" width=\"800\" height=\"800\" loading=\"lazy\" decoding=\"async\" style=\"display:block;width:100%;height:100%;object-fit:cover\"><\/a><\/div>\n      <div style=\"aspect-ratio: 4 \/ 3; background: rgb(242, 140, 181); position: relative; overflow: hidden;\"><a href=\"https:\/\/royalestudios.com\/en\/portfolio\/cybersign-branding\/\" style=\"display:block;width:100%;height:100%\"><img loading=\"lazy\" src=\"https:\/\/royalestudios.com\/wp-content\/uploads\/2021\/12\/cybersign_portfolio_cover-1.avif\" alt=\"CyberSign Branding\" width=\"800\" height=\"800\" loading=\"lazy\" decoding=\"async\" style=\"display:block;width:100%;height:100%;object-fit:cover\"><\/a><\/div>\n    <\/div>\n  <\/section>\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-49f4734 e-con-full rs-svc e-flex e-con e-parent\" data-id=\"49f4734\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8eb18b elementor-widget elementor-widget-html\" data-id=\"b8eb18b\" 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<section data-r=\"sec\" data-screen-label=\"Nueva o renovaci\u00f3n\" style=\"max-width: 1340px; width: 100%; margin: 0px auto; padding: 160px 40px 0px; box-sizing: border-box; display: flex; flex-direction: column; gap: 72px;\">\n    <h2 style=\"margin: 0px; font-size: clamp(34px, 4vw, 52px); line-height: 1.05; font-weight: 500; letter-spacing: -0.045em; max-width: 760px; text-wrap: balance;\">A new brand or a new chapter for your business?<\/h2>\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 28px;\">\n      <article data-r=\"card\" style=\"background: rgb(255, 255, 255); border-radius: 24px; padding: 40px; display: flex; flex-direction: column; gap: 16px;\">\n        <div style=\"height: 180px; border-radius: 14px; background: rgb(245, 241, 238); display: flex; align-items: center; justify-content: center; gap: 28px; margin-bottom: 12px;\">\n          <span style=\"width: 84px; height: 84px; border: 2px dashed rgb(154, 150, 163); border-radius: 16px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 28px; color: rgb(154, 150, 163);\">+<\/span>\n          <span style=\"font-size: 24px; font-weight: 600; color: rgb(236, 53, 67);\">\u2192<\/span>\n          <span style=\"position: relative; width: 84px; height: 84px; background: rgb(55, 48, 107); border-radius: 16px; overflow: hidden;\"><span style=\"position: absolute; inset: 16px; background: rgb(236, 53, 67); border-radius: 50% 50% 50% 0px;\"><\/span><\/span>\n        <\/div>\n        <h3 style=\"margin: 0px; font-size: 24px; font-weight: 600; letter-spacing: -0.02em;\">We create your brand from scratch<\/h3>\n        <p style=\"margin: 0px; font-size: 15px; line-height: 1.65;\">If you're starting a business or launching a new product, we help you shape its visual identity from the very beginning.<\/p>\n        <p style=\"margin: 0px; font-size: 15px; line-height: 1.65;\">We develop a proposal that represents your idea and lets you present it to the world with a professional image.<\/p>\n      <\/article>\n      <article data-r=\"card\" style=\"background: rgb(255, 255, 255); border-radius: 24px; padding: 40px; display: flex; flex-direction: column; gap: 16px;\">\n        <div style=\"height: 180px; border-radius: 14px; background: rgb(245, 241, 238); display: flex; align-items: center; justify-content: center; gap: 28px; margin-bottom: 12px;\">\n          <span style=\"position: relative; width: 84px; height: 84px; background: rgb(217, 211, 206); border-radius: 4px; overflow: hidden;\"><span style=\"position: absolute; inset: 18px; background: rgb(154, 150, 163); border-radius: 50%;\"><\/span><span style=\"position: absolute; left: 18px; right: 18px; top: 38px; height: 8px; background: rgb(217, 211, 206);\"><\/span><\/span>\n          <span style=\"font-size: 24px; font-weight: 600; color: rgb(236, 53, 67);\">\u2192<\/span>\n          <span style=\"position: relative; width: 84px; height: 84px; background: rgb(249, 160, 63); border-radius: 16px; overflow: hidden;\"><span style=\"position: absolute; inset: 16px; background: rgb(236, 53, 67); border-radius: 50% 50% 50% 0px;\"><\/span><span style=\"position: absolute; inset: 32px; background: rgb(255, 179, 154); border-radius: 50%;\"><\/span><\/span>\n        <\/div>\n        <h3 style=\"margin: 0px; font-size: 24px; font-weight: 600; letter-spacing: -0.02em;\">We refresh your identity<\/h3>\n        <p style=\"margin: 0px; font-size: 15px; line-height: 1.65;\">Companies evolve, and their brands can too.<\/p>\n        <p style=\"margin: 0px; font-size: 15px; line-height: 1.65;\">If your current identity no longer represents who you are, we can help you update, modernize, or rethink it while keeping the elements that still add value.<\/p>\n      <\/article>\n    <\/div>\n  <\/section>\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-630c2c5 e-con-full rs-svc e-flex e-con e-parent\" data-id=\"630c2c5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce9c5e2 elementor-widget elementor-widget-html\" data-id=\"ce9c5e2\" 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<section data-r=\"sec\" data-screen-label=\"Proceso\" style=\"max-width: 1340px; width: 100%; margin: 0px auto; padding: 160px 40px 0px; box-sizing: border-box; display: flex; flex-direction: column; gap: 72px;\" data-rr=\"desk-7\">\n    <div style=\"display: flex; flex-direction: column; gap: 16px; align-items: center; text-align: center;\">\n      <span style=\"font-size: 15px; font-weight: 600; color: rgb(236, 53, 67);\">Our process<\/span>\n      <h2 style=\"margin: 0px; font-size: clamp(34px, 4vw, 52px); line-height: 1.05; font-weight: 500; letter-spacing: -0.045em;\">How we bring your brand to life<\/h2>\n    <\/div>\n      <div style=\"position: relative; display: flex; flex-direction: column; gap: 28px; max-width: 1000px; width: 100%; margin: 0px auto;\">\n        <div style=\"position: absolute; left: 50%; top: 0px; bottom: 0px; width: 2px; margin-left: -1px; background: rgb(207, 200, 194);\"><\/div>\n          <div style=\"position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) 48px minmax(0px, 1fr); gap: 24px; align-items: center;\">\n            <div style=\"grid-column: 1; display: flex; justify-content: flex-end;\">\n                <div style=\"background: rgb(255, 255, 255); border-radius: 16px; padding: 28px 30px; display: flex; flex-direction: column; gap: 10px; box-shadow: rgba(40, 43, 66, 0.06) 0px 8px 24px; width: 100%; box-sizing: border-box;\">\n                  <h3 style=\"margin: 0px; font-size: 19px; font-weight: 600; letter-spacing: -0.02em;\"><span class=\"sc-interp\">We get to know your business<\/span><\/h3>\n                  <p style=\"margin: 0px; font-size: 15px; line-height: 1.6;\"><span class=\"sc-interp\">We talk about your company, its goals, personality, audience, and what you want to communicate.<\/span><\/p>\n                <\/div>\n            <\/div>\n            <span style=\"grid-column: 2; position: relative; width: 48px; height: 48px; border-radius: 50%; background: rgb(154, 150, 163); color: rgb(255, 255, 255); font-size: 15px; font-weight: 600; display: flex; align-items: center; justify-content: center; box-shadow: rgb(239, 234, 230) 0px 0px 0px 8px;\"><span class=\"sc-interp\">01<\/span><\/span>\n            <div style=\"grid-column: 3;\">\n            <\/div>\n          <\/div>\n          <div style=\"position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) 48px minmax(0px, 1fr); gap: 24px; align-items: center;\">\n            <div style=\"grid-column: 1; display: flex; justify-content: flex-end;\">\n            <\/div>\n            <span style=\"grid-column: 2; position: relative; width: 48px; height: 48px; border-radius: 50%; background: rgb(154, 150, 163); color: rgb(255, 255, 255); font-size: 15px; font-weight: 600; display: flex; align-items: center; justify-content: center; box-shadow: rgb(239, 234, 230) 0px 0px 0px 8px;\"><span class=\"sc-interp\">02<\/span><\/span>\n            <div style=\"grid-column: 3;\">\n                <div style=\"background: rgb(255, 255, 255); border-radius: 16px; padding: 28px 30px; display: flex; flex-direction: column; gap: 10px; box-shadow: rgba(40, 43, 66, 0.06) 0px 8px 24px; box-sizing: border-box;\">\n                  <h3 style=\"margin: 0px; font-size: 19px; font-weight: 600; letter-spacing: -0.02em;\"><span class=\"sc-interp\">We explore ideas<\/span><\/h3>\n                  <p style=\"margin: 0px; font-size: 15px; line-height: 1.6;\"><span class=\"sc-interp\">We research references and develop concepts that help us define a creative direction.<\/span><\/p>\n                <\/div>\n            <\/div>\n          <\/div>\n          <div style=\"position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) 48px minmax(0px, 1fr); gap: 24px; align-items: center;\">\n            <div style=\"grid-column: 1; display: flex; justify-content: flex-end;\">\n                <div style=\"background: rgb(255, 255, 255); border-radius: 16px; padding: 28px 30px; display: flex; flex-direction: column; gap: 10px; box-shadow: rgba(40, 43, 66, 0.06) 0px 8px 24px; width: 100%; box-sizing: border-box;\">\n                  <h3 style=\"margin: 0px; font-size: 19px; font-weight: 600; letter-spacing: -0.02em;\"><span class=\"sc-interp\">We design your identity<\/span><\/h3>\n                  <p style=\"margin: 0px; font-size: 15px; line-height: 1.6;\"><span class=\"sc-interp\">We turn concepts into visual proposals, exploring graphic elements, colors, and typography.<\/span><\/p>\n                <\/div>\n            <\/div>\n            <span style=\"grid-column: 2; position: relative; width: 48px; height: 48px; border-radius: 50%; background: rgb(154, 150, 163); color: rgb(255, 255, 255); font-size: 15px; font-weight: 600; display: flex; align-items: center; justify-content: center; box-shadow: rgb(239, 234, 230) 0px 0px 0px 8px;\"><span class=\"sc-interp\">03<\/span><\/span>\n            <div style=\"grid-column: 3;\">\n            <\/div>\n          <\/div>\n          <div style=\"position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) 48px minmax(0px, 1fr); gap: 24px; align-items: center;\">\n            <div style=\"grid-column: 1; display: flex; justify-content: flex-end;\">\n            <\/div>\n            <span style=\"grid-column: 2; position: relative; width: 48px; height: 48px; border-radius: 50%; background: rgb(154, 150, 163); color: rgb(255, 255, 255); font-size: 15px; font-weight: 600; display: flex; align-items: center; justify-content: center; box-shadow: rgb(239, 234, 230) 0px 0px 0px 8px;\"><span class=\"sc-interp\">04<\/span><\/span>\n            <div style=\"grid-column: 3;\">\n                <div style=\"background: rgb(255, 255, 255); border-radius: 16px; padding: 28px 30px; display: flex; flex-direction: column; gap: 10px; box-shadow: rgba(40, 43, 66, 0.06) 0px 8px 24px; box-sizing: border-box;\">\n                  <h3 style=\"margin: 0px; font-size: 19px; font-weight: 600; letter-spacing: -0.02em;\"><span class=\"sc-interp\">We refine the details<\/span><\/h3>\n                  <p style=\"margin: 0px; font-size: 15px; line-height: 1.6;\"><span class=\"sc-interp\">We review the proposals and make the necessary adjustments to build a cohesive visual identity.<\/span><\/p>\n                <\/div>\n            <\/div>\n          <\/div>\n          <div style=\"position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) 48px minmax(0px, 1fr); gap: 24px; align-items: center;\">\n            <div style=\"grid-column: 1; display: flex; justify-content: flex-end;\">\n                <div style=\"background: rgb(255, 255, 255); border-radius: 16px; padding: 28px 30px; display: flex; flex-direction: column; gap: 10px; box-shadow: rgba(40, 43, 66, 0.06) 0px 8px 24px; width: 100%; box-sizing: border-box;\">\n                  <h3 style=\"margin: 0px; font-size: 19px; font-weight: 600; letter-spacing: -0.02em;\"><span class=\"sc-interp\">We prepare your brand<\/span><\/h3>\n                  <p style=\"margin: 0px; font-size: 15px; line-height: 1.6;\"><span class=\"sc-interp\">We organize and deliver the graphic assets and guidelines included in the project so you can start using your new identity.<\/span><\/p>\n                <\/div>\n            <\/div>\n            <span style=\"grid-column: 2; position: relative; width: 48px; height: 48px; border-radius: 50%; background: rgb(236, 53, 67); color: rgb(255, 255, 255); font-size: 15px; font-weight: 600; display: flex; align-items: center; justify-content: center; box-shadow: rgb(239, 234, 230) 0px 0px 0px 8px;\"><span class=\"sc-interp\">05<\/span><\/span>\n            <div style=\"grid-column: 3;\">\n            <\/div>\n          <\/div>\n      <\/div>\n  <\/section>\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-a6bbe43 e-con-full rs-svc e-flex e-con e-parent\" data-id=\"a6bbe43\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f0992e elementor-widget elementor-widget-html\" data-id=\"4f0992e\" 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<section data-r=\"sec\" style=\"max-width: 1340px; width: 100%; margin: 0px auto; padding: 160px 40px 0px; box-sizing: border-box; display: flex; flex-direction: column; gap: 72px;\" data-rr=\"mob-7\">\n    <div style=\"display: flex; flex-direction: column; gap: 16px; align-items: center; text-align: center;\">\n      <span style=\"font-size: 15px; font-weight: 600; color: rgb(236, 53, 67);\">Our process<\/span>\n      <h2 style=\"margin: 0px; font-size: clamp(34px, 4vw, 52px); line-height: 1.05; font-weight: 500; letter-spacing: -0.045em;\">How we bring your brand to life<\/h2>\n    <\/div>\n      <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 20px;\">\n          <div style=\"display: flex; flex-direction: column; gap: 14px; border-top: 2px solid rgb(154, 150, 163); padding-top: 20px;\">\n            <span style=\"font-size: 40px; font-weight: 500; letter-spacing: -0.04em; line-height: 1; color: rgb(154, 150, 163);\"><span class=\"sc-interp\">01<\/span><\/span>\n            <h3 style=\"margin: 0px; font-size: 19px; font-weight: 600; letter-spacing: -0.02em;\"><span class=\"sc-interp\">We get to know your business<\/span><\/h3>\n            <p style=\"margin: 0px; font-size: 15px; line-height: 1.6;\"><span class=\"sc-interp\">We talk about your company, its goals, personality, audience, and what you want to communicate.<\/span><\/p>\n          <\/div>\n          <div style=\"display: flex; flex-direction: column; gap: 14px; border-top: 2px solid rgb(154, 150, 163); padding-top: 20px;\">\n            <span style=\"font-size: 40px; font-weight: 500; letter-spacing: -0.04em; line-height: 1; color: rgb(154, 150, 163);\"><span class=\"sc-interp\">02<\/span><\/span>\n            <h3 style=\"margin: 0px; font-size: 19px; font-weight: 600; letter-spacing: -0.02em;\"><span class=\"sc-interp\">We explore ideas<\/span><\/h3>\n            <p style=\"margin: 0px; font-size: 15px; line-height: 1.6;\"><span class=\"sc-interp\">We research references and develop concepts that help us define a creative direction.<\/span><\/p>\n          <\/div>\n          <div style=\"display: flex; flex-direction: column; gap: 14px; border-top: 2px solid rgb(154, 150, 163); padding-top: 20px;\">\n            <span style=\"font-size: 40px; font-weight: 500; letter-spacing: -0.04em; line-height: 1; color: rgb(154, 150, 163);\"><span class=\"sc-interp\">03<\/span><\/span>\n            <h3 style=\"margin: 0px; font-size: 19px; font-weight: 600; letter-spacing: -0.02em;\"><span class=\"sc-interp\">We design your identity<\/span><\/h3>\n            <p style=\"margin: 0px; font-size: 15px; line-height: 1.6;\"><span class=\"sc-interp\">We turn concepts into visual proposals, exploring graphic elements, colors, and typography.<\/span><\/p>\n          <\/div>\n          <div style=\"display: flex; flex-direction: column; gap: 14px; border-top: 2px solid rgb(154, 150, 163); padding-top: 20px;\">\n            <span style=\"font-size: 40px; font-weight: 500; letter-spacing: -0.04em; line-height: 1; color: rgb(154, 150, 163);\"><span class=\"sc-interp\">04<\/span><\/span>\n            <h3 style=\"margin: 0px; font-size: 19px; font-weight: 600; letter-spacing: -0.02em;\"><span class=\"sc-interp\">We refine the details<\/span><\/h3>\n            <p style=\"margin: 0px; font-size: 15px; line-height: 1.6;\"><span class=\"sc-interp\">We review the proposals and make the necessary adjustments to build a cohesive visual identity.<\/span><\/p>\n          <\/div>\n          <div style=\"display: flex; flex-direction: column; gap: 14px; border-top: 2px solid rgb(236, 53, 67); padding-top: 20px;\">\n            <span style=\"font-size: 40px; font-weight: 500; letter-spacing: -0.04em; line-height: 1; color: rgb(236, 53, 67);\"><span class=\"sc-interp\">05<\/span><\/span>\n            <h3 style=\"margin: 0px; font-size: 19px; font-weight: 600; letter-spacing: -0.02em;\"><span class=\"sc-interp\">We prepare your brand<\/span><\/h3>\n            <p style=\"margin: 0px; font-size: 15px; line-height: 1.6;\"><span class=\"sc-interp\">We organize and deliver the graphic assets and guidelines included in the project so you can start using your new identity.<\/span><\/p>\n          <\/div>\n      <\/div>\n  <\/section>\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-3305540 e-con-full rs-svc e-flex e-con e-parent\" data-id=\"3305540\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac1cd37 elementor-widget elementor-widget-html\" data-id=\"ac1cd37\" 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<section data-r=\"sec-last\" data-screen-label=\"Presencia digital\" style=\"max-width: 1340px; width: 100%; margin: 0px auto; padding: 160px 40px; box-sizing: border-box; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 80px 96px; align-items: center;\">\n    <div style=\"position: relative; aspect-ratio: 560 \/ 420; width: 100%; max-width: 580px; justify-self: center;\">\n      <div style=\"position: absolute; left: 0px; top: 0px; width: 40%; aspect-ratio: 1 \/ 1; background: rgb(242, 140, 181); border-radius: 0px 0px 100%;\"><\/div>\n      <div style=\"position: absolute; right: 2%; bottom: 0px; width: 26%; aspect-ratio: 1.15 \/ 1; background: rgb(249, 160, 63); clip-path: polygon(50% 0px, 100% 100%, 0px 100%);\"><\/div>\n      <div style=\"position: absolute; left: 8%; top: 12%; width: 72%; height: 66%; background: rgb(255, 255, 255); border: 4px solid rgb(40, 43, 66); border-radius: 14px; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden;\">\n        <div style=\"height: 30px; flex-shrink: 0; border-bottom: 2px solid rgb(233, 228, 224); display: flex; align-items: center; gap: 8px; padding: 0px 12px;\">\n          <span style=\"width: 14px; height: 14px; background: rgb(236, 53, 67); border-radius: 50% 50% 50% 0px;\"><\/span><span style=\"height: 6px; width: 50px; background: rgb(40, 43, 66); border-radius: 2px;\"><\/span>\n          <span style=\"margin-left: auto; height: 12px; width: 40px; background: rgb(236, 53, 67); border-radius: 999px;\"><\/span>\n        <\/div>\n        <div style=\"flex: 1 1 0%; position: relative; background: rgb(55, 48, 107); overflow: hidden;\">\n          <div style=\"position: absolute; right: -10%; top: -20%; width: 56%; aspect-ratio: 1 \/ 1; background: rgb(236, 53, 67); border-radius: 50% 50% 50% 0px;\"><\/div>\n          <div style=\"position: absolute; left: 8%; top: 24%; width: 40%; height: 10%; background: rgb(255, 255, 255); border-radius: 3px;\"><\/div>\n          <div style=\"position: absolute; left: 8%; top: 40%; width: 28%; height: 6%; background: rgb(255, 255, 255); opacity: 0.5; border-radius: 3px;\"><\/div>\n          <div style=\"position: absolute; left: 8%; top: 58%; width: 22%; height: 11%; background: rgb(249, 160, 63); border-radius: 999px;\"><\/div>\n        <\/div>\n      <\/div>\n      <div style=\"position: absolute; right: 4%; top: 28%; width: 28%; background: rgb(255, 255, 255); border: 4px solid rgb(40, 43, 66); border-radius: 18px; box-sizing: border-box; padding: 10px; display: flex; flex-direction: column; gap: 8px;\">\n        <div style=\"display: flex; align-items: center; gap: 6px;\"><span style=\"width: 18px; height: 18px; border-radius: 50%; background: rgb(236, 53, 67);\"><\/span><span style=\"height: 5px; width: 50%; background: rgb(40, 43, 66); border-radius: 2px;\"><\/span><\/div>\n        <div style=\"aspect-ratio: 1 \/ 1; border-radius: 8px; background: rgb(242, 140, 181); position: relative; overflow: hidden;\"><span style=\"position: absolute; inset: 24%; background: rgb(55, 48, 107); border-radius: 50% 50% 50% 0px;\"><\/span><\/div>\n        <div style=\"display: flex; gap: 6px;\"><span style=\"width: 12px; height: 12px; border-radius: 50%; border: 2px solid rgb(40, 43, 66); box-sizing: border-box;\"><\/span><span style=\"width: 12px; height: 12px; border-radius: 50%; border: 2px solid rgb(40, 43, 66); box-sizing: border-box;\"><\/span><\/div>\n      <\/div>\n    <\/div>\n    <div style=\"display: flex; flex-direction: column; gap: 24px; align-items: flex-start;\">\n      <span style=\"font-size: 15px; font-weight: 600; color: rgb(236, 53, 67);\">Branding and digital presence<\/span>\n      <h2 style=\"margin: 0px; font-size: clamp(34px, 4vw, 52px); line-height: 1.05; font-weight: 500; letter-spacing: -0.045em; text-wrap: balance;\">An identity ready for the digital world<\/h2>\n      <p style=\"margin: 0px; font-size: 16px; line-height: 1.65; max-width: 520px;\">Your brand should keep its personality everywhere it appears. We design visual identities that adapt to websites, online stores, social media, and other digital channels.<\/p>\n      <p style=\"margin: 0px; font-size: 16px; line-height: 1.65; max-width: 520px;\">And if your project needs a website, our team can help you bring that identity to a complete digital experience.<\/p>\n      <a href=\"https:\/\/royalestudios.com\/en\/services\/websites\/\" style=\"margin-top: 4px; border: 1.5px solid rgb(40, 43, 66); color: rgb(40, 43, 66); font-size: 15px; font-weight: 600; padding: 13px 26px; border-radius: 999px;\">Explore our web design services<\/a>\n    <\/div>\n  <\/section>\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":"","protected":false},"author":0,"featured_media":0,"parent":6181,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-7534","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/royalestudios.com\/en\/wp-json\/wp\/v2\/pages\/7534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/royalestudios.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/royalestudios.com\/en\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/royalestudios.com\/en\/wp-json\/wp\/v2\/comments?post=7534"}],"version-history":[{"count":0,"href":"https:\/\/royalestudios.com\/en\/wp-json\/wp\/v2\/pages\/7534\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/royalestudios.com\/en\/wp-json\/wp\/v2\/pages\/6181"}],"wp:attachment":[{"href":"https:\/\/royalestudios.com\/en\/wp-json\/wp\/v2\/media?parent=7534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}