{"id":1355,"date":"2021-02-02T08:21:22","date_gmt":"2021-02-02T08:21:22","guid":{"rendered":"https:\/\/soytatis.com\/index.php\/home\/"},"modified":"2026-04-10T15:42:38","modified_gmt":"2026-04-10T15:42:38","slug":"home","status":"publish","type":"page","link":"https:\/\/soytatis.com\/","title":{"rendered":"\u2728Tatis | Creative Designer\u2728"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1355\" class=\"elementor elementor-1355\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23016bf e-con-full e-flex e-con e-parent\" data-id=\"23016bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34f7bb0 elementor-widget elementor-widget-html\" data-id=\"34f7bb0\" 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\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Bricolage+Grotesque:wght@400;700;800&family=DM+Mono:ital,wght@0,400;1,400&family=Playfair+Display:ital@1&display=swap\" rel=\"stylesheet\">\n\n<style>\n*{margin:0;padding:0;box-sizing:border-box;}\n:root{\n  --pink:#ff3d7f;\n  --pink-lt:#ffd6e7;\n  --yellow:#ffe135;\n  --yellow-lt:#fff8cc;\n  --orange:#ff6b35;\n  --blue:#3d4fff;\n  --green:#00d97e;\n  --cream:#fdf8f0;\n  --lilac:#e8d5ff;\n  --mint:#c8f5e4;\n  --peach:#ffdbc8;\n  --dark:#1a1025;\n}\nbody{background:var(--cream);font-family:'Bricolage Grotesque',sans-serif;color:var(--dark);overflow-x:hidden;}\n\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\nnav{\n  display:flex;align-items:center;justify-content:space-between;\n  padding:1rem 2rem;\n  background:linear-gradient(90deg,#fff5fa 0%,#fff8e8 100%);\n  border-bottom:2.5px solid var(--dark);\n  position:sticky;top:0;z-index:100;\n}\n.logo{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.08em;color:var(--dark);}\n.logo em{font-style:normal;color:var(--pink);}\n.nav-links{display:flex;gap:0;align-items:center;}\n.nav-links a{\n  font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;\n  color:var(--dark);text-decoration:none;padding:.5rem 1.1rem;\n  border-left:1.5px solid rgba(26,16,37,.12);transition:background .15s,color .15s;\n}\n.nav-links a:hover{background:var(--yellow);color:var(--dark);}\n.nav-cta{background:var(--pink)!important;color:#fff!important;border-radius:30px;margin-left:.5rem;border-left:none!important;}\n.nav-cta:hover{background:#d4005e!important;}\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero{\n  background:linear-gradient(135deg,#fff0f7 0%,#fff8e0 35%,#f0f4ff 65%,#f0fff8 100%);\n  padding:3rem 2rem 0;\n  position:relative;overflow:hidden;min-height:92vh;\n  border-bottom:3px solid var(--dark);\n}\n\/* squiggle deco *\/\n.hero-squig{\n  position:absolute;top:0;left:0;width:100%;pointer-events:none;opacity:.5;\n}\n.blob{\n  position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;\n  animation:blobmove 8s ease-in-out infinite alternate;\n}\n.blob1{width:300px;height:300px;background:rgba(255,61,127,.18);top:-80px;right:-60px;animation-delay:0s;}\n.blob2{width:250px;height:250px;background:rgba(255,225,53,.22);bottom:60px;left:-80px;animation-delay:2s;}\n.blob3{width:200px;height:200px;background:rgba(61,79,255,.12);top:40%;right:10%;animation-delay:4s;}\n\n.hero-eyebrow{\n  display:inline-flex;align-items:center;gap:.6rem;\n  background:var(--dark);color:var(--yellow);\n  font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;\n  padding:.35rem 1rem;border-radius:30px;margin-bottom:1.5rem;\n  animation:popIn .5s cubic-bezier(.34,1.56,.64,1) both;\n}\n\n.hero-grid{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start;}\n\n.hero-title{position:relative;z-index:2;}\n.ht-l1{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:clamp(4.5rem,12vw,10rem);line-height:.88;letter-spacing:.02em;\n  color:var(--dark);display:block;\n  animation:slideRight .6s cubic-bezier(.34,1.2,.64,1) .1s both;\n}\n.ht-l2{\n  font-family:'Playfair Display',serif;font-style:italic;\n  font-size:clamp(3rem,8vw,7rem);line-height:.92;\n  color:var(--pink);display:block;margin-left:1.5rem;\n  animation:slideRight .6s cubic-bezier(.34,1.2,.64,1) .18s both;\n}\n.ht-l3{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:clamp(4.5rem,12vw,10rem);line-height:.88;letter-spacing:.02em;\n  color:var(--dark);display:block;\n  animation:slideRight .6s cubic-bezier(.34,1.2,.64,1) .26s both;\n}\n.ht-l4{\n  font-family:'Playfair Display',serif;font-style:italic;\n  font-size:clamp(3rem,8vw,7rem);line-height:.92;\n  color:var(--blue);display:block;margin-left:3rem;\n  animation:slideRight .6s cubic-bezier(.34,1.2,.64,1) .34s both;\n}\n\n\/* sticker tags *\/\n.sticker{\n  display:inline-block;font-family:'DM Mono',monospace;font-size:.58rem;\n  letter-spacing:.12em;text-transform:uppercase;padding:.4rem 1rem;\n  border:2px solid var(--dark);border-radius:30px;\n  font-weight:700;cursor:default;transition:transform .15s;\n}\n.sticker:hover{transform:rotate(-4deg) scale(1.05);}\n.s-pink{background:var(--pink);color:#fff;}\n.s-yellow{background:var(--yellow);color:var(--dark);}\n.s-mint{background:var(--mint);color:var(--dark);}\n.s-lilac{background:var(--lilac);color:var(--dark);}\n\n\/* floating cards *\/\n.hero-cards{\n  display:flex;flex-direction:column;gap:10px;\n  padding-top:1rem;\n  animation:fadeUp .6s ease .3s both;\n}\n.hcard{\n  background:#fff;border:2px solid var(--dark);border-radius:12px;\n  padding:.8rem 1rem;width:160px;position:relative;\n  transition:transform .2s;cursor:default;\n}\n.hcard:hover{transform:rotate(-3deg) translateY(-4px);}\n.hcard:nth-child(2){transform:rotate(3deg);margin-left:1rem;}\n.hcard:nth-child(2):hover{transform:rotate(6deg) translateY(-4px);}\n.hcard:nth-child(3){transform:rotate(-2deg);}\n.hc-label{font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(26,16,37,.4);margin-bottom:.3rem;}\n.hc-val{font-size:.85rem;font-weight:800;}\n.hc-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px;}\n.dot-pink{background:var(--pink);}\n.dot-yellow{background:var(--yellow);}\n.dot-green{background:var(--green);}\n\n.hero-bottom{\n  padding:2rem 0 0;display:flex;align-items:flex-end;\n  justify-content:space-between;flex-wrap:wrap;gap:1.5rem;\n  position:relative;z-index:2;\n}\n.hero-sub{\n  font-size:.88rem;line-height:1.8;color:rgba(26,16,37,.6);max-width:360px;\n  animation:fadeUp .6s ease .4s both;\n}\n.hero-sub strong{color:var(--dark);font-weight:800;}\n.hero-btns{display:flex;gap:.7rem;animation:fadeUp .6s ease .5s both;}\n.btn-main{\n  background:var(--pink);color:#fff;border:2px solid var(--dark);\n  padding:.9rem 2rem;border-radius:30px;\n  font-family:'Bricolage Grotesque',sans-serif;font-size:.85rem;font-weight:800;letter-spacing:.04em;\n  text-decoration:none;display:inline-block;\n  box-shadow:3px 3px 0 var(--dark);\n  transition:transform .15s,box-shadow .15s;\n}\n.btn-main:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--dark);}\n.btn-ghost{\n  background:var(--yellow);color:var(--dark);border:2px solid var(--dark);\n  padding:.9rem 2rem;border-radius:30px;\n  font-size:.85rem;font-weight:800;letter-spacing:.04em;\n  text-decoration:none;display:inline-block;\n  box-shadow:3px 3px 0 var(--dark);\n  transition:transform .15s,box-shadow .15s;\n}\n.btn-ghost:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--dark);}\n\n\/* hero wavy bottom *\/\n.hero-wave{margin-top:2.5rem;overflow:hidden;line-height:0;}\n.hero-wave svg{display:block;width:100%;}\n\n\/* \u2500\u2500 TICKER \u2500\u2500 *\/\n.ticker-wrap{\n  background:var(--pink);overflow:hidden;padding:.85rem 0;\n  border-top:2.5px solid var(--dark);border-bottom:2.5px solid var(--dark);\n}\n.ticker-track{display:flex;animation:ticker 18s linear infinite;width:max-content;}\n.ticker-item{\n  font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.12em;\n  color:#fff;padding:0 1.2rem;white-space:nowrap;\n}\n.ticker-star{color:var(--yellow);}\n\n\/* \u2500\u2500 SERVICES \u2500\u2500 *\/\n.services{\n  background:linear-gradient(160deg,#fff8e0 0%,#fff0f7 60%,#f0f4ff 100%);\n  padding:5rem 2rem;position:relative;overflow:hidden;\n}\n.section-eyebrow{\n  font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;\n  color:var(--pink);margin-bottom:.8rem;\n}\n.section-h2{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:clamp(2.8rem,6vw,5rem);letter-spacing:.02em;line-height:.9;\n  margin-bottom:3rem;\n}\n.section-h2 em{font-family:'Playfair Display',serif;font-style:italic;color:var(--pink);}\n\n.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}\n.scard{\n  background:#fff;border:2.5px solid var(--dark);border-radius:16px;\n  padding:1.8rem 1.5rem;position:relative;overflow:hidden;\n  box-shadow:4px 4px 0 var(--dark);\n  transition:transform .2s,box-shadow .2s;cursor:default;\n}\n.scard:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--dark);}\n.scard-num{\n  font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.1em;\n  color:rgba(26,16,37,.3);margin-bottom:.8rem;\n}\n.scard-icon{\n  width:40px;height:40px;border-radius:10px;border:2px solid var(--dark);\n  display:flex;align-items:center;justify-content:center;\n  margin-bottom:.8rem;font-size:1.1rem;\n}\n.si1{background:var(--pink-lt);}\n.si2{background:var(--yellow-lt);}\n.si3{background:var(--peach);}\n.si4{background:var(--lilac);}\n.scard-name{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:.04em;margin-bottom:.5rem;}\n.scard-desc{font-size:.78rem;line-height:1.7;color:rgba(26,16,37,.55);}\n.scard-tag{\n  display:inline-block;margin-top:.8rem;\n  font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;\n  padding:.3rem .8rem;border-radius:20px;border:1.5px solid var(--dark);\n}\n\n\/* \u2500\u2500 WORK \u2500\u2500 *\/\n.work{\n  background:linear-gradient(135deg,#f0f4ff 0%,#fff0f7 50%,#fff8e0 100%);\n  padding:5rem 2rem;\n}\n.work-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2.5rem;}\n.wf-btn{\n  font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;\n  padding:.45rem 1rem;border-radius:30px;border:2px solid var(--dark);\n  background:transparent;color:var(--dark);cursor:pointer;transition:all .15s;\n  font-weight:700;\n}\n.wf-btn.active,.wf-btn:hover{background:var(--dark);color:#fff;}\n\n.work-bento{\n  display:grid;\n  grid-template-columns:1.5fr 1fr 1fr;\n  grid-template-rows:240px 160px;\n  gap:10px;\n}\n.wcard{\n  position:relative;overflow:hidden;border-radius:14px;\n  border:2.5px solid var(--dark);\n  box-shadow:4px 4px 0 var(--dark);\n  cursor:pointer;transition:transform .2s,box-shadow .2s;\n}\n.wcard:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--dark);}\n.wcard:first-child{grid-row:span 2;}\n.wcard-bg{position:absolute;inset:0;transition:transform .4s ease;}\n.wcard:hover .wcard-bg{transform:scale(1.05);}\n.wb1{background:linear-gradient(145deg,var(--pink) 0%,var(--blue) 100%);}\n.wb2{background:linear-gradient(135deg,var(--yellow) 0%,var(--orange) 100%);}\n.wb3{background:linear-gradient(135deg,var(--mint) 0%,var(--blue) 100%);}\n.wb4{background:linear-gradient(135deg,var(--lilac) 0%,var(--pink) 100%);}\n.wb5{background:linear-gradient(135deg,var(--peach) 0%,var(--yellow) 100%);}\n\n\/* grid pattern overlay *\/\n.wb1::after{\n  content:'';position:absolute;inset:0;\n  background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0,rgba(255,255,255,.07) 1px,transparent 1px,transparent 28px),\n    repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0,rgba(255,255,255,.07) 1px,transparent 1px,transparent 28px);\n}\n.wcard-info{\n  position:absolute;bottom:0;left:0;right:0;\n  background:linear-gradient(transparent,rgba(26,16,37,.85));\n  padding:2rem 1.2rem 1.2rem;\n  transform:translateY(65%);transition:transform .3s ease;\n}\n.wcard:hover .wcard-info{transform:translateY(0);}\n.wcard-name{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.05em;color:#fff;}\n.wcard-cat{font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow);margin-top:2px;}\n.wcard-year{position:absolute;top:10px;left:12px;font-family:'DM Mono',monospace;font-size:.55rem;color:rgba(255,255,255,.5);letter-spacing:.08em;}\n\n.work-foot{margin-top:1.8rem;display:flex;justify-content:flex-end;}\n.link-all{\n  font-family:'Bebas Neue',sans-serif;font-size:1.1rem;letter-spacing:.1em;\n  color:var(--dark);text-decoration:none;\n  border-bottom:3px solid var(--pink);padding-bottom:2px;\n  transition:color .15s;\n}\n.link-all:hover{color:var(--pink);}\n\n\/* \u2500\u2500 ABOUT \u2500\u2500 *\/\n.about{\n  background:linear-gradient(160deg,#fff8e0 0%,#ffd6e7 50%,#f0f4ff 100%);\n  padding:5rem 2rem;\n  border-top:3px solid var(--dark);border-bottom:3px solid var(--dark);\n}\n.about-grid{display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:center;}\n.about-photo{\n  width:220px;height:270px;\n  background:linear-gradient(135deg,var(--pink-lt),var(--lilac));\n  border:3px solid var(--dark);border-radius:16px;\n  box-shadow:6px 6px 0 var(--dark);\n  position:relative;overflow:hidden;flex-shrink:0;\n  display:flex;align-items:center;justify-content:center;\n}\n.photo-placeholder{\n  font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.1em;\n  text-transform:uppercase;color:rgba(26,16,37,.4);text-align:center;\n}\n.about-badge{\n  position:absolute;top:-10px;right:-10px;\n  background:var(--yellow);border:2.5px solid var(--dark);border-radius:50%;\n  width:60px;height:60px;display:flex;align-items:center;justify-content:center;\n  font-family:'DM Mono',monospace;font-size:.5rem;letter-spacing:.08em;text-transform:uppercase;\n  text-align:center;font-weight:700;\n  animation:spin 12s linear infinite;\n}\n.about-right{}\n.about-tag{\n  display:inline-block;background:var(--pink);color:#fff;\n  font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;\n  padding:.3rem .9rem;border-radius:20px;border:2px solid var(--dark);\n  margin-bottom:1rem;\n}\n.about-h2{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:clamp(2.5rem,5vw,4rem);letter-spacing:.02em;line-height:.9;\n  margin-bottom:1rem;\n}\n.about-h2 em{font-family:'Playfair Display',serif;font-style:italic;color:var(--pink);}\n.about-copy{font-size:.88rem;line-height:1.8;color:rgba(26,16,37,.65);margin-bottom:1.5rem;}\n.stats{display:flex;gap:1.5rem;flex-wrap:wrap;}\n.stat{text-align:center;}\n.stat-num{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;letter-spacing:.02em;color:var(--pink);line-height:1;}\n.stat-label{font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(26,16,37,.4);}\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n.cta-band{\n  background:linear-gradient(135deg,var(--pink) 0%,#ff6bac 50%,var(--orange) 100%);\n  padding:5rem 2rem;text-align:center;\n  position:relative;overflow:hidden;\n  border-top:3px solid var(--dark);\n}\n.cta-bg-text{\n  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\n  font-family:'Bebas Neue',sans-serif;font-size:14rem;\n  color:rgba(255,255,255,.07);letter-spacing:.1em;\n  pointer-events:none;white-space:nowrap;\n}\n.cta-stickers{display:flex;justify-content:center;gap:.8rem;margin-bottom:1.5rem;flex-wrap:wrap;}\n.cta-h2{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:clamp(3rem,8vw,7rem);line-height:.92;letter-spacing:.02em;\n  color:#fff;position:relative;z-index:1;margin-bottom:.8rem;\n}\n.cta-h2 em{font-family:'Playfair Display',serif;font-style:italic;color:var(--yellow);}\n.cta-sub{\n  font-family:'DM Mono',monospace;font-size:.72rem;line-height:1.8;\n  color:rgba(255,255,255,.85);margin-bottom:2rem;position:relative;z-index:1;\n}\n.btn-cta-white{\n  background:#fff;color:var(--dark);border:2.5px solid var(--dark);\n  padding:1.1rem 3rem;border-radius:30px;\n  font-size:.9rem;font-weight:800;letter-spacing:.05em;\n  text-decoration:none;display:inline-block;position:relative;z-index:1;\n  box-shadow:4px 4px 0 var(--dark);\n  transition:transform .15s,box-shadow .15s;\n}\n.btn-cta-white:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--dark);}\n\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\nfooter{\n  background:var(--dark);padding:2rem;\n  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;\n  border-top:3px solid var(--yellow);\n}\n.foot-logo{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;letter-spacing:.08em;color:#fff;}\n.foot-logo em{font-style:normal;color:var(--pink);}\n.foot-links{display:flex;gap:1.5rem;}\n.foot-links a{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);text-decoration:none;}\n.foot-links a:hover{color:var(--yellow);}\n.foot-copy{font-family:'DM Mono',monospace;font-size:.58rem;color:rgba(255,255,255,.2);}\n\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}\n@keyframes blobmove{from{transform:translate(0,0) scale(1);}to{transform:translate(30px,20px) scale(1.1);}}\n@keyframes popIn{from{opacity:0;transform:scale(.7);}to{opacity:1;transform:scale(1);}}\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}\n@keyframes slideRight{from{opacity:0;transform:translateX(-30px);}to{opacity:1;transform:translateX(0);}}\n@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}\n@keyframes wiggle{0%,100%{transform:rotate(-3deg);}50%{transform:rotate(3deg);}}\n\n.sticker-float{animation:wiggle 3s ease-in-out infinite;}\n<\/style>\n\n<!-- NAV -->\n<nav>\n  <div class=\"logo\">TAT<em>IS<\/em><\/div>\n  <div class=\"nav-links\">\n    <a href=\"#\">Work<\/a>\n    <a href=\"#\">About<\/a>\n    <a href=\"#\">Services<\/a>\n    <a href=\"#\" class=\"nav-cta\">Let's talk \u2726<\/a>\n  <\/div>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"blob blob1\"><\/div>\n  <div class=\"blob blob2\"><\/div>\n  <div class=\"blob blob3\"><\/div>\n\n  <span class=\"hero-eyebrow\">\u2726 Senior Designer \u00b7 Music & Major Brands \u00b7 Available Now<\/span>\n\n  <div class=\"hero-grid\">\n    <div class=\"hero-title\">\n      <span class=\"ht-l1\">BOLD<\/span>\n      <span class=\"ht-l2\">by nature.<\/span>\n      <span class=\"ht-l3\">STRATEGIC<\/span>\n      <span class=\"ht-l4\">by choice.<\/span>\n      <br>\n      <div style=\"display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem;\">\n        <span class=\"sticker s-pink sticker-float\">Ads \u2605<\/span>\n        <span class=\"sticker s-yellow\" style=\"animation:wiggle 4s ease-in-out infinite .5s;\">Email Mktg<\/span>\n        <span class=\"sticker s-mint\" style=\"animation:wiggle 3.5s ease-in-out infinite 1s;\">Brand Exp.<\/span>\n        <span class=\"sticker s-lilac\" style=\"animation:wiggle 4.5s ease-in-out infinite .2s;\">Websites<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"hero-cards\">\n      <div class=\"hcard\">\n        <div class=\"hc-label\">Status<\/div>\n        <div class=\"hc-val\"><span class=\"hc-dot dot-green\"><\/span>Open to projects<\/div>\n      <\/div>\n      <div class=\"hcard\">\n        <div class=\"hc-label\">Specialty<\/div>\n        <div class=\"hc-val\"><span class=\"hc-dot dot-pink\"><\/span>Music & Brands<\/div>\n      <\/div>\n      <div class=\"hcard\">\n        <div class=\"hc-label\">Based in<\/div>\n        <div class=\"hc-val\"><span class=\"hc-dot dot-yellow\"><\/span>Colombia \ud83c\udde8\ud83c\uddf4<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"hero-bottom\">\n    <p class=\"hero-sub\">\n      <strong>Senior graphic & UX designer<\/strong> helping music labels and major brands turn ideas into campaigns that convert, experiences that stick, and visuals that stop the scroll.<br><br>\n      I don't just make things pretty \u2014 <strong>I make them work.<\/strong>\n    <\/p>\n    <div class=\"hero-btns\">\n      <a href=\"#\" class=\"btn-main\">See my work \u2192<\/a>\n      <a href=\"#\" class=\"btn-ghost\">Let's talk \u2726<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"hero-wave\">\n    <svg viewBox=\"0 0 1200 60\" preserveAspectRatio=\"none\" height=\"60\">\n      <path d=\"M0,30 C150,60 350,0 600,30 C850,60 1050,0 1200,30 L1200,60 L0,60 Z\" fill=\"#ff3d7f\" opacity=\".15\"\/>\n    <\/svg>\n  <\/div>\n<\/section>\n\n<!-- TICKER -->\n<div class=\"ticker-wrap\">\n  <div class=\"ticker-track\">\n    <span class=\"ticker-item\">ADS <span class=\"ticker-star\">\u2605<\/span><\/span>\n    <span class=\"ticker-item\">EMAIL MARKETING <span class=\"ticker-star\">\u2605<\/span><\/span>\n    <span class=\"ticker-item\">BRAND EXPERIENCES <span class=\"ticker-star\">\u2605<\/span><\/span>\n    <span class=\"ticker-item\">WEBSITES <span class=\"ticker-star\">\u2605<\/span><\/span>\n    <span class=\"ticker-item\">MOTION GRAPHICS <span class=\"ticker-star\">\u2605<\/span><\/span>\n    <span class=\"ticker-item\">BTL <span class=\"ticker-star\">\u2605<\/span><\/span>\n    <span class=\"ticker-item\">IMPRENTA <span class=\"ticker-star\">\u2605<\/span><\/span>\n    <span class=\"ticker-item\">SOCIAL CONTENT <span class=\"ticker-star\">\u2605<\/span><\/span>\n    <span class=\"ticker-item\">ADS <span class=\"ticker-star\">\u2605<\/span><\/span>\n    <span class=\"ticker-item\">EMAIL MARKETING <span class=\"ticker-star\">\u2605<\/span><\/span>\n    <span class=\"ticker-item\">BRAND EXPERIENCES <span class=\"ticker-star\">\u2605<\/span><\/span>\n    <span class=\"ticker-item\">WEBSITES <span class=\"ticker-star\">\u2605<\/span><\/span>\n    <span class=\"ticker-item\">MOTION GRAPHICS <span class=\"ticker-star\">\u2605<\/span><\/span>\n    <span class=\"ticker-item\">BTL <span class=\"ticker-star\">\u2605<\/span><\/span>\n    <span class=\"ticker-item\">IMPRENTA <span class=\"ticker-star\">\u2605<\/span><\/span>\n    <span class=\"ticker-item\">SOCIAL CONTENT <span class=\"ticker-star\">\u2605<\/span><\/span>\n  <\/div>\n<\/div>\n\n<!-- SERVICES -->\n<section class=\"services\">\n  <p class=\"section-eyebrow\">What I do<\/p>\n  <h2 class=\"section-h2\">Design services<br><em>that hit.<\/em><\/h2>\n  <div class=\"services-grid\">\n    <div class=\"scard\">\n      <div class=\"scard-num\">01<\/div>\n      <div class=\"scard-icon si1\">\ud83c\udfaf<\/div>\n      <div class=\"scard-name\">Ads & Campaigns<\/div>\n      <p class=\"scard-desc\">Paid social, OOH, digital \u2014 performance-driven campaigns that convert and feel like culture. From brief to final asset.<\/p>\n      <span class=\"scard-tag\" style=\"background:var(--pink-lt);\">Paid Social \u00b7 OOH \u00b7 Digital<\/span>\n    <\/div>\n    <div class=\"scard\">\n      <div class=\"scard-num\">02<\/div>\n      <div class=\"scard-icon si2\">\ud83d\udce7<\/div>\n      <div class=\"scard-name\">Email Marketing<\/div>\n      <p class=\"scard-desc\">Sequences, newsletters, and drip campaigns designed to open, click, and stay out of the spam folder.<\/p>\n      <span class=\"scard-tag\" style=\"background:var(--yellow-lt);\">Email Design \u00b7 Strategy<\/span>\n    <\/div>\n    <div class=\"scard\">\n      <div class=\"scard-num\">03<\/div>\n      <div class=\"scard-icon si3\">\u2728<\/div>\n      <div class=\"scard-name\">Brand Experiences<\/div>\n      <p class=\"scard-desc\">Events, activations, BTL, motion \u2014 moments that make people feel the brand, not just see it.<\/p>\n      <span class=\"scard-tag\" style=\"background:var(--peach);\">Events \u00b7 BTL \u00b7 Motion<\/span>\n    <\/div>\n    <div class=\"scard\">\n      <div class=\"scard-num\">04<\/div>\n      <div class=\"scard-icon si4\">\ud83c\udf10<\/div>\n      <div class=\"scard-name\">Websites<\/div>\n      <p class=\"scard-desc\">Sites that don't just look good \u2014 they tell a story, rank on Google, and move people to act.<\/p>\n      <span class=\"scard-tag\" style=\"background:var(--lilac);\">Web Design \u00b7 UX<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- WORK -->\n<section class=\"work\">\n  <p class=\"section-eyebrow\">Portfolio<\/p>\n  <h2 class=\"section-h2\">Selected<br><em>work.<\/em><\/h2>\n  <div class=\"work-filters\">\n    <button class=\"wf-btn active\">All<\/button>\n    <button class=\"wf-btn\">Ads<\/button>\n    <button class=\"wf-btn\">Email<\/button>\n    <button class=\"wf-btn\">Experiences<\/button>\n    <button class=\"wf-btn\">Websites<\/button>\n  <\/div>\n  <div class=\"work-bento\">\n    <div class=\"wcard\">\n      <div class=\"wcard-bg wb1\"><\/div>\n      <div class=\"wcard-year\">2024<\/div>\n      <div class=\"wcard-info\">\n        <div class=\"wcard-name\">Neon Festival 2024<\/div>\n        <div class=\"wcard-cat\">Ads \u00b7 Music Festival<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"wcard\">\n      <div class=\"wcard-bg wb2\"><\/div>\n      <div class=\"wcard-year\">2024<\/div>\n      <div class=\"wcard-info\">\n        <div class=\"wcard-name\">Label Email Drop<\/div>\n        <div class=\"wcard-cat\">Email Marketing<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"wcard\">\n      <div class=\"wcard-bg wb3\"><\/div>\n      <div class=\"wcard-year\">2024<\/div>\n      <div class=\"wcard-info\">\n        <div class=\"wcard-name\">Brand Activation<\/div>\n        <div class=\"wcard-cat\">Brand Experience<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"wcard\">\n      <div class=\"wcard-bg wb4\"><\/div>\n      <div class=\"wcard-year\">2023<\/div>\n      <div class=\"wcard-info\">\n        <div class=\"wcard-name\">Soul Collection<\/div>\n        <div class=\"wcard-cat\">Website \u00b7 BTL<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"wcard\">\n      <div class=\"wcard-bg wb5\"><\/div>\n      <div class=\"wcard-year\">2023<\/div>\n      <div class=\"wcard-info\">\n        <div class=\"wcard-name\">Tropical Funk Brand<\/div>\n        <div class=\"wcard-cat\">Visual Identity<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"work-foot\"><a href=\"#\" class=\"link-all\">Explore all work \u2192<\/a><\/div>\n<\/section>\n\n<!-- ABOUT -->\n<section class=\"about\">\n  <div class=\"about-grid\">\n    <div class=\"about-photo\">\n      <p class=\"photo-placeholder\">Tu foto<br>aqu\u00ed \u2726<\/p>\n      <div class=\"about-badge\">Senior<br>Designer<\/div>\n    <\/div>\n    <div class=\"about-right\">\n      <span class=\"about-tag\">Who is Tatis?<\/span>\n      <h2 class=\"about-h2\">Design that hits<br><em>like a drop.<\/em><\/h2>\n      <p class=\"about-copy\">\n        Senior graphic and UX\/UI designer specialized in <strong>creative campaigns, brand experiences, and digital design<\/strong> for music labels and major brands. I combine bold visual language with strategic thinking to create work that doesn't just look good \u2014 it performs.<br><br>\n        With years of experience in ads, email marketing, BTL, motion, print, and web, I bring the full picture to every project.\n      <\/p>\n      <div class=\"stats\">\n        <div class=\"stat\"><div class=\"stat-num\">+X<\/div><div class=\"stat-label\">a\u00f1os exp.<\/div><\/div>\n        <div class=\"stat\"><div class=\"stat-num\">+X<\/div><div class=\"stat-label\">proyectos<\/div><\/div>\n        <div class=\"stat\"><div class=\"stat-num\">+X<\/div><div class=\"stat-label\">marcas<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA -->\n<div class=\"cta-band\">\n  <div class=\"cta-bg-text\">TATIS<\/div>\n  <div class=\"cta-stickers\">\n    <span class=\"sticker s-yellow sticker-float\">Available now \u2726<\/span>\n    <span class=\"sticker\" style=\"background:#fff;border:2px solid var(--dark);animation:wiggle 4s ease-in-out infinite .7s;\">Music & Brands<\/span>\n  <\/div>\n  <h2 class=\"cta-h2\">\u00bfTienes una<br>idea <em>brillante?<\/em><\/h2>\n  <p class=\"cta-sub\">Currently open to new identity, campaign, and web projects<br>with agencies and music brands. Let's make something unforgettable.<\/p>\n  <a href=\"#\" class=\"btn-cta-white\">Hablemos pronto \u2192<\/a>\n<\/div>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"foot-logo\">TAT<em>IS<\/em><\/div>\n  <div class=\"foot-links\">\n    <a href=\"#\">Instagram<\/a>\n    <a href=\"#\">LinkedIn<\/a>\n    <a href=\"#\">Behance<\/a>\n  <\/div>\n  <div class=\"foot-copy\">\u00a9 2026 Tatis. All rights reserved.<\/div>\n<\/footer>\n\n<script>\ndocument.querySelectorAll('.wf-btn').forEach(btn=>{\n  btn.addEventListener('click',()=>{\n    document.querySelectorAll('.wf-btn').forEach(b=>b.classList.remove('active'));\n    btn.classList.add('active');\n  });\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TATIS Work About Services Let&#8217;s talk \u2726 \u2726 Senior Designer \u00b7 Music &#038; Major Brands \u00b7 Available Now BOLD by nature. STRATEGIC by choice. Ads \u2605 Email Mktg Brand Exp. Websites Status Open to projects Specialty Music &#038; Brands Based in Colombia \ud83c\udde8\ud83c\uddf4 Senior graphic &#038; UX designer helping music labels and major brands turn [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1355","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"soytatis.com","author_link":"https:\/\/soytatis.com\/index.php\/author\/soytatis-com\/"},"uagb_comment_info":0,"uagb_excerpt":"TATIS Work About Services Let&#8217;s talk \u2726 \u2726 Senior Designer \u00b7 Music &#038; Major Brands \u00b7 Available Now BOLD by nature. STRATEGIC by choice. Ads \u2605 Email Mktg Brand Exp. Websites Status Open to projects Specialty Music &#038; Brands Based in Colombia \ud83c\udde8\ud83c\uddf4 Senior graphic &#038; UX designer helping music labels and major brands turn&hellip;","_links":{"self":[{"href":"https:\/\/soytatis.com\/index.php\/wp-json\/wp\/v2\/pages\/1355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soytatis.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/soytatis.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/soytatis.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soytatis.com\/index.php\/wp-json\/wp\/v2\/comments?post=1355"}],"version-history":[{"count":635,"href":"https:\/\/soytatis.com\/index.php\/wp-json\/wp\/v2\/pages\/1355\/revisions"}],"predecessor-version":[{"id":2371,"href":"https:\/\/soytatis.com\/index.php\/wp-json\/wp\/v2\/pages\/1355\/revisions\/2371"}],"wp:attachment":[{"href":"https:\/\/soytatis.com\/index.php\/wp-json\/wp\/v2\/media?parent=1355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}