{"id":2509,"date":"2026-08-19T13:30:53","date_gmt":"2026-08-19T13:30:53","guid":{"rendered":"https:\/\/testet.biz\/reactio\/?page_id=2509"},"modified":"2026-08-19T14:23:06","modified_gmt":"2026-08-19T14:23:06","slug":"kreatif-tasarim","status":"publish","type":"page","link":"https:\/\/testet.biz\/reactio\/kreatif-tasarim\/","title":{"rendered":"Kreatif Tasar\u0131m"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2509\" class=\"elementor elementor-2509\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ff9fc20 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"ff9fc20\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7f77c1c dark-color\" data-id=\"7f77c1c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-78d2f96 elementor-widget elementor-widget-html\" data-id=\"78d2f96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-creative-hero\">\n\n  <div class=\"reactio-creative-hero__container\">\n\n    <!-- TOP -->\n    <div class=\"reactio-creative-hero__top\">\n\n      <span class=\"reactio-creative-hero__eyebrow\">\n        CREATIVE DESIGN\n      <\/span>\n\n      <span class=\"reactio-creative-hero__status\">\n        <i><\/i>\n        VISUALS WITH PURPOSE\n      <\/span>\n\n    <\/div>\n\n\n    <!-- MAIN -->\n    <div class=\"reactio-creative-hero__content\">\n\n      <h1>\n        CREATE ATTENTION.<br>\n        SHAPE PERCEPTION.<br>\n        <span>MAKE IT MEMORABLE.<\/span>\n      <\/h1>\n\n\n      <div class=\"reactio-creative-hero__bottom\">\n\n        <div class=\"reactio-creative-hero__copy\">\n\n          <p>\n            Kreatif tasar\u0131m\u0131 yaln\u0131zca estetik g\u00f6rseller \u00fcretmek\n            olarak g\u00f6rm\u00fcyoruz. Marka dili, kampanya mesaj\u0131,\n            hedef kitle, platform dinamikleri ve d\u00f6n\u00fc\u015f\u00fcm hedeflerini\n            birlikte de\u011ferlendirerek dikkat \u00e7eken, anla\u015f\u0131l\u0131r ve\n            marka alg\u0131s\u0131n\u0131 g\u00fc\u00e7lendiren g\u00f6rsel ileti\u015fim sistemleri\n            olu\u015fturuyoruz.\n          <\/p>\n\n          <div class=\"reactio-creative-hero__tags\">\n\n            <span>AD CREATIVES<\/span>\n            <span>SOCIAL VISUALS<\/span>\n            <span>CAMPAIGN KV<\/span>\n            <span>BANNERS<\/span>\n            <span>E-COMMERCE<\/span>\n            <span>MOTION DIRECTION<\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <a href=\"https:\/\/reactio.com.tr\/iletisim\/\"\n           class=\"reactio-creative-hero__button\">\n\n          <span>\n            PROJEN\u0130 KONU\u015eALIM\n          <\/span>\n\n          <b>\u2197<\/b>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- METRICS -->\n    <div class=\"reactio-creative-hero__metrics\">\n\n      <div class=\"reactio-creative-hero__metric\">\n\n        <span>01<\/span>\n\n        <div>\n          <small>MESSAGE<\/small>\n          <strong>MESAJI NETLE\u015eT\u0130R<\/strong>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"reactio-creative-hero__metric\">\n\n        <span>02<\/span>\n\n        <div>\n          <small>CONCEPT<\/small>\n          <strong>F\u0130KR\u0130 OLU\u015eTUR<\/strong>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"reactio-creative-hero__metric\">\n\n        <span>03<\/span>\n\n        <div>\n          <small>DESIGN<\/small>\n          <strong>G\u00d6RSEL\u0130 TASARLA<\/strong>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"reactio-creative-hero__metric\">\n\n        <span>04<\/span>\n\n        <div>\n          <small>IMPACT<\/small>\n          <strong>ETK\u0130Y\u0130 B\u00dcY\u00dcT<\/strong>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- FOOTER -->\n    <div class=\"reactio-creative-hero__footer\">\n\n      <span>\n        CONCEPT \u00b7 VISUAL \u00b7 CAMPAIGN \u00b7 SOCIAL \u00b7 ADS \u00b7 MOTION\n      <\/span>\n\n      <strong>\n        DESIGN THAT GETS NOTICED.\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-creative-hero{\n  width:100%;\n  min-height:88vh;\n\n  display:flex;\n  overflow:hidden;\n\n  background:#080808;\n  color:#fff;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-creative-hero *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-creative-hero__container{\n  width:100%;\n  max-width:1600px;\n  min-height:88vh;\n\n  margin:0 auto;\n\n  padding:48px 50px 35px;\n\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-creative-hero__top{\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n.reactio-creative-hero__eyebrow{\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:2.4px;\n\n  color:rgba(255,255,255,.4);\n}\n\n.reactio-creative-hero__status{\n  display:flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  font-size:9px;\n\n  font-weight:850;\n\n  letter-spacing:1.4px;\n\n  color:rgba(255,255,255,.45);\n}\n\n.reactio-creative-hero__status i{\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:#8fff8f;\n\n  box-shadow:0 0 15px rgba(143,255,143,.75);\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-creative-hero__content{\n  padding:65px 0 45px;\n}\n\n\n\/* =====================================================\n   H1\n===================================================== *\/\n\n.reactio-creative-hero h1{\n  margin:0;\n\n  max-width:1500px;\n\n  font-size:clamp(68px,8.2vw,145px);\n\n  line-height:.81;\n\n  letter-spacing:-.068em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-creative-hero h1 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:2px #fff;\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-creative-hero__bottom{\n  margin-top:55px;\n\n  display:flex;\n\n  align-items:flex-end;\n  justify-content:space-between;\n\n  gap:70px;\n}\n\n.reactio-creative-hero__copy{\n  max-width:800px;\n}\n\n.reactio-creative-hero__copy p{\n  max-width:770px;\n\n  margin:0;\n\n  font-size:19px;\n\n  line-height:1.65;\n\n  color:rgba(255,255,255,.58);\n}\n\n\n\/* =====================================================\n   TAGS\n===================================================== *\/\n\n.reactio-creative-hero__tags{\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:7px;\n\n  margin-top:25px;\n}\n\n.reactio-creative-hero__tags span{\n  padding:7px 11px;\n\n  border:1px solid rgba(255,255,255,.17);\n\n  border-radius:100px;\n\n  font-size:7px;\n\n  font-weight:850;\n\n  letter-spacing:.7px;\n\n  color:rgba(255,255,255,.5);\n}\n\n\n\/* =====================================================\n   BUTTON\n===================================================== *\/\n\n.reactio-creative-hero__button{\n  min-width:245px;\n  height:62px;\n\n  padding:0 24px;\n\n  flex-shrink:0;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n\n  border-radius:100px;\n\n  background:#fff;\n\n  color:#080808 !important;\n\n  text-decoration:none !important;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:1.1px;\n\n  transition:transform .35s ease;\n}\n\n.reactio-creative-hero__button b{\n  font-size:19px;\n\n  font-weight:400;\n\n  transition:transform .35s ease;\n}\n\n.reactio-creative-hero__button:hover{\n  transform:translateY(-3px);\n}\n\n.reactio-creative-hero__button:hover b{\n  transform:translate(3px,-3px);\n}\n\n\n\/* =====================================================\n   METRICS\n===================================================== *\/\n\n.reactio-creative-hero__metrics{\n  display:grid;\n\n  grid-template-columns:repeat(4,1fr);\n\n  margin-bottom:35px;\n\n  border-top:1px solid rgba(255,255,255,.14);\n  border-bottom:1px solid rgba(255,255,255,.14);\n}\n\n.reactio-creative-hero__metric{\n  min-height:105px;\n\n  padding:20px 22px;\n\n  display:flex;\n\n  align-items:flex-start;\n\n  gap:25px;\n\n  border-right:1px solid rgba(255,255,255,.14);\n}\n\n.reactio-creative-hero__metric:last-child{\n  border-right:0;\n}\n\n.reactio-creative-hero__metric > span{\n  font-size:8px;\n\n  font-weight:900;\n\n  color:rgba(255,255,255,.28);\n}\n\n.reactio-creative-hero__metric div{\n  margin-top:auto;\n}\n\n.reactio-creative-hero__metric small{\n  display:block;\n\n  margin-bottom:5px;\n\n  font-size:7px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(255,255,255,.3);\n}\n\n.reactio-creative-hero__metric strong{\n  display:block;\n\n  font-size:14px;\n\n  font-weight:900;\n\n  letter-spacing:-.02em;\n\n  color:#fff;\n}\n\n\n\/* =====================================================\n   FOOTER\n===================================================== *\/\n\n.reactio-creative-hero__footer{\n  padding-top:25px;\n\n  border-top:1px solid rgba(255,255,255,.14);\n\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n.reactio-creative-hero__footer span{\n  font-size:8px;\n\n  font-weight:800;\n\n  letter-spacing:1.4px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-creative-hero__footer strong{\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(255,255,255,.55);\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-creative-hero__container{\n    padding:42px 30px 32px;\n  }\n\n  .reactio-creative-hero__metrics{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-creative-hero__metric:nth-child(2){\n    border-right:0;\n  }\n\n  .reactio-creative-hero__metric:nth-child(1),\n  .reactio-creative-hero__metric:nth-child(2){\n    border-bottom:1px solid rgba(255,255,255,.14);\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-creative-hero{\n    min-height:auto;\n  }\n\n  .reactio-creative-hero__container{\n    min-height:auto;\n\n    padding:28px 20px 25px;\n  }\n\n  .reactio-creative-hero__eyebrow{\n    font-size:8px;\n  }\n\n  .reactio-creative-hero__status{\n    display:none;\n  }\n\n  .reactio-creative-hero__content{\n    padding:65px 0 45px;\n  }\n\n  .reactio-creative-hero h1{\n    font-size:clamp(39px,10.8vw,57px);\n\n    line-height:.85;\n  }\n\n  .reactio-creative-hero h1 span{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-creative-hero__bottom{\n    margin-top:35px;\n\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:30px;\n  }\n\n  .reactio-creative-hero__copy p{\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-creative-hero__button{\n    width:100%;\n  }\n\n  .reactio-creative-hero__metrics{\n    grid-template-columns:1fr;\n\n    margin-top:15px;\n    margin-bottom:30px;\n  }\n\n  .reactio-creative-hero__metric{\n    min-height:85px;\n\n    padding:18px 5px;\n\n    border-right:0 !important;\n\n    border-bottom:1px solid rgba(255,255,255,.14);\n  }\n\n  .reactio-creative-hero__metric:last-child{\n    border-bottom:0;\n  }\n\n  .reactio-creative-hero__footer{\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:8px;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a77833 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"6a77833\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-504ea11 dark-color\" data-id=\"504ea11\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4644409 elementor-widget elementor-widget-html\" data-id=\"4644409\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-creative-approach\">\n\n  <div class=\"reactio-creative-approach__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-creative-approach__header\">\n\n      <div class=\"reactio-creative-approach__title\">\n\n        <span class=\"reactio-creative-approach__eyebrow\">\n          DESIGN SHOULD COMMUNICATE\n        <\/span>\n\n        <h2>\n          G\u00dcZEL TASARIM<br>\n          YETMEZ.<br>\n          <span>MESAJI TA\u015eIMALI.<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"reactio-creative-approach__intro\">\n\n        <span>\n          ATTENTION + MESSAGE + BRAND\n        <\/span>\n\n        <h3>\n          G\u00f6rsel, sadece g\u00fczel de\u011fil; anlaml\u0131 da olmal\u0131.\n        <\/h3>\n\n        <p>\n          Kreatif tasar\u0131m\u0131n g\u00f6revi yaln\u0131zca estetik bir g\u00f6r\u00fcnt\u00fc\n          olu\u015fturmak de\u011fildir. Tasar\u0131m\u0131n dikkat \u00e7ekmesi,\n          mesaj\u0131 h\u0131zl\u0131 anlatmas\u0131 ve markan\u0131n alg\u0131s\u0131n\u0131 do\u011fru\n          \u015fekilde desteklemesi gerekir.\n        <\/p>\n\n        <p>\n          Bu nedenle her kreatifi hedef kitle, kanal, kampanya amac\u0131,\n          marka dili ve kullan\u0131c\u0131 aksiyonu \u00fczerinden de\u011ferlendiriyor;\n          g\u00f6rsel ile mesaj\u0131 ayn\u0131 strateji i\u00e7erisinde bulu\u015fturuyoruz.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- GRID -->\n    <div class=\"reactio-creative-approach__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-creative-approach__item\">\n\n        <div class=\"reactio-creative-approach__top\">\n          <span>01<\/span>\n          <small>ATTENTION<\/small>\n        <\/div>\n\n        <div class=\"reactio-creative-approach__content\">\n\n          <h3>\n            D\u0130KKAT\u0130<br>\n            YAKALA\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131n\u0131n kar\u015f\u0131s\u0131na \u00e7\u0131kan yo\u011fun i\u00e7erik ak\u0131\u015f\u0131\n            i\u00e7erisinde markan\u0131n fark edilmesini sa\u011flayacak\n            g\u00fc\u00e7l\u00fc bir g\u00f6rsel ba\u015flang\u0131\u00e7 olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-creative-approach__item\">\n\n        <div class=\"reactio-creative-approach__top\">\n          <span>02<\/span>\n          <small>MESSAGE<\/small>\n        <\/div>\n\n        <div class=\"reactio-creative-approach__content\">\n\n          <h3>\n            MESAJI<br>\n            NETLE\u015eT\u0130R\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131n\u0131n birka\u00e7 saniye i\u00e7erisinde ne g\u00f6rd\u00fc\u011f\u00fcn\u00fc\n            ve neden ilgilenmesi gerekti\u011fini anlayabilmesi i\u00e7in\n            g\u00f6rsel hiyerar\u015fiyi ve mesaj\u0131 sadele\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-creative-approach__item\">\n\n        <div class=\"reactio-creative-approach__top\">\n          <span>03<\/span>\n          <small>BRAND<\/small>\n        <\/div>\n\n        <div class=\"reactio-creative-approach__content\">\n\n          <h3>\n            MARKA<br>\n            ALGISI\n          <\/h3>\n\n          <p>\n            Renk, tipografi, g\u00f6rsel dil ve tasar\u0131m kararlar\u0131n\u0131\n            markan\u0131n karakteriyle uyumlu hale getirerek\n            her kreatifin marka alg\u0131s\u0131n\u0131 desteklemesini sa\u011fl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-creative-approach__item\">\n\n        <div class=\"reactio-creative-approach__top\">\n          <span>04<\/span>\n          <small>PLATFORM<\/small>\n        <\/div>\n\n        <div class=\"reactio-creative-approach__content\">\n\n          <h3>\n            KANALA<br>\n            UYARLA\n          <\/h3>\n\n          <p>\n            Instagram, Meta Ads, Google Display, web banner\n            veya e-ticaret alanlar\u0131n\u0131 ayn\u0131 \u015fekilde ele alm\u0131yor;\n            kreatifleri kullan\u0131laca\u011f\u0131 kanala g\u00f6re uyarl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-creative-approach__item\">\n\n        <div class=\"reactio-creative-approach__top\">\n          <span>05<\/span>\n          <small>CONVERSION<\/small>\n        <\/div>\n\n        <div class=\"reactio-creative-approach__content\">\n\n          <h3>\n            AKS\u0130YONU<br>\n            DESTEKLE\n          <\/h3>\n\n          <p>\n            Tasar\u0131m\u0131n yaln\u0131zca izlenmesini de\u011fil; t\u0131klama,\n            inceleme, sat\u0131n alma veya ileti\u015fim gibi hedeflenen\n            aksiyonlar\u0131 desteklemesini de \u00f6nemsiyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-creative-approach__item\">\n\n        <div class=\"reactio-creative-approach__top\">\n          <span>06<\/span>\n          <small>CONSISTENCY<\/small>\n        <\/div>\n\n        <div class=\"reactio-creative-approach__content\">\n\n          <h3>\n            TUTARLILI\u011eI<br>\n            KORU\n          <\/h3>\n\n          <p>\n            Kampanya, reklam ve sosyal medya i\u00e7eriklerinin\n            birbirinden kopuk g\u00f6r\u00fcnmesini engelleyerek\n            markan\u0131n t\u00fcm temas noktalar\u0131nda tutarl\u0131 bir\n            g\u00f6rsel dil olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- STATEMENT -->\n    <div class=\"reactio-creative-approach__statement\">\n\n      <span>\n        DESIGN WITH A REASON\n      <\/span>\n\n      <h3>\n        G\u00d6R\u00dcLMEK \u0130\u00c7\u0130N<br>\n        TASARLA.<br>\n        <strong>HATIRLANMAK \u0130\u00c7\u0130N TUTARLI OL.<\/strong>\n      <\/h3>\n\n      <p>\n        G\u00fc\u00e7l\u00fc kreatif tasar\u0131m yaln\u0131zca tek bir iyi g\u00f6rsel \u00fcretmek\n        de\u011fildir. Markan\u0131n farkl\u0131 platformlarda ayn\u0131 karakteri\n        korumas\u0131, mesaj\u0131 h\u0131zl\u0131 anlatmas\u0131 ve zaman i\u00e7erisinde\n        tan\u0131nabilir bir g\u00f6rsel d\u00fcnya olu\u015fturmas\u0131d\u0131r.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- FLOW -->\n    <div class=\"reactio-creative-approach__flow\">\n\n      <div>\n        <span>01<\/span>\n        <small>ATTENTION<\/small>\n        <strong>FARK ED\u0130L<\/strong>\n      <\/div>\n\n      <i>\u2192<\/i>\n\n      <div>\n        <span>02<\/span>\n        <small>MESSAGE<\/small>\n        <strong>ANLAT<\/strong>\n      <\/div>\n\n      <i>\u2192<\/i>\n\n      <div>\n        <span>03<\/span>\n        <small>BRAND<\/small>\n        <strong>KONUMLANDIR<\/strong>\n      <\/div>\n\n      <i>\u2192<\/i>\n\n      <div>\n        <span>04<\/span>\n        <small>ACTION<\/small>\n        <strong>HAREKETE GE\u00c7\u0130R<\/strong>\n      <\/div>\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-creative-approach__bottom\">\n\n      <span>\n        CREATIVE WITH PURPOSE\n      <\/span>\n\n      <strong>\n        ATTENTION \u2192 MESSAGE \u2192 BRAND \u2192 ACTION \u2192 MEMORY\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-creative-approach{\n  width:100%;\n  overflow:hidden;\n\n  background:#f3f0e9;\n  color:#080808;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-creative-approach *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-creative-approach__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-creative-approach__header{\n  display:grid;\n\n  grid-template-columns:1.15fr .85fr;\n\n  gap:100px;\n\n  align-items:end;\n\n  margin-bottom:90px;\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.reactio-creative-approach__eyebrow{\n  display:block;\n\n  margin-bottom:25px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-creative-approach__title h2{\n  margin:0;\n\n  font-size:clamp(50px,5.8vw,100px);\n\n  line-height:.85;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n}\n\n.reactio-creative-approach__title h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:1.5px #080808;\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.reactio-creative-approach__intro > span{\n  display:block;\n\n  margin-bottom:20px;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-creative-approach__intro h3{\n  max-width:600px;\n\n  margin:0 0 28px;\n\n  font-size:clamp(28px,2.5vw,42px);\n\n  line-height:1.04;\n\n  letter-spacing:-.045em;\n\n  font-weight:900;\n\n  color:#080808 !important;\n}\n\n.reactio-creative-approach__intro p{\n  max-width:600px;\n\n  margin:0 0 15px;\n\n  font-size:14px;\n\n  line-height:1.75;\n\n  color:rgba(8,8,8,.57);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-creative-approach__grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  border-top:1px solid rgba(8,8,8,.16);\n  border-bottom:1px solid rgba(8,8,8,.16);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-creative-approach__item{\n  min-height:350px;\n\n  padding:28px;\n\n  display:flex;\n\n  flex-direction:column;\n  justify-content:space-between;\n\n  border-right:1px solid rgba(8,8,8,.16);\n  border-bottom:1px solid rgba(8,8,8,.16);\n\n  transition:\n    background .4s ease,\n    color .4s ease;\n}\n\n.reactio-creative-approach__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-creative-approach__item:nth-child(n+4){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-creative-approach__top{\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-creative-approach__top span,\n.reactio-creative-approach__top small{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1px;\n\n  color:rgba(8,8,8,.33);\n\n  transition:color .4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-creative-approach__content{\n  margin-top:75px;\n}\n\n.reactio-creative-approach__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(31px,3vw,48px);\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n\n  transition:color .4s ease;\n}\n\n.reactio-creative-approach__item p{\n  max-width:350px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n  color:rgba(8,8,8,.55);\n\n  transition:color .4s ease;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-creative-approach__item:hover{\n  background:#080808;\n\n  color:#fff;\n}\n\n.reactio-creative-approach__item:hover\n.reactio-creative-approach__top span,\n\n.reactio-creative-approach__item:hover\n.reactio-creative-approach__top small{\n  color:rgba(255,255,255,.4);\n}\n\n.reactio-creative-approach__item:hover h3{\n  color:#fff !important;\n}\n\n.reactio-creative-approach__item:hover p{\n  color:rgba(255,255,255,.55);\n}\n\n\n\/* =====================================================\n   STATEMENT\n===================================================== *\/\n\n.reactio-creative-approach__statement{\n  margin-top:110px;\n\n  padding:70px 0;\n\n  border-top:1px solid rgba(8,8,8,.15);\n  border-bottom:1px solid rgba(8,8,8,.15);\n}\n\n.reactio-creative-approach__statement > span{\n  display:block;\n\n  margin-bottom:25px;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.8px;\n\n  color:rgba(8,8,8,.35);\n}\n\n.reactio-creative-approach__statement h3{\n  max-width:1350px;\n\n  margin:0;\n\n  font-size:clamp(42px,5.5vw,90px);\n\n  line-height:.92;\n\n  letter-spacing:-.06em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n}\n\n.reactio-creative-approach__statement h3 strong{\n  color:transparent;\n\n  -webkit-text-stroke:1.5px #080808;\n\n  font-weight:950;\n}\n\n.reactio-creative-approach__statement p{\n  max-width:720px;\n\n  margin:35px 0 0;\n\n  font-size:15px;\n\n  line-height:1.75;\n\n  color:rgba(8,8,8,.55);\n}\n\n\n\/* =====================================================\n   FLOW\n===================================================== *\/\n\n.reactio-creative-approach__flow{\n  margin-top:70px;\n\n  padding:35px 0;\n\n  display:grid;\n\n  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;\n\n  align-items:center;\n\n  gap:30px;\n\n  border-top:1px solid rgba(8,8,8,.15);\n  border-bottom:1px solid rgba(8,8,8,.15);\n}\n\n.reactio-creative-approach__flow div{\n  min-height:100px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:flex-end;\n}\n\n.reactio-creative-approach__flow div span{\n  margin-bottom:auto;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  color:rgba(8,8,8,.3);\n}\n\n.reactio-creative-approach__flow div small{\n  margin-bottom:5px;\n\n  font-size:7px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(8,8,8,.35);\n}\n\n.reactio-creative-approach__flow div strong{\n  font-size:clamp(20px,2vw,31px);\n\n  letter-spacing:-.04em;\n\n  font-weight:950;\n\n  color:#080808;\n}\n\n.reactio-creative-approach__flow i{\n  font-size:22px;\n\n  font-style:normal;\n\n  color:rgba(8,8,8,.3);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-creative-approach__bottom{\n  margin-top:70px;\n\n  display:grid;\n\n  grid-template-columns:.35fr 1.65fr;\n\n  gap:60px;\n}\n\n.reactio-creative-approach__bottom span{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(8,8,8,.35);\n}\n\n.reactio-creative-approach__bottom strong{\n  font-size:clamp(21px,2.5vw,40px);\n\n  line-height:1.1;\n\n  letter-spacing:-.04em;\n\n  font-weight:950;\n\n  color:#080808;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-creative-approach__container{\n    padding:100px 30px;\n  }\n\n  .reactio-creative-approach__header{\n    grid-template-columns:1fr;\n\n    gap:50px;\n  }\n\n  .reactio-creative-approach__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-creative-approach__item{\n    border-right:1px solid rgba(8,8,8,.16) !important;\n    border-bottom:1px solid rgba(8,8,8,.16) !important;\n  }\n\n  .reactio-creative-approach__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-creative-approach__item:nth-child(5),\n  .reactio-creative-approach__item:nth-child(6){\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-creative-approach__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-creative-approach__header{\n    margin-bottom:60px;\n\n    gap:40px;\n  }\n\n  .reactio-creative-approach__title h2{\n    font-size:clamp(38px,10.5vw,55px);\n\n    line-height:.88;\n  }\n\n  .reactio-creative-approach__title h2 span{\n    -webkit-text-stroke:1px #080808;\n  }\n\n  .reactio-creative-approach__intro h3{\n    font-size:29px;\n  }\n\n  .reactio-creative-approach__intro p{\n    font-size:14px;\n  }\n\n  .reactio-creative-approach__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-creative-approach__item{\n    min-height:285px;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n\n    border-bottom:1px solid rgba(8,8,8,.16) !important;\n  }\n\n  .reactio-creative-approach__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-creative-approach__content{\n    margin-top:55px;\n  }\n\n  .reactio-creative-approach__item h3{\n    font-size:40px;\n  }\n\n  .reactio-creative-approach__item p{\n    font-size:14px;\n  }\n\n  .reactio-creative-approach__statement{\n    margin-top:70px;\n\n    padding:50px 0;\n  }\n\n  .reactio-creative-approach__statement h3{\n    font-size:clamp(36px,10vw,50px);\n\n    line-height:.95;\n  }\n\n  .reactio-creative-approach__statement h3 strong{\n    -webkit-text-stroke:1px #080808;\n  }\n\n  .reactio-creative-approach__statement p{\n    margin-top:28px;\n\n    font-size:14px;\n  }\n\n  .reactio-creative-approach__flow{\n    grid-template-columns:1fr;\n\n    gap:0;\n\n    padding:0;\n\n    border-bottom:0;\n  }\n\n  .reactio-creative-approach__flow div{\n    min-height:110px;\n\n    padding:20px 5px;\n\n    border-bottom:1px solid rgba(8,8,8,.15);\n  }\n\n  .reactio-creative-approach__flow i{\n    display:none;\n  }\n\n  .reactio-creative-approach__flow div strong{\n    font-size:26px;\n  }\n\n  .reactio-creative-approach__bottom{\n    margin-top:55px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-creative-approach__bottom strong{\n    font-size:23px;\n\n    line-height:1.2;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0cce268 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"0cce268\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ae571df dark-color\" data-id=\"ae571df\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5d1f8fe elementor-widget elementor-widget-html\" data-id=\"5d1f8fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-creative-services\">\n\n  <div class=\"reactio-creative-services__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-creative-services__header\">\n\n      <span class=\"reactio-creative-services__eyebrow\">\n        CREATIVE DESIGN SERVICES\n      <\/span>\n\n      <h2>\n        BUILD THE IDEA.<br>\n        DESIGN THE ASSET.<br>\n        <span>ADAPT THE MESSAGE.<\/span>\n      <\/h2>\n\n      <p>\n        Sosyal medya g\u00f6rsellerinden reklam kreatiflerine,\n        kampanya key visual \u00e7al\u0131\u015fmalar\u0131ndan e-ticaret i\u00e7eriklerine\n        kadar markan\u0131n farkl\u0131 temas noktalar\u0131nda kullan\u0131lacak\n        kreatifleri ayn\u0131 g\u00f6rsel dil i\u00e7erisinde tasarl\u0131yoruz.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- GRID -->\n    <div class=\"reactio-creative-services__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-creative-services__item\">\n\n        <div class=\"reactio-creative-services__top\">\n          <span>01<\/span>\n          <b>SOCIAL MEDIA VISUALS<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-services__content\">\n\n          <h3>\n            SOSYAL MEDYA<br>\n            G\u00d6RSELLER\u0130\n          <\/h3>\n\n          <p>\n            Instagram, Facebook ve di\u011fer sosyal medya\n            platformlar\u0131 i\u00e7in markan\u0131n g\u00f6rsel diline uygun\n            post, carousel ve kampanya i\u00e7erikleri haz\u0131rl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-creative-services__item\">\n\n        <div class=\"reactio-creative-services__top\">\n          <span>02<\/span>\n          <b>AD CREATIVES<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-services__content\">\n\n          <h3>\n            REKLAM<br>\n            KREAT\u0130FLER\u0130\n          <\/h3>\n\n          <p>\n            Meta Ads, Google Display ve di\u011fer dijital reklam\n            kanallar\u0131 i\u00e7in dikkat \u00e7ekici, mesaj\u0131 h\u0131zl\u0131 anlatan\n            ve aksiyonu destekleyen kreatifler olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-creative-services__item\">\n\n        <div class=\"reactio-creative-services__top\">\n          <span>03<\/span>\n          <b>CAMPAIGN KEY VISUAL<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-services__content\">\n\n          <h3>\n            KAMPANYA<br>\n            KEY VISUAL\n          <\/h3>\n\n          <p>\n            Kampanyan\u0131n ana g\u00f6rsel dilini belirleyen key visual\n            yap\u0131s\u0131n\u0131 olu\u015fturuyor; bu ana tasar\u0131m\u0131 farkl\u0131 platform\n            ve formatlara uyarlanabilir hale getiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-creative-services__item\">\n\n        <div class=\"reactio-creative-services__top\">\n          <span>04<\/span>\n          <b>BANNERS<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-services__content\">\n\n          <h3>\n            WEB &<br>\n            BANNER TASARIMI\n          <\/h3>\n\n          <p>\n            Web sitesi slider'lar\u0131, kampanya banner'lar\u0131,\n            kategori g\u00f6rselleri ve dijital reklam alanlar\u0131\n            i\u00e7in farkl\u0131 \u00f6l\u00e7\u00fclerde kreatif tasar\u0131mlar haz\u0131rl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-creative-services__item\">\n\n        <div class=\"reactio-creative-services__top\">\n          <span>05<\/span>\n          <b>STORY & REELS<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-services__content\">\n\n          <h3>\n            STORY &<br>\n            REELS COVER\n          <\/h3>\n\n          <p>\n            Story, Reels kapaklar\u0131 ve dikey i\u00e7erik formatlar\u0131n\u0131\n            sosyal medya ak\u0131\u015f\u0131na ve marka diline uygun \u015fekilde\n            tasarl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-creative-services__item\">\n\n        <div class=\"reactio-creative-services__top\">\n          <span>06<\/span>\n          <b>E-COMMERCE<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-services__content\">\n\n          <h3>\n            E-T\u0130CARET<br>\n            G\u00d6RSELLER\u0130\n          <\/h3>\n\n          <p>\n            \u00dcr\u00fcn kampanyalar\u0131, indirim ileti\u015fimleri,\n            koleksiyon banner'lar\u0131 ve kategori g\u00f6rsellerini\n            sat\u0131\u015f hedeflerini destekleyen bir g\u00f6rsel yap\u0131\n            i\u00e7erisinde haz\u0131rl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 07 -->\n      <div class=\"reactio-creative-services__item\">\n\n        <div class=\"reactio-creative-services__top\">\n          <span>07<\/span>\n          <b>MOTION DIRECTION<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-services__content\">\n\n          <h3>\n            MOTION<br>\n            DIRECTION\n          <\/h3>\n\n          <p>\n            Hareketli kreatif, k\u0131sa animasyon ve video\n            uygulamalar\u0131nda kullan\u0131lacak g\u00f6rsel y\u00f6n\u00fc,\n            sahne ak\u0131\u015f\u0131n\u0131 ve hareket yakla\u015f\u0131m\u0131n\u0131 planl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 08 -->\n      <div class=\"reactio-creative-services__item\">\n\n        <div class=\"reactio-creative-services__top\">\n          <span>08<\/span>\n          <b>CORPORATE ASSETS<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-services__content\">\n\n          <h3>\n            SUNUM &<br>\n            KURUMSAL MATERYAL\n          <\/h3>\n\n          <p>\n            Sunum, teklif, dijital dok\u00fcman ve marka ileti\u015fiminde\n            kullan\u0131lan kurumsal materyalleri mevcut g\u00f6rsel kimlikle\n            uyumlu \u015fekilde tasarl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 09 -->\n      <div class=\"reactio-creative-services__item\">\n\n        <div class=\"reactio-creative-services__top\">\n          <span>09<\/span>\n          <b>CREATIVE ADAPTATION<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-services__content\">\n\n          <h3>\n            KREAT\u0130F<br>\n            ADAPTASYON\n          <\/h3>\n\n          <p>\n            Ana kreatifi farkl\u0131 \u00f6l\u00e7\u00fc, mecra, dil ve kullan\u0131m\n            alanlar\u0131na adapte ederek kampanyan\u0131n t\u00fcm temas\n            noktalar\u0131nda g\u00f6rsel b\u00fct\u00fcnl\u00fc\u011f\u00fcn\u00fc koruyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- STATEMENT -->\n    <div class=\"reactio-creative-services__statement\">\n\n      <span>\n        ONE IDEA. MANY TOUCHPOINTS.\n      <\/span>\n\n      <h3>\n        TEK B\u0130R F\u0130K\u0130R.<br>\n        FARKLI FORMATLAR.<br>\n        <strong>AYNI MARKA.<\/strong>\n      <\/h3>\n\n      <p>\n        G\u00fc\u00e7l\u00fc bir kreatif sistem; her platform i\u00e7in s\u0131f\u0131rdan\n        birbirinden kopuk tasar\u0131mlar \u00fcretmek de\u011fildir.\n        Ana fikri koruyarak mesaj\u0131 ve format\u0131 farkl\u0131 temas\n        noktalar\u0131na do\u011fru \u015fekilde uyarlamakt\u0131r.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-creative-services__bottom\">\n\n      <span>\n        END-TO-END CREATIVE DESIGN\n      <\/span>\n\n      <strong>\n        IDEA \u2192 KEY VISUAL \u2192 DESIGN \u2192 ADAPT \u2192 PUBLISH \u2192 IMPACT\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-creative-services{\n  width:100%;\n  overflow:hidden;\n\n  color:#fff;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-creative-services *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-creative-services__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px 125px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-creative-services__header{\n  margin-bottom:85px;\n}\n\n.reactio-creative-services__eyebrow{\n  display:block;\n\n  margin-bottom:24px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(255,255,255,.38);\n}\n\n.reactio-creative-services__header h2{\n  margin:0;\n\n  max-width:1400px;\n\n  font-size:clamp(58px,7vw,125px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-creative-services__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:2px #fff;\n}\n\n.reactio-creative-services__header > p{\n  max-width:720px;\n\n  margin:40px 0 0;\n\n  font-size:17px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.52);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-creative-services__grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  border-top:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-creative-services__item{\n  min-height:350px;\n\n  padding:28px;\n\n  display:flex;\n\n  flex-direction:column;\n  justify-content:space-between;\n\n  border-right:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n\n  transition:\n    background .4s ease,\n    color .4s ease;\n}\n\n.reactio-creative-services__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-creative-services__item:nth-child(n+7){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-creative-services__top{\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-creative-services__top span,\n.reactio-creative-services__top b{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(255,255,255,.35);\n\n  transition:color .4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-creative-services__content{\n  margin-top:75px;\n}\n\n.reactio-creative-services__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(31px,3vw,48px);\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n\n  transition:color .4s ease;\n}\n\n.reactio-creative-services__item p{\n  max-width:360px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.5);\n\n  transition:color .4s ease;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-creative-services__item:hover{\n  background:#f3f0e9;\n\n  color:#080808;\n}\n\n.reactio-creative-services__item:hover\n.reactio-creative-services__top span,\n\n.reactio-creative-services__item:hover\n.reactio-creative-services__top b{\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-creative-services__item:hover h3{\n  color:#080808 !important;\n}\n\n.reactio-creative-services__item:hover p{\n  color:rgba(8,8,8,.56);\n}\n\n\n\/* =====================================================\n   STATEMENT\n===================================================== *\/\n\n.reactio-creative-services__statement{\n  margin-top:110px;\n\n  padding:70px 0;\n\n  border-top:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n}\n\n.reactio-creative-services__statement > span{\n  display:block;\n\n  margin-bottom:25px;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.8px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-creative-services__statement h3{\n  max-width:1350px;\n\n  margin:0;\n\n  font-size:clamp(42px,5.5vw,90px);\n\n  line-height:.92;\n\n  letter-spacing:-.06em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-creative-services__statement h3 strong{\n  color:transparent;\n\n  -webkit-text-stroke:1.5px #fff;\n\n  font-weight:950;\n}\n\n.reactio-creative-services__statement p{\n  max-width:720px;\n\n  margin:35px 0 0;\n\n  font-size:15px;\n\n  line-height:1.75;\n\n  color:rgba(255,255,255,.5);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-creative-services__bottom{\n  margin-top:70px;\n\n  display:grid;\n\n  grid-template-columns:.35fr 1.65fr;\n\n  gap:60px;\n}\n\n.reactio-creative-services__bottom span{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-creative-services__bottom strong{\n  font-size:clamp(21px,2.5vw,40px);\n\n  line-height:1.1;\n\n  letter-spacing:-.04em;\n\n  font-weight:950;\n\n  color:#fff;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-creative-services__container{\n    padding:100px 30px 105px;\n  }\n\n  .reactio-creative-services__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-creative-services__item{\n    border-right:1px solid rgba(255,255,255,.15) !important;\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-creative-services__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-creative-services__item:last-child{\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-creative-services__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-creative-services__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-creative-services__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-creative-services__header h2 span{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-creative-services__header > p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-creative-services__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-creative-services__item{\n    min-height:280px;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-creative-services__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-creative-services__content{\n    margin-top:55px;\n  }\n\n  .reactio-creative-services__item h3{\n    font-size:39px;\n  }\n\n  .reactio-creative-services__item p{\n    font-size:14px;\n  }\n\n  .reactio-creative-services__statement{\n    margin-top:70px;\n\n    padding:50px 0;\n  }\n\n  .reactio-creative-services__statement h3{\n    font-size:clamp(36px,10vw,50px);\n\n    line-height:.95;\n  }\n\n  .reactio-creative-services__statement h3 strong{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-creative-services__statement p{\n    margin-top:28px;\n\n    font-size:14px;\n  }\n\n  .reactio-creative-services__bottom{\n    margin-top:55px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-creative-services__bottom strong{\n    font-size:23px;\n\n    line-height:1.2;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ae51019 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"ae51019\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6b47b0b dark-color\" data-id=\"6b47b0b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-020a9df elementor-widget elementor-widget-html\" data-id=\"020a9df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-creative-process\">\n\n  <div class=\"reactio-creative-process__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-creative-process__header\">\n\n      <span class=\"reactio-creative-process__eyebrow\">\n        CREATIVE DESIGN PROCESS\n      <\/span>\n\n      <h2>\n        BRIEF.<br>\n        CONCEPT.<br>\n        <span>CREATE.<\/span>\n      <\/h2>\n\n      <p>\n        Kreatif tasar\u0131m s\u00fcrecini yaln\u0131zca tasar\u0131m \u00fcretmek olarak\n        g\u00f6rm\u00fcyoruz. \u00d6nce mesaj\u0131 ve hedefi netle\u015ftiriyor, ard\u0131ndan\n        fikir, g\u00f6rsel y\u00f6n ve uygulama a\u015famalar\u0131n\u0131 planlayarak\n        farkl\u0131 mecralara uyarlanabilir bir kreatif sistem olu\u015fturuyoruz.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- PROCESS GRID -->\n    <div class=\"reactio-creative-process__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-creative-process__item\">\n\n        <div class=\"reactio-creative-process__top\">\n          <span>01<\/span>\n          <b>BRIEF<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-process__content\">\n\n          <small>\n            UNDERSTAND THE NEED\n          <\/small>\n\n          <h3>\n            BRIEF\u0130<br>\n            ANLA\n          <\/h3>\n\n          <p>\n            Kampanyan\u0131n, markan\u0131n veya i\u00e7eri\u011fin amac\u0131,\n            hedef kitlesi, kullan\u0131laca\u011f\u0131 platformlar ve\n            temel beklentileri netle\u015ftirerek ba\u015flang\u0131\u00e7\n            \u00e7er\u00e7evesini olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-creative-process__item\">\n\n        <div class=\"reactio-creative-process__top\">\n          <span>02<\/span>\n          <b>MESSAGE<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-process__content\">\n\n          <small>\n            DEFINE THE COMMUNICATION\n          <\/small>\n\n          <h3>\n            MESAJI<br>\n            NETLE\u015eT\u0130R\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131n\u0131n kreatifi g\u00f6rd\u00fc\u011f\u00fcnde ne anlamas\u0131,\n            ne hissetmesi ve hangi aksiyonu ger\u00e7ekle\u015ftirmesi\n            gerekti\u011fini belirleyerek ileti\u015fim mesaj\u0131n\u0131\n            sadele\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-creative-process__item\">\n\n        <div class=\"reactio-creative-process__top\">\n          <span>03<\/span>\n          <b>CONCEPT<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-process__content\">\n\n          <small>\n            BUILD THE IDEA\n          <\/small>\n\n          <h3>\n            KONSEPT\u0130<br>\n            OLU\u015eTUR\n          <\/h3>\n\n          <p>\n            Mesaj\u0131 ve marka karakterini destekleyecek\n            kreatif fikirleri geli\u015ftiriyor; kampanyan\u0131n\n            g\u00f6rsel d\u00fcnyas\u0131n\u0131 ta\u015f\u0131yacak ana konsepti\n            olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-creative-process__item\">\n\n        <div class=\"reactio-creative-process__top\">\n          <span>04<\/span>\n          <b>VISUAL DIRECTION<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-process__content\">\n\n          <small>\n            DEFINE THE LOOK & FEEL\n          <\/small>\n\n          <h3>\n            G\u00d6RSEL<br>\n            Y\u00d6N\u00dc BEL\u0130RLE\n          <\/h3>\n\n          <p>\n            Renk, tipografi, kompozisyon, g\u00f6rsel se\u00e7imleri\n            ve tasar\u0131m yakla\u015f\u0131m\u0131n\u0131 belirleyerek kampanyan\u0131n\n            tutarl\u0131 bir look & feel yap\u0131s\u0131na sahip olmas\u0131n\u0131\n            sa\u011fl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-creative-process__item\">\n\n        <div class=\"reactio-creative-process__top\">\n          <span>05<\/span>\n          <b>DESIGN & ADAPT<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-process__content\">\n\n          <small>\n            CREATE AND SCALE\n          <\/small>\n\n          <h3>\n            TASARLA.<br>\n            UYARLA.\n          <\/h3>\n\n          <p>\n            Ana kreatifi olu\u015fturuyor; ard\u0131ndan sosyal medya,\n            reklam, banner, e-ticaret ve di\u011fer mecralar i\u00e7in\n            farkl\u0131 \u00f6l\u00e7\u00fc ve formatlara adapte ediyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-creative-process__item\">\n\n        <div class=\"reactio-creative-process__top\">\n          <span>06<\/span>\n          <b>DELIVERY<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-process__content\">\n\n          <small>\n            READY FOR USE\n          <\/small>\n\n          <h3>\n            KONTROL ET.<br>\n            TESL\u0130M ET.\n          <\/h3>\n\n          <p>\n            Tasar\u0131mlar\u0131 kullan\u0131m alanlar\u0131na g\u00f6re kontrol ediyor,\n            gerekli \u00f6l\u00e7\u00fc ve dosya formatlar\u0131nda haz\u0131rlayarak\n            yay\u0131na veya uygulamaya haz\u0131r \u015fekilde teslim ediyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- STATEMENT -->\n    <div class=\"reactio-creative-process__statement\">\n\n      <span>\n        STRATEGY BEFORE EXECUTION\n      <\/span>\n\n      <h3>\n        \u00d6NCE F\u0130KR\u0130<br>\n        NETLE\u015eT\u0130R.<br>\n        <strong>SONRA TASARLA.<\/strong>\n      <\/h3>\n\n      <p>\n        G\u00fc\u00e7l\u00fc kreatif i\u015fler yaln\u0131zca h\u0131zl\u0131 tasar\u0131m \u00fcretiminden\n        \u00e7\u0131kmaz. Mesaj\u0131n, hedefin ve g\u00f6rsel y\u00f6n\u00fcn ba\u015ftan\n        netle\u015ftirilmesi; tasar\u0131m\u0131n farkl\u0131 platformlarda\n        daha tutarl\u0131 ve etkili \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flar.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-creative-process__bottom\">\n\n      <span>\n        FROM BRIEF TO FINAL ASSET\n      <\/span>\n\n      <strong>\n        BRIEF \u2192 MESSAGE \u2192 CONCEPT \u2192 DIRECTION \u2192 DESIGN \u2192 DELIVERY\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-creative-process{\n  width:100%;\n  overflow:hidden;\n\n  background:#f3f0e9;\n  color:#080808;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-creative-process *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-creative-process__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-creative-process__header{\n  margin-bottom:85px;\n}\n\n.reactio-creative-process__eyebrow{\n  display:block;\n\n  margin-bottom:24px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-creative-process__header h2{\n  margin:0;\n\n  max-width:1350px;\n\n  font-size:clamp(60px,7vw,125px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n}\n\n.reactio-creative-process__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:1.5px #080808;\n}\n\n.reactio-creative-process__header > p{\n  max-width:720px;\n\n  margin:40px 0 0;\n\n  font-size:17px;\n\n  line-height:1.7;\n\n  color:rgba(8,8,8,.58);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-creative-process__grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  border-top:1px solid rgba(8,8,8,.16);\n  border-bottom:1px solid rgba(8,8,8,.16);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-creative-process__item{\n  min-height:365px;\n\n  padding:30px;\n\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n\n  border-right:1px solid rgba(8,8,8,.16);\n  border-bottom:1px solid rgba(8,8,8,.16);\n\n  transition:\n    background .4s ease,\n    color .4s ease;\n}\n\n.reactio-creative-process__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-creative-process__item:nth-child(n+4){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-creative-process__top{\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-creative-process__top span,\n.reactio-creative-process__top b{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(8,8,8,.35);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-creative-process__content{\n  margin-top:80px;\n}\n\n.reactio-creative-process__content small{\n  display:block;\n\n  margin-bottom:12px;\n\n  font-size:8px;\n  font-weight:900;\n\n  letter-spacing:1.4px;\n\n  color:rgba(8,8,8,.35);\n\n  transition:.4s ease;\n}\n\n.reactio-creative-process__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(34px,3.2vw,52px);\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n\n  transition:.4s ease;\n}\n\n.reactio-creative-process__item p{\n  max-width:360px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n  color:rgba(8,8,8,.55);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-creative-process__item:hover{\n  background:#080808;\n\n  color:#fff;\n}\n\n.reactio-creative-process__item:hover\n.reactio-creative-process__top span,\n\n.reactio-creative-process__item:hover\n.reactio-creative-process__top b,\n\n.reactio-creative-process__item:hover\n.reactio-creative-process__content small{\n  color:rgba(255,255,255,.4);\n}\n\n.reactio-creative-process__item:hover h3{\n  color:#fff !important;\n}\n\n.reactio-creative-process__item:hover p{\n  color:rgba(255,255,255,.55);\n}\n\n\n\/* =====================================================\n   STATEMENT\n===================================================== *\/\n\n.reactio-creative-process__statement{\n  margin-top:110px;\n\n  padding:70px 0;\n\n  border-top:1px solid rgba(8,8,8,.15);\n  border-bottom:1px solid rgba(8,8,8,.15);\n}\n\n.reactio-creative-process__statement > span{\n  display:block;\n\n  margin-bottom:25px;\n\n  font-size:8px;\n  font-weight:900;\n\n  letter-spacing:1.8px;\n\n  color:rgba(8,8,8,.35);\n}\n\n.reactio-creative-process__statement h3{\n  max-width:1350px;\n\n  margin:0;\n\n  font-size:clamp(42px,5.5vw,90px);\n\n  line-height:.92;\n\n  letter-spacing:-.06em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n}\n\n.reactio-creative-process__statement h3 strong{\n  color:transparent;\n\n  -webkit-text-stroke:1.5px #080808;\n\n  font-weight:950;\n}\n\n.reactio-creative-process__statement p{\n  max-width:720px;\n\n  margin:35px 0 0;\n\n  font-size:15px;\n\n  line-height:1.75;\n\n  color:rgba(8,8,8,.55);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-creative-process__bottom{\n  margin-top:70px;\n\n  display:grid;\n\n  grid-template-columns:.35fr 1.65fr;\n\n  gap:60px;\n}\n\n.reactio-creative-process__bottom span{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(8,8,8,.35);\n}\n\n.reactio-creative-process__bottom strong{\n  font-size:clamp(21px,2.6vw,40px);\n\n  line-height:1.1;\n\n  letter-spacing:-.04em;\n\n  font-weight:950;\n\n  color:#080808;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-creative-process__container{\n    padding:100px 30px 105px;\n  }\n\n  .reactio-creative-process__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-creative-process__item{\n    border-right:1px solid rgba(8,8,8,.16) !important;\n    border-bottom:1px solid rgba(8,8,8,.16) !important;\n  }\n\n  .reactio-creative-process__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-creative-process__item:nth-child(5),\n  .reactio-creative-process__item:nth-child(6){\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-creative-process__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-creative-process__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-creative-process__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-creative-process__header h2 span{\n    -webkit-text-stroke:1px #080808;\n  }\n\n  .reactio-creative-process__header > p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-creative-process__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-creative-process__item{\n    min-height:285px;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n\n    border-bottom:1px solid rgba(8,8,8,.16) !important;\n  }\n\n  .reactio-creative-process__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-creative-process__content{\n    margin-top:55px;\n  }\n\n  .reactio-creative-process__item h3{\n    font-size:40px;\n  }\n\n  .reactio-creative-process__item p{\n    font-size:14px;\n  }\n\n  .reactio-creative-process__statement{\n    margin-top:70px;\n\n    padding:50px 0;\n  }\n\n  .reactio-creative-process__statement h3{\n    font-size:clamp(36px,10vw,50px);\n\n    line-height:.95;\n  }\n\n  .reactio-creative-process__statement h3 strong{\n    -webkit-text-stroke:1px #080808;\n  }\n\n  .reactio-creative-process__statement p{\n    margin-top:28px;\n\n    font-size:14px;\n  }\n\n  .reactio-creative-process__bottom{\n    margin-top:55px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-creative-process__bottom strong{\n    font-size:24px;\n\n    line-height:1.2;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c4802d2 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"c4802d2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b2c63c8 dark-color\" data-id=\"b2c63c8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5e4be0d elementor-widget elementor-widget-html\" data-id=\"5e4be0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-creative-problems\">\n\n  <div class=\"reactio-creative-problems__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-creative-problems__header\">\n\n      <span class=\"reactio-creative-problems__eyebrow\">\n        CREATIVE WARNING SIGNS\n      <\/span>\n\n      <h2>\n        LOOKS DIFFERENT.<br>\n        FEELS DISCONNECTED.<br>\n        <span>THAT'S THE PROBLEM.<\/span>\n      <\/h2>\n\n      <p>\n        Kreatiflerin tek tek iyi g\u00f6r\u00fcnmesi yeterli de\u011fildir.\n        Marka dili, mesaj, g\u00f6rsel b\u00fct\u00fcnl\u00fck ve platform uyumu\n        birlikte \u00e7al\u0131\u015fm\u0131yorsa ileti\u015fim da\u011f\u0131n\u0131k g\u00f6r\u00fcn\u00fcr ve\n        markan\u0131n hat\u0131rlanabilirli\u011fi zay\u0131flar.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- GRID -->\n    <div class=\"reactio-creative-problems__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-creative-problems__item\">\n\n        <div class=\"reactio-creative-problems__top\">\n          <span>01<\/span>\n          <b>BRAND CONSISTENCY<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-problems__content\">\n\n          <small>EVERYTHING LOOKS DIFFERENT<\/small>\n\n          <h3>\n            MARKA D\u0130L\u0130<br>\n            DA\u011eINIK\n          <\/h3>\n\n          <p>\n            Sosyal medya, reklam, banner ve di\u011fer g\u00f6rseller\n            birbirinden farkl\u0131 dillerde haz\u0131rlan\u0131yorsa\n            markan\u0131n tan\u0131nabilirli\u011fi ve g\u00f6rsel b\u00fct\u00fcnl\u00fc\u011f\u00fc\n            zay\u0131flayabilir.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-creative-problems__item\">\n\n        <div class=\"reactio-creative-problems__top\">\n          <span>02<\/span>\n          <b>ATTENTION<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-problems__content\">\n\n          <small>THE VISUAL GETS IGNORED<\/small>\n\n          <h3>\n            G\u00d6RSELLER<br>\n            D\u0130KKAT \u00c7EKM\u0130YOR\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131 yo\u011fun bir i\u00e7erik ak\u0131\u015f\u0131 i\u00e7erisinde\n            kreatifi fark etmiyorsa renk, kompozisyon,\n            tipografi ve mesaj hiyerar\u015fisinin yeniden\n            de\u011ferlendirilmesi gerekebilir.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-creative-problems__item\">\n\n        <div class=\"reactio-creative-problems__top\">\n          <span>03<\/span>\n          <b>PLATFORM FIT<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-problems__content\">\n\n          <small>ONE DESIGN FOR EVERY CHANNEL<\/small>\n\n          <h3>\n            HER PLATFORMDA<br>\n            AYNI TASARIM\n          <\/h3>\n\n          <p>\n            Sosyal medya, reklam ve web alanlar\u0131n\u0131n kullan\u0131m\n            al\u0131\u015fkanl\u0131klar\u0131 farkl\u0131d\u0131r. Ayn\u0131 tasar\u0131m\u0131 her\n            mecraya ta\u015f\u0131mak mesaj\u0131n etkisini ve okunabilirli\u011fini\n            zay\u0131flatabilir.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-creative-problems__item\">\n\n        <div class=\"reactio-creative-problems__top\">\n          <span>04<\/span>\n          <b>CTA<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-problems__content\">\n\n          <small>NO CLEAR NEXT STEP<\/small>\n\n          <h3>\n            CTA<br>\n            G\u00d6R\u00dcNM\u00dcYOR\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131 kreatifi g\u00f6rd\u00fc\u011f\u00fcnde ne yapmas\u0131\n            gerekti\u011fini anlayam\u0131yorsa tasar\u0131m yaln\u0131zca\n            g\u00f6r\u00fcnt\u00fclenir fakat hedeflenen aksiyonu\n            yeterince desteklemeyebilir.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-creative-problems__item\">\n\n        <div class=\"reactio-creative-problems__top\">\n          <span>05<\/span>\n          <b>CAMPAIGN SYSTEM<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-problems__content\">\n\n          <small>NO VISUAL CONTINUITY<\/small>\n\n          <h3>\n            KAMPANYA<br>\n            B\u00dcT\u00dcNL\u00dc\u011e\u00dc YOK\n          <\/h3>\n\n          <p>\n            Kampanyan\u0131n post, Story, reklam ve banner\n            uygulamalar\u0131 birbirinden kopuk g\u00f6r\u00fcn\u00fcyorsa\n            ana fikir kullan\u0131c\u0131 zihninde g\u00fc\u00e7l\u00fc bir\n            b\u00fct\u00fcnl\u00fck olu\u015fturamaz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-creative-problems__item\">\n\n        <div class=\"reactio-creative-problems__top\">\n          <span>06<\/span>\n          <b>MESSAGE<\/b>\n        <\/div>\n\n        <div class=\"reactio-creative-problems__content\">\n\n          <small>VISUAL WITHOUT COMMUNICATION<\/small>\n\n          <h3>\n            G\u00d6RSEL VAR.<br>\n            MESAJ YOK.\n          <\/h3>\n\n          <p>\n            Tasar\u0131m estetik g\u00f6r\u00fcnse bile \u00fcr\u00fcn\u00fcn, kampanyan\u0131n\n            veya markan\u0131n ne s\u00f6yledi\u011fi anla\u015f\u0131lm\u0131yorsa\n            kreatif ileti\u015fim g\u00f6revini tamamlam\u0131yor demektir.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- DIAGNOSIS -->\n    <div class=\"reactio-creative-problems__diagnosis\">\n\n      <div class=\"reactio-creative-problems__diagnosis-left\">\n\n        <span>\n          THE REAL CREATIVE QUESTION\n        <\/span>\n\n        <h3>\n          KULLANICI<br>\n          NEY\u0130<br>\n          <strong>HATIRLIYOR?<\/strong>\n        <\/h3>\n\n      <\/div>\n\n\n      <div class=\"reactio-creative-problems__diagnosis-right\">\n\n        <p>\n          Kullan\u0131c\u0131n\u0131n bir kreatifi g\u00f6rmesi ile markay\u0131\n          hat\u0131rlamas\u0131 ayn\u0131 \u015fey de\u011fildir. G\u00fc\u00e7l\u00fc g\u00f6rsel ileti\u015fim,\n          dikkat \u00e7ekmenin ard\u0131ndan mesaj\u0131n ve marka karakterinin\n          kullan\u0131c\u0131 zihninde kalmas\u0131n\u0131 sa\u011flamal\u0131d\u0131r.\n        <\/p>\n\n        <p>\n          Bu nedenle kreatifleri tek tek tasar\u0131mlar olarak de\u011fil,\n          zaman i\u00e7erisinde marka alg\u0131s\u0131n\u0131 olu\u015fturan ortak bir\n          g\u00f6rsel sistemin par\u00e7alar\u0131 olarak de\u011ferlendiriyoruz.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- METRICS -->\n    <div class=\"reactio-creative-problems__metrics\">\n\n      <div class=\"reactio-creative-problems__metric\">\n        <span>01<\/span>\n        <strong>ATTENTION<\/strong>\n        <p>Kreatif fark ediliyor mu?<\/p>\n      <\/div>\n\n      <div class=\"reactio-creative-problems__metric\">\n        <span>02<\/span>\n        <strong>MESSAGE<\/strong>\n        <p>Mesaj h\u0131zl\u0131 anla\u015f\u0131l\u0131yor mu?<\/p>\n      <\/div>\n\n      <div class=\"reactio-creative-problems__metric\">\n        <span>03<\/span>\n        <strong>BRAND<\/strong>\n        <p>G\u00f6rsel markaya ait hissettiriyor mu?<\/p>\n      <\/div>\n\n      <div class=\"reactio-creative-problems__metric\">\n        <span>04<\/span>\n        <strong>ACTION<\/strong>\n        <p>Kullan\u0131c\u0131 ne yapaca\u011f\u0131n\u0131 biliyor mu?<\/p>\n      <\/div>\n\n    <\/div>\n\n\n    <!-- STATEMENT -->\n    <div class=\"reactio-creative-problems__statement\">\n\n      <span>\n        GOOD LOOKING IS NOT ENOUGH\n      <\/span>\n\n      <h3>\n        SADECE G\u00dcZEL<br>\n        G\u00d6R\u00dcNMES\u0130N.<br>\n        <strong>B\u0130R \u015eEY S\u00d6YLES\u0130N.<\/strong>\n      <\/h3>\n\n      <p>\n        Kreatif tasar\u0131m\u0131n de\u011feri yaln\u0131zca estetik kalitesinden\n        gelmez. Kullan\u0131c\u0131n\u0131n dikkatini \u00e7ekmesi, mesaj\u0131 net\n        anlatmas\u0131, marka alg\u0131s\u0131n\u0131 g\u00fc\u00e7lendirmesi ve hedeflenen\n        aksiyona katk\u0131 sa\u011flamas\u0131 gerekir.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-creative-problems__bottom\">\n\n      <span>\n        CREATE CONSISTENT VISUAL COMMUNICATION\n      <\/span>\n\n      <strong>\n        ATTENTION \u2192 MESSAGE \u2192 BRAND \u2192 ACTION \u2192 MEMORY\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-creative-problems{\n  width:100%;\n  overflow:hidden;\n\n  background:#080808;\n  color:#fff;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-creative-problems *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-creative-problems__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px 125px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-creative-problems__header{\n  margin-bottom:85px;\n}\n\n.reactio-creative-problems__eyebrow{\n  display:block;\n\n  margin-bottom:24px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(255,255,255,.38);\n}\n\n.reactio-creative-problems__header h2{\n  margin:0;\n\n  max-width:1400px;\n\n  font-size:clamp(58px,7vw,125px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-creative-problems__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:2px #fff;\n}\n\n.reactio-creative-problems__header > p{\n  max-width:720px;\n\n  margin:40px 0 0;\n\n  font-size:17px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.52);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-creative-problems__grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  border-top:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-creative-problems__item{\n  min-height:365px;\n\n  padding:30px;\n\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n\n  border-right:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n\n  transition:\n    background .4s ease,\n    color .4s ease;\n}\n\n.reactio-creative-problems__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-creative-problems__item:nth-child(n+4){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-creative-problems__top{\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-creative-problems__top span,\n.reactio-creative-problems__top b{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(255,255,255,.35);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-creative-problems__content{\n  margin-top:75px;\n}\n\n.reactio-creative-problems__content small{\n  display:block;\n\n  margin-bottom:12px;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.3px;\n\n  color:rgba(255,255,255,.35);\n\n  transition:.4s ease;\n}\n\n.reactio-creative-problems__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(32px,3vw,49px);\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n\n  transition:.4s ease;\n}\n\n.reactio-creative-problems__item p{\n  max-width:360px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.5);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-creative-problems__item:hover{\n  background:#f3f0e9;\n\n  color:#080808;\n}\n\n.reactio-creative-problems__item:hover\n.reactio-creative-problems__top span,\n\n.reactio-creative-problems__item:hover\n.reactio-creative-problems__top b,\n\n.reactio-creative-problems__item:hover\n.reactio-creative-problems__content small{\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-creative-problems__item:hover h3{\n  color:#080808 !important;\n}\n\n.reactio-creative-problems__item:hover p{\n  color:rgba(8,8,8,.56);\n}\n\n\n\/* =====================================================\n   DIAGNOSIS\n===================================================== *\/\n\n.reactio-creative-problems__diagnosis{\n  margin-top:110px;\n\n  padding:70px 0;\n\n  display:grid;\n\n  grid-template-columns:1fr .75fr;\n\n  gap:100px;\n\n  align-items:end;\n\n  border-top:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n}\n\n.reactio-creative-problems__diagnosis-left > span{\n  display:block;\n\n  margin-bottom:25px;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.8px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-creative-problems__diagnosis h3{\n  margin:0;\n\n  font-size:clamp(45px,5.5vw,90px);\n\n  line-height:.9;\n\n  letter-spacing:-.06em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-creative-problems__diagnosis h3 strong{\n  color:transparent;\n\n  -webkit-text-stroke:1.5px #fff;\n}\n\n.reactio-creative-problems__diagnosis-right p{\n  max-width:620px;\n\n  margin:0 0 17px;\n\n  font-size:15px;\n\n  line-height:1.75;\n\n  color:rgba(255,255,255,.5);\n}\n\n.reactio-creative-problems__diagnosis-right p:last-child{\n  margin-bottom:0;\n}\n\n\n\/* =====================================================\n   METRICS\n===================================================== *\/\n\n.reactio-creative-problems__metrics{\n  display:grid;\n\n  grid-template-columns:repeat(4,1fr);\n\n  margin-top:70px;\n\n  border-top:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n}\n\n.reactio-creative-problems__metric{\n  min-height:180px;\n\n  padding:25px;\n\n  border-right:1px solid rgba(255,255,255,.15);\n}\n\n.reactio-creative-problems__metric:last-child{\n  border-right:0;\n}\n\n.reactio-creative-problems__metric span{\n  display:block;\n\n  margin-bottom:42px;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  color:rgba(255,255,255,.3);\n}\n\n.reactio-creative-problems__metric strong{\n  display:block;\n\n  margin-bottom:9px;\n\n  font-size:18px;\n\n  letter-spacing:-.02em;\n\n  font-weight:950;\n\n  color:#fff;\n}\n\n.reactio-creative-problems__metric p{\n  margin:0;\n\n  font-size:12px;\n\n  line-height:1.6;\n\n  color:rgba(255,255,255,.45);\n}\n\n\n\/* =====================================================\n   STATEMENT\n===================================================== *\/\n\n.reactio-creative-problems__statement{\n  margin-top:100px;\n\n  padding:70px 0;\n\n  border-top:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n}\n\n.reactio-creative-problems__statement > span{\n  display:block;\n\n  margin-bottom:25px;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.8px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-creative-problems__statement h3{\n  max-width:1350px;\n\n  margin:0;\n\n  font-size:clamp(42px,5.5vw,90px);\n\n  line-height:.92;\n\n  letter-spacing:-.06em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-creative-problems__statement h3 strong{\n  color:transparent;\n\n  -webkit-text-stroke:1.5px #fff;\n}\n\n.reactio-creative-problems__statement p{\n  max-width:720px;\n\n  margin:35px 0 0;\n\n  font-size:15px;\n\n  line-height:1.75;\n\n  color:rgba(255,255,255,.5);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-creative-problems__bottom{\n  margin-top:70px;\n\n  display:grid;\n\n  grid-template-columns:.35fr 1.65fr;\n\n  gap:60px;\n}\n\n.reactio-creative-problems__bottom span{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-creative-problems__bottom strong{\n  font-size:clamp(21px,2.5vw,40px);\n\n  line-height:1.1;\n\n  letter-spacing:-.04em;\n\n  font-weight:950;\n\n  color:#fff;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-creative-problems__container{\n    padding:100px 30px 105px;\n  }\n\n  .reactio-creative-problems__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-creative-problems__item{\n    border-right:1px solid rgba(255,255,255,.15) !important;\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-creative-problems__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-creative-problems__item:nth-child(5),\n  .reactio-creative-problems__item:nth-child(6){\n    border-bottom:0 !important;\n  }\n\n  .reactio-creative-problems__diagnosis{\n    grid-template-columns:1fr;\n\n    gap:45px;\n  }\n\n  .reactio-creative-problems__metrics{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-creative-problems__metric:nth-child(2n){\n    border-right:0;\n  }\n\n  .reactio-creative-problems__metric:nth-child(1),\n  .reactio-creative-problems__metric:nth-child(2){\n    border-bottom:1px solid rgba(255,255,255,.15);\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-creative-problems__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-creative-problems__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-creative-problems__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-creative-problems__header h2 span{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-creative-problems__header > p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-creative-problems__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-creative-problems__item{\n    min-height:285px;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-creative-problems__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-creative-problems__content{\n    margin-top:55px;\n  }\n\n  .reactio-creative-problems__item h3{\n    font-size:39px;\n  }\n\n  .reactio-creative-problems__item p{\n    font-size:14px;\n  }\n\n  .reactio-creative-problems__diagnosis{\n    margin-top:70px;\n\n    padding:50px 0;\n\n    grid-template-columns:1fr;\n\n    gap:40px;\n  }\n\n  .reactio-creative-problems__diagnosis h3{\n    font-size:clamp(38px,11vw,53px);\n  }\n\n  .reactio-creative-problems__diagnosis h3 strong{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-creative-problems__diagnosis-right p{\n    font-size:14px;\n  }\n\n  .reactio-creative-problems__metrics{\n    grid-template-columns:1fr;\n\n    margin-top:55px;\n  }\n\n  .reactio-creative-problems__metric{\n    min-height:auto;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-creative-problems__metric:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-creative-problems__metric span{\n    margin-bottom:25px;\n  }\n\n  .reactio-creative-problems__statement{\n    margin-top:70px;\n\n    padding:50px 0;\n  }\n\n  .reactio-creative-problems__statement h3{\n    font-size:clamp(36px,10vw,50px);\n\n    line-height:.95;\n  }\n\n  .reactio-creative-problems__statement h3 strong{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-creative-problems__statement p{\n    margin-top:28px;\n\n    font-size:14px;\n  }\n\n  .reactio-creative-problems__bottom{\n    margin-top:55px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-creative-problems__bottom strong{\n    font-size:23px;\n\n    line-height:1.2;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e257394 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"e257394\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-414d8ce dark-color\" data-id=\"414d8ce\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e18b9c elementor-widget elementor-widget-html\" data-id=\"3e18b9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-creative-faq\">\n\n  <div class=\"reactio-creative-faq__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-creative-faq__header\">\n\n      <span class=\"reactio-creative-faq__eyebrow\">\n        CREATIVE DESIGN FAQ\n      <\/span>\n\n      <h2>\n        IDEA.<br>\n        VISUAL.<br>\n        <span>ANSWERS.<\/span>\n      <\/h2>\n\n      <p>\n        Kreatif tasar\u0131m, reklam g\u00f6rselleri, sosyal medya\n        tasar\u0131mlar\u0131, kampanya key visual \u00e7al\u0131\u015fmalar\u0131,\n        banner adaptasyonlar\u0131 ve teslim s\u00fcre\u00e7leri hakk\u0131nda\n        s\u0131k sorulan sorular\u0131 yan\u0131tl\u0131yoruz.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- FAQ LIST -->\n    <div class=\"reactio-creative-faq__list\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-creative-faq__item\">\n\n        <button class=\"reactio-creative-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-creative-faq__number\">01<\/span>\n\n          <span class=\"reactio-creative-faq__title\">\n            Kreatif tasar\u0131m nedir?\n          <\/span>\n\n          <span class=\"reactio-creative-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-creative-faq__answer\">\n\n          <div class=\"reactio-creative-faq__answer-inner\">\n\n            <p>\n              Kreatif tasar\u0131m; markan\u0131n mesaj\u0131n\u0131, kampanya hedefini\n              ve g\u00f6rsel kimli\u011fini bir araya getirerek dijital\n              ileti\u015fim materyallerinin olu\u015fturulmas\u0131 s\u00fcrecidir.\n            <\/p>\n\n            <p>\n              Ama\u00e7 yaln\u0131zca estetik bir g\u00f6rsel \u00fcretmek de\u011fil,\n              dikkat \u00e7eken, mesaj\u0131 h\u0131zl\u0131 anlatan ve markan\u0131n\n              alg\u0131s\u0131n\u0131 destekleyen kreatifler olu\u015fturmakt\u0131r.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-creative-faq__item\">\n\n        <button class=\"reactio-creative-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-creative-faq__number\">02<\/span>\n\n          <span class=\"reactio-creative-faq__title\">\n            Sosyal medya g\u00f6rselleri haz\u0131rl\u0131yor musunuz?\n          <\/span>\n\n          <span class=\"reactio-creative-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-creative-faq__answer\">\n\n          <div class=\"reactio-creative-faq__answer-inner\">\n\n            <p>\n              Evet. Instagram, Facebook ve di\u011fer sosyal medya\n              platformlar\u0131 i\u00e7in post, carousel, Story, Reels kapa\u011f\u0131\n              ve kampanya g\u00f6rselleri haz\u0131rlanabilir.\n            <\/p>\n\n            <p>\n              Tasar\u0131mlar\u0131 markan\u0131n mevcut g\u00f6rsel kimli\u011fi ve\n              ileti\u015fim diliyle uyumlu \u015fekilde planl\u0131yoruz.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-creative-faq__item\">\n\n        <button class=\"reactio-creative-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-creative-faq__number\">03<\/span>\n\n          <span class=\"reactio-creative-faq__title\">\n            Meta Ads ve Google Ads i\u00e7in reklam kreatifi haz\u0131rl\u0131yor musunuz?\n          <\/span>\n\n          <span class=\"reactio-creative-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-creative-faq__answer\">\n\n          <div class=\"reactio-creative-faq__answer-inner\">\n\n            <p>\n              Evet. Meta Ads, Google Display ve di\u011fer dijital\n              reklam kanallar\u0131 i\u00e7in farkl\u0131 \u00f6l\u00e7\u00fc ve kullan\u0131m\n              alanlar\u0131na uygun reklam kreatifleri haz\u0131rlanabilir.\n            <\/p>\n\n            <p>\n              Reklam g\u00f6rsellerinde mesaj, g\u00f6rsel hiyerar\u015fi,\n              CTA ve platform yap\u0131s\u0131n\u0131 birlikte de\u011ferlendiriyoruz.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-creative-faq__item\">\n\n        <button class=\"reactio-creative-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-creative-faq__number\">04<\/span>\n\n          <span class=\"reactio-creative-faq__title\">\n            Key visual nedir?\n          <\/span>\n\n          <span class=\"reactio-creative-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-creative-faq__answer\">\n\n          <div class=\"reactio-creative-faq__answer-inner\">\n\n            <p>\n              Key visual, bir kampanyan\u0131n ana g\u00f6rsel dilini\n              ve temel kreatif yakla\u015f\u0131m\u0131n\u0131 belirleyen ana\n              tasar\u0131m yap\u0131s\u0131d\u0131r.\n            <\/p>\n\n            <p>\n              Bu ana yap\u0131 daha sonra sosyal medya, reklam,\n              banner, Story ve di\u011fer formatlara adapte edilerek\n              kampanya b\u00fct\u00fcnl\u00fc\u011f\u00fc korunabilir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-creative-faq__item\">\n\n        <button class=\"reactio-creative-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-creative-faq__number\">05<\/span>\n\n          <span class=\"reactio-creative-faq__title\">\n            Tasar\u0131mlar\u0131 farkl\u0131 \u00f6l\u00e7\u00fclere adapte ediyor musunuz?\n          <\/span>\n\n          <span class=\"reactio-creative-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-creative-faq__answer\">\n\n          <div class=\"reactio-creative-faq__answer-inner\">\n\n            <p>\n              Evet. Ana kreatif farkl\u0131 sosyal medya \u00f6l\u00e7\u00fclerine,\n              web banner alanlar\u0131na, reklam formatlar\u0131na ve\n              di\u011fer kullan\u0131m alanlar\u0131na adapte edilebilir.\n            <\/p>\n\n            <p>\n              Adaptasyon s\u0131ras\u0131nda yaln\u0131zca \u00f6l\u00e7\u00fcy\u00fc de\u011fi\u015ftirmiyor,\n              kompozisyonu ve okunabilirli\u011fi de kullan\u0131lan\n              formata g\u00f6re yeniden de\u011ferlendiriyoruz.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-creative-faq__item\">\n\n        <button class=\"reactio-creative-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-creative-faq__number\">06<\/span>\n\n          <span class=\"reactio-creative-faq__title\">\n            Markam\u0131z\u0131n haz\u0131r kurumsal kimli\u011fi varsa kullanabilir misiniz?\n          <\/span>\n\n          <span class=\"reactio-creative-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-creative-faq__answer\">\n\n          <div class=\"reactio-creative-faq__answer-inner\">\n\n            <p>\n              Evet. Mevcut logo, renk paleti, tipografi,\n              marka k\u0131lavuzu ve g\u00f6rsel kurallar \u00fczerinden\n              kreatif tasar\u0131mlar haz\u0131rlanabilir.\n            <\/p>\n\n            <p>\n              Amac\u0131m\u0131z mevcut marka kimli\u011fini korurken\n              dijital kullan\u0131m alanlar\u0131nda daha tutarl\u0131\n              bir kreatif sistem olu\u015fturmakt\u0131r.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 07 -->\n      <div class=\"reactio-creative-faq__item\">\n\n        <button class=\"reactio-creative-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-creative-faq__number\">07<\/span>\n\n          <span class=\"reactio-creative-faq__title\">\n            E-ticaret siteleri i\u00e7in kreatif tasar\u0131m yap\u0131yor musunuz?\n          <\/span>\n\n          <span class=\"reactio-creative-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-creative-faq__answer\">\n\n          <div class=\"reactio-creative-faq__answer-inner\">\n\n            <p>\n              Evet. E-ticaret projelerinde ana sayfa banner'lar\u0131,\n              kategori ve koleksiyon g\u00f6rselleri, indirim ileti\u015fimleri,\n              \u00fcr\u00fcn kampanyalar\u0131 ve reklam kreatifleri haz\u0131rlanabilir.\n            <\/p>\n\n            <p>\n              Shopify ve WooCommerce projelerinde kreatifleri\n              ma\u011fazan\u0131n g\u00f6rsel dili ve sat\u0131\u015f ileti\u015fimiyle\n              birlikte de\u011ferlendiriyoruz.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 08 -->\n      <div class=\"reactio-creative-faq__item\">\n\n        <button class=\"reactio-creative-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-creative-faq__number\">08<\/span>\n\n          <span class=\"reactio-creative-faq__title\">\n            Hareketli veya video kreatif haz\u0131rl\u0131yor musunuz?\n          <\/span>\n\n          <span class=\"reactio-creative-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-creative-faq__answer\">\n\n          <div class=\"reactio-creative-faq__answer-inner\">\n\n            <p>\n              Proje kapsam\u0131na g\u00f6re k\u0131sa animasyon, motion\n              yakla\u015f\u0131m\u0131 ve hareketli dijital kreatifler\n              planlanabilir.\n            <\/p>\n\n            <p>\n              Video prod\u00fcksiyonu veya daha kapsaml\u0131 motion\n              \u00e7al\u0131\u015fmalar\u0131 ihtiya\u00e7lara g\u00f6re ayr\u0131ca\n              de\u011ferlendirilir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 09 -->\n      <div class=\"reactio-creative-faq__item\">\n\n        <button class=\"reactio-creative-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-creative-faq__number\">09<\/span>\n\n          <span class=\"reactio-creative-faq__title\">\n            Kreatif tasar\u0131m s\u00fcrecinde revizyon yap\u0131l\u0131yor mu?\n          <\/span>\n\n          <span class=\"reactio-creative-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-creative-faq__answer\">\n\n          <div class=\"reactio-creative-faq__answer-inner\">\n\n            <p>\n              Evet. Tasar\u0131m s\u00fcrecinde belirlenen proje kapsam\u0131\n              i\u00e7erisinde geri bildirimler de\u011ferlendirilerek\n              gerekli revizyonlar yap\u0131labilir.\n            <\/p>\n\n            <p>\n              S\u00fcrecin daha kontroll\u00fc ilerlemesi i\u00e7in brief,\n              mesaj ve g\u00f6rsel y\u00f6n\u00fcn tasar\u0131m ba\u015flang\u0131c\u0131nda\n              m\u00fcmk\u00fcn oldu\u011funca netle\u015ftirilmesini \u00f6nemsiyoruz.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 10 -->\n      <div class=\"reactio-creative-faq__item\">\n\n        <button class=\"reactio-creative-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-creative-faq__number\">10<\/span>\n\n          <span class=\"reactio-creative-faq__title\">\n            Tasar\u0131mlar hangi formatlarda teslim edilir?\n          <\/span>\n\n          <span class=\"reactio-creative-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-creative-faq__answer\">\n\n          <div class=\"reactio-creative-faq__answer-inner\">\n\n            <p>\n              Teslim formatlar\u0131 tasar\u0131m\u0131n kullan\u0131laca\u011f\u0131 alana\n              g\u00f6re de\u011fi\u015febilir. Web ve sosyal medya i\u00e7in\n              JPG, PNG veya uygun dijital formatlar haz\u0131rlanabilir.\n            <\/p>\n\n            <p>\n              Proje kapsam\u0131na g\u00f6re d\u00fczenlenebilir kaynak dosyalar\n              veya farkl\u0131 \u00f6l\u00e7\u00fclerde adaptasyonlar da teslim\n              plan\u0131na dahil edilebilir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-creative-faq{\n  width:100%;\n  overflow:hidden;\n\n  background:#f3f0e9;\n  color:#080808;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-creative-faq *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-creative-faq__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-creative-faq__header{\n  margin-bottom:80px;\n}\n\n.reactio-creative-faq__eyebrow{\n  display:block;\n\n  margin-bottom:24px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-creative-faq__header h2{\n  margin:0;\n\n  max-width:1200px;\n\n  font-size:clamp(60px,7vw,125px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n}\n\n.reactio-creative-faq__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:1.5px #080808;\n}\n\n.reactio-creative-faq__header > p{\n  max-width:700px;\n\n  margin:40px 0 0;\n\n  font-size:17px;\n\n  line-height:1.7;\n\n  color:rgba(8,8,8,.58);\n}\n\n\n\/* =====================================================\n   FAQ LIST\n===================================================== *\/\n\n.reactio-creative-faq__list{\n  border-top:1px solid rgba(8,8,8,.16);\n}\n\n.reactio-creative-faq__item{\n  border-bottom:1px solid rgba(8,8,8,.16);\n}\n\n\n\/* =====================================================\n   QUESTION\n===================================================== *\/\n\n.reactio-creative-faq__question{\n  width:100%;\n\n  padding:27px 0;\n\n  display:grid;\n\n  grid-template-columns:70px 1fr 50px;\n\n  align-items:center;\n\n  gap:20px;\n\n  border:0;\n  outline:0;\n\n  background:transparent;\n\n  cursor:pointer;\n\n  text-align:left;\n\n  font-family:inherit;\n\n  color:#080808;\n}\n\n.reactio-creative-faq__number{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1px;\n\n  color:rgba(8,8,8,.35);\n}\n\n.reactio-creative-faq__title{\n  font-size:clamp(19px,2vw,30px);\n\n  line-height:1.15;\n\n  letter-spacing:-.03em;\n\n  font-weight:850;\n\n  color:#080808;\n}\n\n.reactio-creative-faq__icon{\n  width:40px;\n  height:40px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  justify-self:end;\n\n  border:1px solid rgba(8,8,8,.18);\n\n  border-radius:50%;\n\n  font-size:21px;\n\n  font-weight:300;\n\n  color:#080808;\n\n  transition:\n    transform .35s ease,\n    background .35s ease,\n    color .35s ease;\n}\n\n\n\/* =====================================================\n   ANSWER\n===================================================== *\/\n\n.reactio-creative-faq__answer{\n  max-height:0;\n\n  overflow:hidden;\n\n  transition:max-height .45s ease;\n}\n\n.reactio-creative-faq__answer-inner{\n  max-width:850px;\n\n  margin-left:70px;\n\n  padding:0 0 32px;\n}\n\n.reactio-creative-faq__answer p{\n  margin:0 0 13px;\n\n  font-size:15px;\n\n  line-height:1.75;\n\n  color:rgba(8,8,8,.58);\n}\n\n.reactio-creative-faq__answer p:last-child{\n  margin-bottom:0;\n}\n\n\n\/* =====================================================\n   ACTIVE\n===================================================== *\/\n\n.reactio-creative-faq__item.active\n.reactio-creative-faq__icon{\n  transform:rotate(45deg);\n\n  background:#080808;\n\n  color:#fff;\n}\n\n.reactio-creative-faq__item.active\n.reactio-creative-faq__title{\n  font-weight:950;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-creative-faq__question:hover\n.reactio-creative-faq__icon{\n  background:#080808;\n\n  color:#fff;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-creative-faq__container{\n    padding:100px 30px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-creative-faq__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-creative-faq__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-creative-faq__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-creative-faq__header h2 span{\n    -webkit-text-stroke:1px #080808;\n  }\n\n  .reactio-creative-faq__header > p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-creative-faq__question{\n    grid-template-columns:35px 1fr 38px;\n\n    gap:12px;\n\n    padding:22px 0;\n  }\n\n  .reactio-creative-faq__title{\n    font-size:18px;\n\n    line-height:1.25;\n  }\n\n  .reactio-creative-faq__icon{\n    width:34px;\n    height:34px;\n\n    font-size:18px;\n  }\n\n  .reactio-creative-faq__answer-inner{\n    margin-left:47px;\n\n    padding-bottom:25px;\n  }\n\n  .reactio-creative-faq__answer p{\n    font-size:14px;\n\n    line-height:1.7;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const creativeFaqItems =\n    document.querySelectorAll(\".reactio-creative-faq__item\");\n\n  creativeFaqItems.forEach(function(item){\n\n    const question =\n      item.querySelector(\".reactio-creative-faq__question\");\n\n    const answer =\n      item.querySelector(\".reactio-creative-faq__answer\");\n\n    question.addEventListener(\"click\", function(){\n\n      const isOpen =\n        item.classList.contains(\"active\");\n\n      creativeFaqItems.forEach(function(otherItem){\n\n        const otherQuestion =\n          otherItem.querySelector(\".reactio-creative-faq__question\");\n\n        const otherAnswer =\n          otherItem.querySelector(\".reactio-creative-faq__answer\");\n\n        otherItem.classList.remove(\"active\");\n\n        otherQuestion.setAttribute(\n          \"aria-expanded\",\n          \"false\"\n        );\n\n        otherAnswer.style.maxHeight = null;\n\n      });\n\n      if(!isOpen){\n\n        item.classList.add(\"active\");\n\n        question.setAttribute(\n          \"aria-expanded\",\n          \"true\"\n        );\n\n        answer.style.maxHeight =\n          answer.scrollHeight + \"px\";\n\n      }\n\n    });\n\n  });\n\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CREATIVE DESIGN VISUALS WITH PURPOSE CREATE ATTENTION. SHAPE PERCEPTION. MAKE IT MEMORABLE. Kreatif tasar\u0131m\u0131 yaln\u0131zca estetik g\u00f6rseller \u00fcretmek olarak g\u00f6rm\u00fcyoruz. Marka dili, kampanya mesaj\u0131, hedef kitle, platform dinamikleri ve d\u00f6n\u00fc\u015f\u00fcm hedeflerini birlikte de\u011ferlendirerek dikkat \u00e7eken, anla\u015f\u0131l\u0131r ve marka alg\u0131s\u0131n\u0131 g\u00fc\u00e7lendiren g\u00f6rsel ileti\u015fim sistemleri olu\u015fturuyoruz. AD CREATIVES SOCIAL VISUALS CAMPAIGN KV BANNERS E-COMMERCE MOTION DIRECTION PROJEN\u0130 &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"cozystay_single_page_hide_site_header":"","cozystay_single_page_site_header_source":"","cozystay_single_page_custom_site_header":"","cozystay_single_page_custom_sticky_site_header":"","cozystay_single_page_hide_page_title":"on","cozystay_single_page_header_section_size":"","cozystay_single_page_header_background_color":"","cozystay_single_page_header_background_position_x":"center","cozystay_single_page_header_background_position_y":"center","cozystay_single_page_header_background_size":"cover","cozystay_single_page_header_background_repeat":"off","cozystay_single_page_header_background_scroll":"on","cozystay_single_page_header_text_color":"","cozystay_single_page_header_show_breadcrumb":"","cozystay_single_page_site_footer_hide_main":"","cozystay_single_custom_site_footer_main_source":"","cozystay_single_custom_site_footer_main":"","cozystay_single_page_site_footer_hide_above":"","cozystay_single_custom_site_footer_above_source":"","cozystay_single_custom_site_footer_above":"","cozystay_single_page_site_footer_hide_instagram":"","cozystay_single_page_site_footer_hide_bottom":"","cozystay_single_custom_mobile_menu_source":"","cozystay_single_custom_mobile_menu":"","cozystay_single_custom_mobile_menu_animation":"","cozystay_single_custom_mobile_menu_width":"","cozystay_single_custom_mobile_menu_custom_width":375,"footnotes":""},"class_list":["post-2509","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Kreatif Tasar\u0131m | Reklam &amp; Kampanya Tasar\u0131mlar\u0131 | Reactio<\/title>\n<meta name=\"description\" content=\"Sosyal medya, dijital reklam ve kampanyalar i\u00e7in markan\u0131z\u0131n g\u00f6rsel dilini g\u00fc\u00e7lendiren \u00f6zg\u00fcn ve dikkat \u00e7ekici kreatif tasar\u0131mlar \u00fcretiyoruz.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/testet.biz\/reactio\/kreatif-tasarim\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kreatif Tasar\u0131m | Reklam &amp; Kampanya Tasar\u0131mlar\u0131 | Reactio\" \/>\n<meta property=\"og:description\" content=\"Sosyal medya, dijital reklam ve kampanyalar i\u00e7in markan\u0131z\u0131n g\u00f6rsel dilini g\u00fc\u00e7lendiren \u00f6zg\u00fcn ve dikkat \u00e7ekici kreatif tasar\u0131mlar \u00fcretiyoruz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/testet.biz\/reactio\/kreatif-tasarim\/\" \/>\n<meta property=\"og:site_name\" content=\"REACTIO\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-19T14:23:06+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/kreatif-tasarim\\\/\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/kreatif-tasarim\\\/\",\"name\":\"Kreatif Tasar\u0131m | Reklam & Kampanya Tasar\u0131mlar\u0131 | Reactio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#website\"},\"datePublished\":\"2026-08-19T13:30:53+00:00\",\"dateModified\":\"2026-08-19T14:23:06+00:00\",\"description\":\"Sosyal medya, dijital reklam ve kampanyalar i\u00e7in markan\u0131z\u0131n g\u00f6rsel dilini g\u00fc\u00e7lendiren \u00f6zg\u00fcn ve dikkat \u00e7ekici kreatif tasar\u0131mlar \u00fcretiyoruz.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/kreatif-tasarim\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/testet.biz\\\/reactio\\\/kreatif-tasarim\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/kreatif-tasarim\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kreatif Tasar\u0131m\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#website\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/\",\"name\":\"REACTIO\",\"description\":\"Digital Products. Real Growth.\",\"publisher\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#organization\",\"name\":\"REACTIO\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo.png\",\"width\":230,\"height\":53,\"caption\":\"REACTIO\"},\"image\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kreatif Tasar\u0131m | Reklam & Kampanya Tasar\u0131mlar\u0131 | Reactio","description":"Sosyal medya, dijital reklam ve kampanyalar i\u00e7in markan\u0131z\u0131n g\u00f6rsel dilini g\u00fc\u00e7lendiren \u00f6zg\u00fcn ve dikkat \u00e7ekici kreatif tasar\u0131mlar \u00fcretiyoruz.","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:\/\/testet.biz\/reactio\/kreatif-tasarim\/","og_locale":"tr_TR","og_type":"article","og_title":"Kreatif Tasar\u0131m | Reklam & Kampanya Tasar\u0131mlar\u0131 | Reactio","og_description":"Sosyal medya, dijital reklam ve kampanyalar i\u00e7in markan\u0131z\u0131n g\u00f6rsel dilini g\u00fc\u00e7lendiren \u00f6zg\u00fcn ve dikkat \u00e7ekici kreatif tasar\u0131mlar \u00fcretiyoruz.","og_url":"https:\/\/testet.biz\/reactio\/kreatif-tasarim\/","og_site_name":"REACTIO","article_modified_time":"2026-08-19T14:23:06+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tahmini okuma s\u00fcresi":"10 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/testet.biz\/reactio\/kreatif-tasarim\/","url":"https:\/\/testet.biz\/reactio\/kreatif-tasarim\/","name":"Kreatif Tasar\u0131m | Reklam & Kampanya Tasar\u0131mlar\u0131 | Reactio","isPartOf":{"@id":"https:\/\/testet.biz\/reactio\/#website"},"datePublished":"2026-08-19T13:30:53+00:00","dateModified":"2026-08-19T14:23:06+00:00","description":"Sosyal medya, dijital reklam ve kampanyalar i\u00e7in markan\u0131z\u0131n g\u00f6rsel dilini g\u00fc\u00e7lendiren \u00f6zg\u00fcn ve dikkat \u00e7ekici kreatif tasar\u0131mlar \u00fcretiyoruz.","breadcrumb":{"@id":"https:\/\/testet.biz\/reactio\/kreatif-tasarim\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/testet.biz\/reactio\/kreatif-tasarim\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/testet.biz\/reactio\/kreatif-tasarim\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/testet.biz\/reactio\/"},{"@type":"ListItem","position":2,"name":"Kreatif Tasar\u0131m"}]},{"@type":"WebSite","@id":"https:\/\/testet.biz\/reactio\/#website","url":"https:\/\/testet.biz\/reactio\/","name":"REACTIO","description":"Digital Products. Real Growth.","publisher":{"@id":"https:\/\/testet.biz\/reactio\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/testet.biz\/reactio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/testet.biz\/reactio\/#organization","name":"REACTIO","url":"https:\/\/testet.biz\/reactio\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/testet.biz\/reactio\/#\/schema\/logo\/image\/","url":"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/logo.png","contentUrl":"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/logo.png","width":230,"height":53,"caption":"REACTIO"},"image":{"@id":"https:\/\/testet.biz\/reactio\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages\/2509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/comments?post=2509"}],"version-history":[{"count":6,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages\/2509\/revisions"}],"predecessor-version":[{"id":2580,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages\/2509\/revisions\/2580"}],"wp:attachment":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/media?parent=2509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}