{"id":369,"date":"2026-05-02T02:39:14","date_gmt":"2026-05-02T02:39:14","guid":{"rendered":"https:\/\/studiovainilla.com\/?page_id=369"},"modified":"2026-05-08T16:38:10","modified_gmt":"2026-05-08T22:38:10","slug":"branding","status":"publish","type":"page","link":"https:\/\/studiovainilla.com\/en\/branding\/","title":{"rendered":"Branding"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"369\" class=\"elementor elementor-369\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd7f7c7 e-con-full e-flex e-con e-parent\" data-id=\"fd7f7c7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bae2ed elementor-widget elementor-widget-spacer\" data-id=\"5bae2ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77bbb81 e-con-full e-flex e-con e-parent\" data-id=\"77bbb81\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e17c032 elementor-widget elementor-widget-html\" data-id=\"e17c032\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Poppins:wght@400;500;600;700&display=swap');\n\n.sv-brand-hero,\n.sv-brand-hero *{\n  box-sizing:border-box;\n}\n\n.sv-brand-hero{\n  position:relative;\n  width:100%;\n  min-height:100vh;\n  margin-top:-120px;\n  overflow:hidden;\n  font-family:'Poppins',sans-serif;\n  background:\n    linear-gradient(135deg, rgba(255,255,255,0.86) 0%, rgba(248,247,252,0.92) 48%, rgba(255,255,255,0.97) 100%),\n    url('https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?q=80&w=1800&auto=format&fit=crop');\n  background-size:cover;\n  background-position:center;\n  background-repeat:no-repeat;\n  padding:190px 0 100px;\n  display:flex;\n  align-items:center;\n}\n\n.sv-brand-hero::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(to bottom, rgba(26,22,46,0.58) 0%, rgba(79,71,132,0.18) 110px, rgba(255,255,255,0) 300px),\n    radial-gradient(circle at 14% 20%, rgba(79,71,132,0.16), transparent 30%),\n    radial-gradient(circle at 86% 70%, rgba(204,207,238,0.48), transparent 34%);\n  pointer-events:none;\n  z-index:0;\n}\n\n.sv-brand-hero::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:\n    linear-gradient(rgba(79,71,132,0.03) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(79,71,132,0.03) 1px, transparent 1px);\n  background-size:44px 44px;\n  mask-image:linear-gradient(to bottom, transparent 0%, black 18%, black 82%, transparent 100%);\n  pointer-events:none;\n  z-index:1;\n}\n\n.sv-brand-wrap{\n  position:relative;\n  z-index:2;\n  width:min(92%,1240px);\n  margin:auto;\n}\n\n.sv-brand-grid{\n  display:grid;\n  grid-template-columns:1fr 1.05fr;\n  gap:42px;\n  align-items:center;\n}\n\n\/* LEFT *\/\n.sv-brand-copy{\n  max-width:620px;\n}\n\n.sv-brand-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:9px 15px;\n  border-radius:999px;\n  background:rgba(255,255,255,0.78);\n  border:1px solid rgba(79,71,132,0.12);\n  color:#4f4784;\n  font-size:12px;\n  font-weight:800;\n  box-shadow:0 14px 40px rgba(26,22,46,0.08);\n  backdrop-filter:blur(14px);\n  margin-bottom:22px;\n}\n\n.sv-brand-kicker::before{\n  content:\"\";\n  width:9px;\n  height:9px;\n  border-radius:50%;\n  background:#4f4784;\n  box-shadow:0 0 0 6px rgba(79,71,132,0.10);\n  animation:svBrandPulse 2s infinite ease-in-out;\n}\n\n@keyframes svBrandPulse{\n  0%{ box-shadow:0 0 0 0 rgba(79,71,132,0.16); }\n  70%{ box-shadow:0 0 0 10px rgba(79,71,132,0); }\n  100%{ box-shadow:0 0 0 0 rgba(79,71,132,0); }\n}\n\n.sv-brand-title{\n  font-family:'Montserrat',sans-serif;\n  font-size:clamp(42px,5.4vw,74px);\n  line-height:.98;\n  letter-spacing:-0.055em;\n  color:#1a162e;\n  margin:0 0 18px;\n  max-width:760px;\n}\n\n.sv-brand-title span{\n  color:#4f4784;\n}\n\n.sv-brand-desc{\n  color:#5d5d71;\n  font-size:16px;\n  line-height:1.75;\n  margin:0 0 28px;\n  max-width:560px;\n}\n\n.sv-brand-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  margin-bottom:24px;\n}\n\n.sv-brand-btn-primary,\n.sv-brand-btn-secondary{\n  min-height:48px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:13px 22px;\n  border-radius:999px;\n  text-decoration:none;\n  font-size:14px;\n  font-weight:800;\n  transition:all .28s ease;\n}\n\n.sv-brand-btn-primary{\n  background:#4f4784;\n  color:#ffffff;\n  box-shadow:0 18px 44px rgba(79,71,132,0.24);\n}\n\n.sv-brand-btn-primary:hover{\n  background:#1a162e;\n  color:#ffffff;\n  transform:translateY(-3px);\n}\n\n.sv-brand-btn-secondary{\n  background:rgba(255,255,255,0.80);\n  border:1px solid rgba(79,71,132,0.16);\n  color:#4f4784;\n  backdrop-filter:blur(12px);\n}\n\n.sv-brand-btn-secondary:hover{\n  background:#ffffff;\n  color:#1a162e;\n  transform:translateY(-3px);\n}\n\n.sv-brand-pills{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n}\n\n.sv-brand-pill{\n  padding:9px 12px;\n  border-radius:999px;\n  background:rgba(255,255,255,0.76);\n  border:1px solid rgba(79,71,132,0.10);\n  color:#4f4784;\n  font-size:12px;\n  font-weight:700;\n  backdrop-filter:blur(12px);\n}\n\n\/* RIGHT *\/\n.sv-brand-visual{\n  position:relative;\n  min-height:640px;\n}\n\n.sv-brand-main{\n  position:relative;\n  min-height:640px;\n  border-radius:36px;\n  overflow:hidden;\n  background:\n    linear-gradient(135deg, rgba(255,255,255,0.90), rgba(248,248,252,0.96));\n  border:1px solid rgba(79,71,132,0.10);\n  box-shadow:\n    0 34px 90px rgba(26,22,46,0.12),\n    0 0 0 1px rgba(255,255,255,0.72) inset;\n  backdrop-filter:blur(18px);\n  padding:24px;\n}\n\n.sv-brand-main::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at 18% 14%, rgba(79,71,132,0.09), transparent 28%),\n    radial-gradient(circle at 84% 80%, rgba(204,207,238,0.32), transparent 26%);\n  pointer-events:none;\n}\n\n.sv-brand-window{\n  position:relative;\n  z-index:2;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:12px;\n  margin-bottom:18px;\n}\n\n.sv-brand-dots{\n  display:flex;\n  gap:7px;\n}\n\n.sv-brand-dots span{\n  width:10px;\n  height:10px;\n  border-radius:50%;\n  background:rgba(79,71,132,0.22);\n}\n\n.sv-brand-label{\n  font-size:12px;\n  font-weight:800;\n  color:#4f4784;\n  background:rgba(79,71,132,0.08);\n  border:1px solid rgba(79,71,132,0.10);\n  padding:7px 12px;\n  border-radius:999px;\n}\n\n\/* collage *\/\n.sv-brand-collage{\n  position:relative;\n  z-index:2;\n  min-height:560px;\n}\n\n.sv-brand-board{\n  position:absolute;\n  overflow:hidden;\n  border-radius:28px;\n  box-shadow:0 20px 54px rgba(26,22,46,0.14);\n  transition:transform .35s ease, box-shadow .35s ease;\n}\n\n.sv-brand-board:hover{\n  transform:translateY(-4px);\n  box-shadow:0 28px 70px rgba(26,22,46,0.18);\n}\n\n.sv-brand-board img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:block;\n}\n\n\/* big board *\/\n.sv-brand-board.a{\n  left:0;\n  top:0;\n  width:62%;\n  height:320px;\n  background:#e9e6f7;\n}\n\n\/* palette *\/\n.sv-brand-board.b{\n  right:0;\n  top:18px;\n  width:34%;\n  height:170px;\n  background:linear-gradient(135deg,#4f4784,#cccfee);\n  padding:18px;\n}\n\n.sv-brand-palette-title{\n  font-family:'Montserrat',sans-serif;\n  color:#ffffff;\n  font-size:18px;\n  line-height:1.1;\n  margin:0 0 14px;\n}\n\n.sv-brand-swatches{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:10px;\n}\n\n.sv-brand-swatch{\n  border-radius:14px;\n  min-height:54px;\n  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2);\n}\n\n\/* typography card *\/\n.sv-brand-board.c{\n  left:10%;\n  bottom:42px;\n  width:38%;\n  height:170px;\n  background:rgba(255,255,255,0.96);\n  padding:20px;\n  border:1px solid rgba(79,71,132,0.10);\n}\n\n.sv-brand-type-kicker{\n  color:#4f4784;\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  margin-bottom:10px;\n}\n\n.sv-brand-type-main{\n  font-family:'Montserrat',sans-serif;\n  color:#1a162e;\n  font-size:32px;\n  line-height:1;\n  letter-spacing:-0.04em;\n  margin-bottom:8px;\n}\n\n.sv-brand-type-sub{\n  color:#66667a;\n  font-size:13px;\n  line-height:1.5;\n}\n\n\/* mockup card *\/\n.sv-brand-board.d{\n  right:0;\n  bottom:0;\n  width:48%;\n  height:250px;\n  background:#f3f1fb;\n}\n\n\/* small metric \/ trust *\/\n.sv-brand-badge{\n  position:absolute;\n  z-index:3;\n  background:rgba(255,255,255,0.90);\n  border:1px solid rgba(79,71,132,0.10);\n  border-radius:18px;\n  padding:12px 14px;\n  box-shadow:0 16px 40px rgba(26,22,46,0.10);\n  backdrop-filter:blur(14px);\n  animation:svBrandFloat 5.5s ease-in-out infinite alternate;\n}\n\n.sv-brand-badge strong{\n  display:block;\n  font-family:'Montserrat',sans-serif;\n  color:#4f4784;\n  font-size:16px;\n  line-height:1.1;\n  margin-bottom:3px;\n}\n\n.sv-brand-badge span{\n  display:block;\n  color:#66667a;\n  font-size:11px;\n  line-height:1.4;\n}\n\n.sv-brand-badge.one{\n  right:24px;\n  top:210px;\n}\n\n.sv-brand-badge.two{\n  left:26px;\n  bottom:210px;\n  animation-delay:1s;\n}\n\n@keyframes svBrandFloat{\n  from{ transform:translateY(0); }\n  to{ transform:translateY(-8px); }\n}\n\n\/* responsive *\/\n@media (max-width: 1024px){\n  .sv-brand-grid{\n    grid-template-columns:1fr;\n  }\n\n  .sv-brand-hero{\n    margin-top:-105px;\n    padding:170px 0 80px;\n  }\n\n  .sv-brand-copy{\n    max-width:100%;\n  }\n}\n\n@media (max-width: 768px){\n  .sv-brand-hero{\n    padding:150px 0 68px;\n  }\n\n  .sv-brand-title{\n    font-size:40px;\n  }\n\n  .sv-brand-desc{\n    font-size:15px;\n  }\n\n  .sv-brand-actions{\n    flex-direction:column;\n  }\n\n  .sv-brand-btn-primary,\n  .sv-brand-btn-secondary{\n    width:100%;\n  }\n\n  .sv-brand-visual{\n    min-height:auto;\n  }\n\n  .sv-brand-main{\n    padding:18px;\n    border-radius:24px;\n    min-height:auto;\n  }\n\n  .sv-brand-collage{\n    min-height:600px;\n  }\n\n  .sv-brand-board.a{\n    width:100%;\n    height:220px;\n    left:0;\n    top:0;\n  }\n\n  .sv-brand-board.b{\n    width:42%;\n    height:130px;\n    right:0;\n    top:235px;\n  }\n\n  .sv-brand-board.c{\n    width:52%;\n    height:130px;\n    left:0;\n    top:250px;\n    bottom:auto;\n    padding:16px;\n  }\n\n  .sv-brand-type-main{\n    font-size:24px;\n  }\n\n  .sv-brand-type-sub{\n    font-size:12px;\n  }\n\n  .sv-brand-board.d{\n    width:100%;\n    height:210px;\n    left:0;\n    right:auto;\n    bottom:0;\n  }\n\n  .sv-brand-badge{\n    display:none;\n  }\n}\n\n@media (max-width: 520px){\n  .sv-brand-title{\n    font-size:34px;\n  }\n\n  .sv-brand-kicker{\n    font-size:11px;\n  }\n\n  .sv-brand-desc{\n    font-size:14px;\n  }\n\n  .sv-brand-pill{\n    font-size:11px;\n  }\n\n  .sv-brand-collage{\n    min-height:560px;\n  }\n\n  .sv-brand-board.b{\n    width:44%;\n  }\n\n  .sv-brand-board.c{\n    width:52%;\n  }\n}\n<\/style>\n\n<section class=\"sv-brand-hero\" id=\"branding\">\n  <div class=\"sv-brand-wrap\">\n    <div class=\"sv-brand-grid\">\n\n      <!-- LEFT -->\n      <div class=\"sv-brand-copy\">\n        <div class=\"sv-brand-kicker\">Branding by StudioVainilla<\/div>\n\n        <h1 class=\"sv-brand-title\">\n          We create brands that <span>They look solid, they feel right, and they are remembered.<\/span>\n        <\/h1>\n\n        <p class=\"sv-brand-desc\">\n          We design visual identities with strategy, character, and direction so your brand projects value, consistency, and differentiation from the first glance.\n        <\/p>\n\n        <div class=\"sv-brand-actions\">\n          <a href=\"https:\/\/studiovainilla.com\/en\/te-asesoramos-gratis\/\" class=\"sv-brand-btn-primary\">\n            Quote branding\n          <\/a>\n          <a href=\"#servicios-branding\" class=\"sv-brand-btn-secondary\">\n            View solutions\n          <\/a>\n        <\/div>\n\n        <div class=\"sv-brand-pills\">\n          <span class=\"sv-brand-pill\">Visual Identity<\/span>\n          <span class=\"sv-brand-pill\">Logo<\/span>\n          <span class=\"sv-brand-pill\">Palette and typography<\/span>\n          <span class=\"sv-brand-pill\">Graphics system<\/span>\n          <span class=\"sv-brand-pill\">Branded applications<\/span>\n          <span class=\"sv-brand-pill\">Brand strategy<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT -->\n      <div class=\"sv-brand-visual\">\n        <div class=\"sv-brand-main\">\n\n          <div class=\"sv-brand-window\">\n            <div class=\"sv-brand-dots\">\n              <span><\/span><span><\/span><span><\/span>\n            <\/div>\n            <div class=\"sv-brand-label\">Brand Identity System<\/div>\n          <\/div>\n\n          <div class=\"sv-brand-collage\">\n\n            <div class=\"sv-brand-board a\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523726491678-bf852e717f6a?q=80&w=1200&auto=format&fit=crop\" alt=\"Branding moodboard\">\n            <\/div>\n\n            <div class=\"sv-brand-board b\">\n              <div class=\"sv-brand-palette-title\">Colour system<\/div>\n              <div class=\"sv-brand-swatches\">\n                <div class=\"sv-brand-swatch\" style=\"background:#4f4784;\"><\/div>\n                <div class=\"sv-brand-swatch\" style=\"background:#cccfee;\"><\/div>\n                <div class=\"sv-brand-swatch\" style=\"background:#1a162e;\"><\/div>\n                <div class=\"sv-brand-swatch\" style=\"background:#f5f4fb;\"><\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"sv-brand-board c\">\n              <div class=\"sv-brand-type-kicker\">Typography<\/div>\n              <div class=\"sv-brand-type-main\">Ah<\/div>\n              <div class=\"sv-brand-type-sub\">Visual personality, tone, and readability aligned with your brand.<\/div>\n            <\/div>\n\n            <div class=\"sv-brand-board d\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516383607781-913a19294fd1?q=80&w=1200&auto=format&fit=crop\" alt=\"Brand applications\">\n            <\/div>\n\n            <div class=\"sv-brand-badge one\">\n              <strong>Brand with address<\/strong>\n              <span>More than just a logo<\/span>\n            <\/div>\n\n            <div class=\"sv-brand-badge two\">\n              <strong>Visual system<\/strong>\n              <span>coherence in each application<\/span>\n            <\/div>\n\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff45fbd e-con-full e-flex e-con e-parent\" data-id=\"ff45fbd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39d6d6b elementor-widget elementor-widget-image-carousel\" data-id=\"39d6d6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;10&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;slides_to_show_mobile&quot;:&quot;5&quot;,&quot;slides_to_scroll_mobile&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;pause_on_hover&quot;:&quot;no&quot;,&quot;pause_on_interaction&quot;:&quot;no&quot;,&quot;autoplay_speed&quot;:1000,&quot;speed&quot;:300,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:38,&quot;sizes&quot;:[]},&quot;slides_to_show_tablet&quot;:&quot;7&quot;,&quot;slides_to_scroll_tablet&quot;:&quot;1&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Beat-75-StudioVainilla.png\" alt=\"Beat-75-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Integra-Tres-StudioVainilla-Branding.png\" alt=\"Integra-Tres-StudioVainilla-Branding.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Kyoto-StudioVanilla-Branding-Design.png\" alt=\"Kyoto-StudioVanilla-Branding-Design.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Lucky-Paper-Goods-StudioVainilla.png\" alt=\"Lucky-Paper-Goods-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Mexico-Barbaro-StudioVainilla.png\" alt=\"Me\u0301xico-Ba\u0301rbaro-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Napawika-StudioVainilla-Branding.png\" alt=\"Napawika-StudioVainilla-Branding.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Noni-Knots-StudioVainilla.png\" alt=\"Noni-Knots-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 out of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Startup-Chihuahua-StudioVainilla-Branding-Design.png\" alt=\"Startup-Chihuahua-StudioVainilla-Branding-Design.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 out of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Yoomi-Churros-StudioVainilla.png\" alt=\"Yoomi-Churros-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 out of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Sultan-Suleyman-StudioVainilla.png\" alt=\"Sultan-Suleyman-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"11 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Moreno-rico-StudioVainilla.png\" alt=\"Moreno-rico-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"12 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Lic-Carrillo-StudioVainilla.png\" alt=\"Lic-Carrillo-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"13 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Jox-Medical-StudioVainilla.png\" alt=\"Jox-Medical-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"14 out of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Klogistic-StudioVainilla.png\" alt=\"Klogistic-StudioVainilla.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"15 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/La-Alianza-StudioVainilla.png\" alt=\"La-Alianza-StudioVainilla.png\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6efc46d e-con-full e-flex e-con e-parent\" data-id=\"6efc46d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97cd436 elementor-widget elementor-widget-html\" data-id=\"97cd436\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   BRANDING TOP \u2014 PLAN \u00daNICO PREMIUM\n   CSS AISLADO\n========================================================= *\/\n\n.sv-branding-premium-top,\n.sv-branding-premium-top * {\n  box-sizing: border-box;\n}\n\n.sv-branding-premium-top {\n  position: relative;\n  z-index: 2;\n}\n\n\/* HEADER SIMPLE *\/\n.sv-branding-premium-head {\n  max-width: 850px;\n  text-align: center;\n  margin: 0 auto 54px;\n}\n\n.sv-branding-premium-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 9px 15px;\n  border-radius: 999px;\n  background: #ffffff;\n  border: 1px solid rgba(79,71,132,0.10);\n  color: #4f4784;\n  font-size: 12px;\n  font-weight: 800;\n  box-shadow: 0 16px 34px rgba(26,22,46,0.05);\n  margin-bottom: 18px;\n}\n\n.sv-branding-premium-kicker::before {\n  content: \"\";\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #4f4784;\n  box-shadow: 0 0 0 6px rgba(79,71,132,0.10);\n}\n\n.sv-branding-premium-head h2 {\n  margin: 0 0 16px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: clamp(34px, 5vw, 58px);\n  line-height: 1.03;\n  letter-spacing: -0.05em;\n  color: #1a162e;\n}\n\n.sv-branding-premium-head h2 span {\n  color: #4f4784;\n}\n\n.sv-branding-premium-head p {\n  margin: 0 auto;\n  max-width: 700px;\n  color: #626276;\n  font-size: 16px;\n  line-height: 1.8;\n}\n\n\/* MAIN GRID *\/\n.sv-branding-premium-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 26px;\n  align-items: stretch;\n  margin-bottom: 30px;\n}\n\n\/* VISUAL *\/\n.sv-branding-premium-visual {\n  position: relative;\n  min-height: 600px;\n  border-radius: 34px;\n  overflow: hidden;\n  background:\n    linear-gradient(135deg, rgba(26,22,46,0.58), rgba(79,71,132,0.30)),\n    url('https:\/\/images.unsplash.com\/photo-1558655146-d09347e92766?q=80&w=1600&auto=format&fit=crop');\n  background-size: cover;\n  background-position: center;\n  box-shadow:\n    0 28px 80px rgba(26,22,46,0.12),\n    0 0 0 1px rgba(255,255,255,0.70) inset;\n}\n\n.sv-branding-premium-visual::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(to top, rgba(26,22,46,0.82) 0%, rgba(26,22,46,0.28) 48%, rgba(26,22,46,0.08) 100%),\n    radial-gradient(circle at 80% 18%, rgba(255,255,255,0.18), transparent 24%);\n  pointer-events: none;\n}\n\n.sv-branding-premium-visual-inner {\n  position: relative;\n  z-index: 2;\n  min-height: 600px;\n  padding: 34px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.sv-branding-premium-visual-badge {\n  width: fit-content;\n  padding: 9px 14px;\n  border-radius: 999px;\n  background: rgba(255,255,255,0.16);\n  border: 1px solid rgba(255,255,255,0.18);\n  color: #ffffff;\n  font-size: 12px;\n  font-weight: 800;\n  backdrop-filter: blur(14px);\n}\n\n.sv-branding-premium-visual-text {\n  max-width: 560px;\n}\n\n.sv-branding-premium-visual-text h3 {\n  margin: 0 0 14px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: clamp(32px, 4vw, 48px);\n  line-height: 1.04;\n  letter-spacing: -0.045em;\n  color: #ffffff;\n}\n\n.sv-branding-premium-visual-text p {\n  margin: 0;\n  max-width: 500px;\n  color: rgba(255,255,255,0.82);\n  font-size: 15px;\n  line-height: 1.8;\n}\n\n\/* PLAN CARD *\/\n.sv-branding-premium-card {\n  position: relative;\n  overflow: hidden;\n  border-radius: 34px;\n  background: rgba(255,255,255,0.94);\n  border: 1px solid rgba(79,71,132,0.10);\n  box-shadow:\n    0 26px 76px rgba(26,22,46,0.08),\n    0 0 0 1px rgba(255,255,255,0.76) inset;\n  padding: 30px;\n}\n\n.sv-branding-premium-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(circle at 12% 12%, rgba(79,71,132,0.09), transparent 34%),\n    radial-gradient(circle at 90% 90%, rgba(204,207,238,0.36), transparent 30%);\n  pointer-events: none;\n}\n\n.sv-branding-premium-card-inner {\n  position: relative;\n  z-index: 2;\n}\n\n.sv-branding-premium-plan-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border-radius: 999px;\n  background: rgba(79,71,132,0.08);\n  color: #4f4784;\n  font-size: 11px;\n  font-weight: 800;\n  margin-bottom: 16px;\n}\n\n.sv-branding-premium-plan-label::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #4f4784;\n}\n\n.sv-branding-premium-card h3 {\n  margin: 0 0 10px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: clamp(32px, 4vw, 46px);\n  line-height: 1;\n  letter-spacing: -0.05em;\n  color: #1a162e;\n}\n\n.sv-branding-premium-card > .sv-branding-premium-card-inner > p {\n  margin: 0 0 22px;\n  color: #626276;\n  font-size: 15px;\n  line-height: 1.75;\n}\n\n.sv-branding-premium-price {\n  display: flex;\n  align-items: flex-end;\n  gap: 8px;\n  margin-bottom: 24px;\n}\n\n.sv-branding-premium-price strong {\n  font-family: 'Montserrat', sans-serif;\n  font-size: clamp(42px, 5vw, 58px);\n  line-height: 1;\n  letter-spacing: -0.055em;\n  color: #4f4784;\n}\n\n.sv-branding-premium-price span {\n  color: #77778b;\n  font-size: 15px;\n  padding-bottom: 8px;\n}\n\n.sv-branding-premium-deliverables {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 12px;\n  margin-bottom: 24px;\n}\n\n.sv-branding-premium-deliverable {\n  display: grid;\n  grid-template-columns: 42px 1fr;\n  gap: 12px;\n  align-items: flex-start;\n  padding: 14px;\n  border-radius: 18px;\n  background: #f8f8fd;\n  border: 1px solid rgba(79,71,132,0.08);\n}\n\n.sv-branding-premium-deliverable-icon {\n  width: 42px;\n  height: 42px;\n  border-radius: 14px;\n  background: #ffffff;\n  color: #4f4784;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  box-shadow: 0 10px 24px rgba(26,22,46,0.06);\n}\n\n.sv-branding-premium-deliverable strong {\n  display: block;\n  margin-bottom: 3px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 16px;\n  line-height: 1.1;\n  color: #1a162e;\n}\n\n.sv-branding-premium-deliverable span {\n  display: block;\n  color: #626276;\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n\/* IMPORTANT NOTE *\/\n.sv-branding-premium-note {\n  padding: 16px 18px;\n  border-radius: 20px;\n  background: rgba(79,71,132,0.07);\n  border: 1px solid rgba(79,71,132,0.10);\n  color: #4f4784;\n  font-size: 13px;\n  line-height: 1.65;\n  margin-bottom: 22px;\n}\n\n.sv-branding-premium-note strong {\n  font-weight: 800;\n}\n\n\/* CTA *\/\n.sv-branding-premium-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.sv-branding-premium-btn-primary,\n.sv-branding-premium-btn-secondary {\n  min-height: 48px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 13px 22px;\n  border-radius: 999px;\n  text-decoration: none;\n  font-size: 14px;\n  font-weight: 800;\n  transition: all 0.28s ease;\n}\n\n.sv-branding-premium-btn-primary {\n  background: #4f4784;\n  color: #ffffff;\n  box-shadow: 0 18px 34px rgba(79,71,132,0.18);\n}\n\n.sv-branding-premium-btn-primary:hover {\n  background: #1a162e;\n  color: #ffffff;\n  transform: translateY(-2px);\n}\n\n.sv-branding-premium-btn-secondary {\n  background: #ffffff;\n  color: #4f4784;\n  border: 1px solid rgba(79,71,132,0.18);\n}\n\n.sv-branding-premium-btn-secondary:hover {\n  background: #f1f0f8;\n  color: #4f4784;\n  transform: translateY(-2px);\n}\n\n\/* RESPONSIVE *\/\n@media (min-width: 980px) {\n  .sv-branding-premium-grid {\n    grid-template-columns: 0.95fr 1.05fr;\n  }\n\n  .sv-branding-premium-deliverables {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (max-width: 780px) {\n  .sv-branding-premium-head {\n    margin-bottom: 40px;\n  }\n\n  .sv-branding-premium-head h2 {\n    font-size: 36px;\n  }\n\n  .sv-branding-premium-head p {\n    font-size: 15px;\n  }\n\n  .sv-branding-premium-visual,\n  .sv-branding-premium-visual-inner {\n    min-height: auto;\n  }\n\n  .sv-branding-premium-visual-inner {\n    padding: 26px;\n  }\n\n  .sv-branding-premium-card {\n    padding: 24px;\n  }\n\n  .sv-branding-premium-actions {\n    flex-direction: column;\n  }\n\n  .sv-branding-premium-btn-primary,\n  .sv-branding-premium-btn-secondary {\n    width: 100%;\n  }\n}\n\n@media (max-width: 520px) {\n  .sv-branding-premium-visual,\n  .sv-branding-premium-card {\n    border-radius: 24px;\n  }\n\n  .sv-branding-premium-deliverable {\n    grid-template-columns: 1fr;\n  }\n\n  .sv-branding-premium-deliverable-icon {\n    width: 44px;\n    height: 44px;\n  }\n}\n<\/style>\n\n<div class=\"sv-branding-premium-top\">\n\n  <!-- HEADER SIMPLE -->\n  <div class=\"sv-branding-premium-head\">\n    <div class=\"sv-branding-premium-kicker\">Premium Branding Plan<\/div>\n\n    <h2>\n      A complete visual identity for brands that want to <span>more solid verses.<\/span>\n    <\/h2>\n\n    <p>\n      We create your brand system with professional deliverables, clear guidelines, and ready-to-use resources for digital, print, and commercial communication.\n    <\/p>\n  <\/div>\n\n  <!-- MAIN -->\n  <div class=\"sv-branding-premium-grid\">\n\n    <!-- VISUAL -->\n    <div class=\"sv-branding-premium-visual\">\n      <div class=\"sv-branding-premium-visual-inner\">\n        <div class=\"sv-branding-premium-visual-badge\">Brand Book \u00b7 Identity \u00b7 Applications<\/div>\n\n        <div class=\"sv-branding-premium-visual-text\">\n          <h3>We design the visual foundation that supports your brand's perception.<\/h3>\n          <p>\n            Your identity must be clearly usable across networks, documents, presentations, stationery, advertisements, and commercial materials.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- PLAN \u00daNICO -->\n    <div class=\"sv-branding-premium-card\">\n      <div class=\"sv-branding-premium-card-inner\">\n\n        <div class=\"sv-branding-premium-plan-label\">Recommended unique plan<\/div>\n\n        <h3>Premium Graphic<\/h3>\n\n        <p>\n          Our main branding plan to build a complete, organized, and ready-to-implement visual identity.\n        <\/p>\n\n        <div class=\"sv-branding-premium-deliverables\">\n\n          <div class=\"sv-branding-premium-deliverable\">\n            <div class=\"sv-branding-premium-deliverable-icon\">\ud83d\udcd8<\/div>\n            <div>\n              <strong>Brandbook<\/strong>\n              <span>Brand Guidelines Document for Correct Brand Usage.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"sv-branding-premium-deliverable\">\n            <div class=\"sv-branding-premium-deliverable-icon\">\u2726<\/div>\n            <div>\n              <strong>Visual Identity<\/strong>\n              <span>Building your brand's core graphic system.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"sv-branding-premium-deliverable\">\n            <div class=\"sv-branding-premium-deliverable-icon\">\ud83c\udfa8<\/div>\n            <div>\n              <strong>Colorimetry<\/strong>\n              <span>Color palette defined to maintain visual consistency.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"sv-branding-premium-deliverable\">\n            <div class=\"sv-branding-premium-deliverable-icon\">Ah<\/div>\n            <div>\n              <strong>Corporate typography<\/strong>\n              <span>Typographic selection to maintain personality and readability.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"sv-branding-premium-deliverable\">\n            <div class=\"sv-branding-premium-deliverable-icon\">\u25a3<\/div>\n            <div>\n              <strong>Graphic reproductions<\/strong>\n              <span>Variations and visual resources for applying the brand correctly.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"sv-branding-premium-deliverable\">\n            <div class=\"sv-branding-premium-deliverable-icon\">\u2709<\/div>\n            <div>\n              <strong>Premium corporate stationery<\/strong>\n              <span>Base materials for business communication and professional presentation.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"sv-branding-premium-deliverable\">\n            <div class=\"sv-branding-premium-deliverable-icon\">\ud83d\uddbc<\/div>\n            <div>\n              <strong>Image bank<\/strong>\n              <span>Up to 10 stock images to reinforce the brand's visual direction.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"sv-branding-premium-deliverable\">\n            <div class=\"sv-branding-premium-deliverable-icon\">\u2601<\/div>\n            <div>\n              <strong>Digital organized delivery<\/strong>\n              <span>Final files and resources prepared for clear preservation and use.<\/span>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"sv-branding-premium-note\">\n          <strong>Important:<\/strong> This plan focuses exclusively on branding and visual identity. It does not include a website proposal, landing page, domain, or hosting.\n        <\/div>\n\n        <div class=\"sv-branding-premium-actions\">\n          <a href=\"https:\/\/studiovainilla.com\/en\/contacto\/\" class=\"sv-branding-premium-btn-primary\">\n            Quote my branding\n          <\/a>\n\n          <a href=\"#branding-structured\" class=\"sv-branding-premium-btn-secondary\">\n            See how it is delivered\n          <\/a>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-513f603 e-con-full e-flex e-con e-parent\" data-id=\"513f603\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b0b69d elementor-widget elementor-widget-html\" data-id=\"9b0b69d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Poppins:wght@400;500;600;700&display=swap');\n\n\/* =========================================================\n   VAINILLA CLOUD \u2014 BRANDING SECTION\n   CSS AISLADO\n========================================================= *\/\n\n.sv-cloud-branding-section,\n.sv-cloud-branding-section * {\n  box-sizing: border-box;\n}\n\n.sv-cloud-branding-section {\n  position: relative;\n  overflow: hidden;\n  padding: 90px 0 110px;\n  background:\n    radial-gradient(circle at 12% 18%, rgba(79,71,132,0.10), transparent 28%),\n    radial-gradient(circle at 88% 82%, rgba(204,207,238,0.44), transparent 30%),\n    linear-gradient(180deg, #f8f8fc 0%, #ffffff 100%);\n  font-family: 'Poppins', sans-serif;\n}\n\n.sv-cloud-branding-section::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(79,71,132,0.03) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(79,71,132,0.03) 1px, transparent 1px);\n  background-size: 42px 42px;\n  mask-image: linear-gradient(to bottom, transparent 0%, black 18%, black 82%, transparent 100%);\n  pointer-events: none;\n}\n\n.sv-cloud-branding-wrap {\n  position: relative;\n  z-index: 2;\n  width: min(92%, 1180px);\n  margin: auto;\n}\n\n\/* CLOUD CARD *\/\n.sv-cloud-branding-card {\n  position: relative;\n  overflow: hidden;\n  border-radius: 34px;\n  background:\n    linear-gradient(135deg, rgba(26,22,46,0.95), rgba(79,71,132,0.82)),\n    url('https:\/\/images.unsplash.com\/photo-1516321497487-e288fb19713f?q=80&w=1600&auto=format&fit=crop');\n  background-size: cover;\n  background-position: center;\n  box-shadow:\n    0 30px 84px rgba(26,22,46,0.16),\n    0 0 0 1px rgba(255,255,255,0.12) inset;\n}\n\n.sv-cloud-branding-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(to right, rgba(26,22,46,0.20), transparent 44%),\n    linear-gradient(to top, rgba(26,22,46,0.18), transparent 58%);\n  pointer-events: none;\n}\n\n.sv-cloud-branding-inner {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 26px;\n  padding: 34px;\n}\n\n.sv-cloud-branding-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.sv-cloud-branding-top {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-bottom: 18px;\n}\n\n.sv-cloud-branding-logo {\n  width: 88px;\n  height: 88px;\n  border-radius: 24px;\n  background: #ffffff;\n  border: 1px solid rgba(255,255,255,0.82);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 14px;\n  box-shadow: 0 18px 34px rgba(26,22,46,0.16);\n}\n\n.sv-cloud-branding-logo img {\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n}\n\n.sv-cloud-branding-top-text small {\n  display: block;\n  margin-bottom: 5px;\n  color: rgba(255,255,255,0.72);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n.sv-cloud-branding-top-text strong {\n  display: block;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 28px;\n  line-height: 1.05;\n  letter-spacing: -0.04em;\n  color: #ffffff;\n}\n\n.sv-cloud-branding-card h4 {\n  margin: 0 0 12px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: clamp(30px, 3vw, 42px);\n  line-height: 1.04;\n  letter-spacing: -0.045em;\n  color: #ffffff;\n  max-width: 720px;\n}\n\n.sv-cloud-branding-card p {\n  margin: 0 0 20px;\n  max-width: 690px;\n  color: rgba(255,255,255,0.80);\n  font-size: 15px;\n  line-height: 1.8;\n}\n\n.sv-cloud-branding-features {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 12px;\n}\n\n.sv-cloud-branding-feature {\n  padding: 14px 16px;\n  border-radius: 18px;\n  background: rgba(255,255,255,0.12);\n  border: 1px solid rgba(255,255,255,0.14);\n  backdrop-filter: blur(12px);\n  color: #ffffff;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n.sv-cloud-branding-feature strong {\n  display: block;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 16px;\n  margin-bottom: 4px;\n}\n\n\/* RIGHT VISUAL *\/\n.sv-cloud-branding-visual {\n  min-height: 320px;\n  border-radius: 28px;\n  overflow: hidden;\n  background:\n    linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)),\n    url('https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Vainilla-Cloud-by-StudioVainilla-Branding-scaled.png');\n  background-size: cover;\n  background-position: center;\n  border: 1px solid rgba(255,255,255,0.14);\n  box-shadow: 0 18px 40px rgba(26,22,46,0.16);\n}\n\n\/* RESPONSIVE *\/\n@media (min-width: 980px) {\n  .sv-cloud-branding-inner {\n    grid-template-columns: 1.05fr 0.95fr;\n    align-items: stretch;\n  }\n\n  .sv-cloud-branding-features {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (max-width: 780px) {\n  .sv-cloud-branding-section {\n    padding: 72px 0 86px;\n  }\n\n  .sv-cloud-branding-inner {\n    padding: 24px;\n  }\n\n  .sv-cloud-branding-top {\n    align-items: flex-start;\n  }\n\n  .sv-cloud-branding-card h4 {\n    font-size: 28px;\n  }\n\n  .sv-cloud-branding-visual {\n    min-height: 260px;\n  }\n}\n\n@media (max-width: 520px) {\n  .sv-cloud-branding-card {\n    border-radius: 24px;\n  }\n\n  .sv-cloud-branding-top {\n    flex-direction: column;\n  }\n\n  .sv-cloud-branding-logo {\n    width: 78px;\n    height: 78px;\n    border-radius: 20px;\n  }\n\n  .sv-cloud-branding-visual {\n    border-radius: 20px;\n    min-height: 230px;\n  }\n}\n<\/style>\n\n<section class=\"sv-cloud-branding-section\" id=\"vainilla-cloud-branding\">\n  <div class=\"sv-cloud-branding-wrap\">\n\n    <div class=\"sv-cloud-branding-card\">\n      <div class=\"sv-cloud-branding-inner\">\n\n        <!-- CONTENT -->\n        <div class=\"sv-cloud-branding-content\">\n\n          <div class=\"sv-cloud-branding-top\">\n            <div class=\"sv-cloud-branding-logo\">\n              <img decoding=\"async\" src=\"https:\/\/drive.studiovainilla.mx\/storage\/branding_media\/62974c4e-1979-4bf7-bba4-317ec9049833.png\" alt=\"Vainilla Cloud\">\n            <\/div>\n\n            <div class=\"sv-cloud-branding-top-text\">\n              <small>Safeguarding and organization<\/small>\n              <strong>Vanilla Cloud<\/strong>\n            <\/div>\n          <\/div>\n\n          <h4>Your branding project, organized and kept in one place.<\/h4>\n\n          <p>\n            Vanilla Cloud is our platform for hosting key project materials. This allows you to keep your important brand files organized and access them more easily when you need them.\n          <\/p>\n\n          <div class=\"sv-cloud-branding-features\">\n\n            <div class=\"sv-cloud-branding-feature\">\n              <strong>Brandbook and Manuals<\/strong>\n              Maintain the visual guidelines of your identity.\n            <\/div>\n\n            <div class=\"sv-cloud-branding-feature\">\n              <strong>Editable files<\/strong>\n              Keep the project's base resources centralized.\n            <\/div>\n\n            <div class=\"sv-cloud-branding-feature\">\n              <strong>Final versions<\/strong>\n              Quickly locate finished and approved materials.\n            <\/div>\n\n            <div class=\"sv-cloud-branding-feature\">\n              <strong>Visual material<\/strong>\n              Group complementary resources and supporting graphical elements.\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- VISUAL -->\n        <div class=\"sv-cloud-branding-visual\"><\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Construimos marcas con estrategia, identidad visual y direcci\u00f3n conceptual para empresas que buscan diferenciarse y comunicar mejor.<\/p>","protected":false},"author":1,"featured_media":762,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-369","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Branding Estrat\u00e9gico para Empresas y Marcas | StudioVainilla<\/title>\n<meta name=\"description\" content=\"Desarrollamos branding estrat\u00e9gico para empresas: identidad visual, concepto de marca, narrativa, dise\u00f1o y sistemas visuales.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studiovainilla.com\/en\/branding\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Branding Estrat\u00e9gico para Empresas | StudioVainilla\" \/>\n<meta property=\"og:description\" content=\"Construimos marcas con estrategia, identidad visual y sistemas visuales enfocados en posicionamiento real.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studiovainilla.com\/en\/branding\/\" \/>\n<meta property=\"og:site_name\" content=\"StudioVainilla\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-08T22:38:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Desarrollamos-branding-estrategico-para-empresas-identidad-visual-concepto-de-marca-narrativa-diseno-y-sistemas-visuales-enfocados-en-posicionamiento-y-crecimiento.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1672\" \/>\n\t<meta property=\"og:image:height\" content=\"941\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/branding\\\/\",\"url\":\"https:\\\/\\\/studiovainilla.com\\\/branding\\\/\",\"name\":\"Branding Estrat\u00e9gico para Empresas y Marcas | StudioVainilla\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/branding\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/branding\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/studiovainilla.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Desarrollamos-branding-estrategico-para-empresas-identidad-visual-concepto-de-marca-narrativa-diseno-y-sistemas-visuales-enfocados-en-posicionamiento-y-crecimiento.png\",\"datePublished\":\"2026-05-02T02:39:14+00:00\",\"dateModified\":\"2026-05-08T22:38:10+00:00\",\"description\":\"Desarrollamos branding estrat\u00e9gico para empresas: identidad visual, concepto de marca, narrativa, dise\u00f1o y sistemas visuales.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/branding\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/studiovainilla.com\\\/branding\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/branding\\\/#primaryimage\",\"url\":\"https:\\\/\\\/studiovainilla.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Desarrollamos-branding-estrategico-para-empresas-identidad-visual-concepto-de-marca-narrativa-diseno-y-sistemas-visuales-enfocados-en-posicionamiento-y-crecimiento.png\",\"contentUrl\":\"https:\\\/\\\/studiovainilla.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Desarrollamos-branding-estrategico-para-empresas-identidad-visual-concepto-de-marca-narrativa-diseno-y-sistemas-visuales-enfocados-en-posicionamiento-y-crecimiento.png\",\"width\":1672,\"height\":941},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/branding\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/studiovainilla.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Branding\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#website\",\"url\":\"https:\\\/\\\/studiovainilla.com\\\/\",\"name\":\"StudioVainilla\",\"description\":\"Business Intelligence, Marketing &amp; Digital Systems\",\"publisher\":{\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/studiovainilla.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#organization\",\"name\":\"StudioVainilla\",\"url\":\"https:\\\/\\\/studiovainilla.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/studiovainilla.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Imagotipo-StudioVainilla-Morado-Vainilla.png\",\"contentUrl\":\"https:\\\/\\\/studiovainilla.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Imagotipo-StudioVainilla-Morado-Vainilla.png\",\"width\":1102,\"height\":423,\"caption\":\"StudioVainilla\"},\"image\":{\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Branding Estrat\u00e9gico para Empresas y Marcas | StudioVainilla","description":"Desarrollamos branding estrat\u00e9gico para empresas: identidad visual, concepto de marca, narrativa, dise\u00f1o y sistemas visuales.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/studiovainilla.com\/en\/branding\/","og_locale":"en_US","og_type":"article","og_title":"Branding Estrat\u00e9gico para Empresas | StudioVainilla","og_description":"Construimos marcas con estrategia, identidad visual y sistemas visuales enfocados en posicionamiento real.","og_url":"https:\/\/studiovainilla.com\/en\/branding\/","og_site_name":"StudioVainilla","article_modified_time":"2026-05-08T22:38:10+00:00","og_image":[{"width":1672,"height":941,"url":"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Desarrollamos-branding-estrategico-para-empresas-identidad-visual-concepto-de-marca-narrativa-diseno-y-sistemas-visuales-enfocados-en-posicionamiento-y-crecimiento.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/studiovainilla.com\/branding\/","url":"https:\/\/studiovainilla.com\/branding\/","name":"Branding Estrat\u00e9gico para Empresas y Marcas | StudioVainilla","isPartOf":{"@id":"https:\/\/studiovainilla.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/studiovainilla.com\/branding\/#primaryimage"},"image":{"@id":"https:\/\/studiovainilla.com\/branding\/#primaryimage"},"thumbnailUrl":"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Desarrollamos-branding-estrategico-para-empresas-identidad-visual-concepto-de-marca-narrativa-diseno-y-sistemas-visuales-enfocados-en-posicionamiento-y-crecimiento.png","datePublished":"2026-05-02T02:39:14+00:00","dateModified":"2026-05-08T22:38:10+00:00","description":"Desarrollamos branding estrat\u00e9gico para empresas: identidad visual, concepto de marca, narrativa, dise\u00f1o y sistemas visuales.","breadcrumb":{"@id":"https:\/\/studiovainilla.com\/branding\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studiovainilla.com\/branding\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studiovainilla.com\/branding\/#primaryimage","url":"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Desarrollamos-branding-estrategico-para-empresas-identidad-visual-concepto-de-marca-narrativa-diseno-y-sistemas-visuales-enfocados-en-posicionamiento-y-crecimiento.png","contentUrl":"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/05\/Desarrollamos-branding-estrategico-para-empresas-identidad-visual-concepto-de-marca-narrativa-diseno-y-sistemas-visuales-enfocados-en-posicionamiento-y-crecimiento.png","width":1672,"height":941},{"@type":"BreadcrumbList","@id":"https:\/\/studiovainilla.com\/branding\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/studiovainilla.com\/"},{"@type":"ListItem","position":2,"name":"Branding"}]},{"@type":"WebSite","@id":"https:\/\/studiovainilla.com\/#website","url":"https:\/\/studiovainilla.com\/","name":"Studio Vanilla","description":"Business Intelligence, Marketing, and Digital Systems","publisher":{"@id":"https:\/\/studiovainilla.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studiovainilla.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/studiovainilla.com\/#organization","name":"Studio Vanilla","url":"https:\/\/studiovainilla.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studiovainilla.com\/#\/schema\/logo\/image\/","url":"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/04\/Imagotipo-StudioVainilla-Morado-Vainilla.png","contentUrl":"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/04\/Imagotipo-StudioVainilla-Morado-Vainilla.png","width":1102,"height":423,"caption":"StudioVainilla"},"image":{"@id":"https:\/\/studiovainilla.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/369","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/comments?post=369"}],"version-history":[{"count":21,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/369\/revisions"}],"predecessor-version":[{"id":763,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/369\/revisions\/763"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/media\/762"}],"wp:attachment":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/media?parent=369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}