{"id":2515,"date":"2026-08-19T13:35:34","date_gmt":"2026-08-19T13:35:34","guid":{"rendered":"https:\/\/testet.biz\/reactio\/?page_id=2515"},"modified":"2026-08-19T14:23:32","modified_gmt":"2026-08-19T14:23:32","slug":"kurumsal-kimlik","status":"publish","type":"page","link":"https:\/\/testet.biz\/reactio\/kurumsal-kimlik\/","title":{"rendered":"Kurumsal Kimlik"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2515\" class=\"elementor elementor-2515\">\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-brand-hero\">\n\n  <div class=\"reactio-brand-hero__container\">\n\n    <!-- TOP -->\n    <div class=\"reactio-brand-hero__top\">\n\n      <span class=\"reactio-brand-hero__eyebrow\">\n        CORPORATE IDENTITY\n      <\/span>\n\n      <span class=\"reactio-brand-hero__status\">\n        <i><\/i>\n        BUILD A RECOGNIZABLE BRAND\n      <\/span>\n\n    <\/div>\n\n\n    <!-- MAIN -->\n    <div class=\"reactio-brand-hero__content\">\n\n      <h1>\n        DEFINE THE BRAND.<br>\n        BUILD THE SYSTEM.<br>\n        <span>CREATE RECOGNITION.<\/span>\n      <\/h1>\n\n\n      <div class=\"reactio-brand-hero__bottom\">\n\n        <div class=\"reactio-brand-hero__copy\">\n\n          <p>\n            Kurumsal kimli\u011fi yaln\u0131zca logo tasar\u0131m\u0131 olarak\n            g\u00f6rm\u00fcyoruz. Renk, tipografi, g\u00f6rsel dil, kurumsal\n            materyaller ve kullan\u0131m standartlar\u0131n\u0131 birlikte\n            ele alarak markan\u0131n t\u00fcm temas noktalar\u0131nda tutarl\u0131,\n            profesyonel ve tan\u0131nabilir bir kimlik olu\u015fturuyoruz.\n          <\/p>\n\n          <div class=\"reactio-brand-hero__tags\">\n\n            <span>LOGO SYSTEM<\/span>\n            <span>COLOR PALETTE<\/span>\n            <span>TYPOGRAPHY<\/span>\n            <span>BRAND GUIDELINES<\/span>\n            <span>CORPORATE MATERIALS<\/span>\n            <span>DIGITAL ASSETS<\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <a href=\"https:\/\/reactio.com.tr\/iletisim\/\"\n           class=\"reactio-brand-hero__button\">\n\n          <span>\n            MARKANI 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-brand-hero__metrics\">\n\n      <div class=\"reactio-brand-hero__metric\">\n\n        <span>01<\/span>\n\n        <div>\n          <small>POSITION<\/small>\n          <strong>MARKAYI TANIMLA<\/strong>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"reactio-brand-hero__metric\">\n\n        <span>02<\/span>\n\n        <div>\n          <small>IDENTITY<\/small>\n          <strong>K\u0130ML\u0130\u011e\u0130 OLU\u015eTUR<\/strong>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"reactio-brand-hero__metric\">\n\n        <span>03<\/span>\n\n        <div>\n          <small>SYSTEM<\/small>\n          <strong>S\u0130STEM\u0130 KUR<\/strong>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"reactio-brand-hero__metric\">\n\n        <span>04<\/span>\n\n        <div>\n          <small>RECOGNITION<\/small>\n          <strong>TANINIRLI\u011eI G\u00dc\u00c7LEND\u0130R<\/strong>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- FOOTER -->\n    <div class=\"reactio-brand-hero__footer\">\n\n      <span>\n        STRATEGY \u00b7 LOGO \u00b7 COLOR \u00b7 TYPE \u00b7 GUIDELINES \u00b7 APPLICATION\n      <\/span>\n\n      <strong>\n        BUILD A BRAND THAT FEELS CONSISTENT.\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-brand-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-brand-hero *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-brand-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-brand-hero__top{\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n.reactio-brand-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-brand-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-brand-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-brand-hero__content{\n  padding:65px 0 45px;\n}\n\n\n\/* =====================================================\n   H1\n===================================================== *\/\n\n.reactio-brand-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-brand-hero h1 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:2px #fff;\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-brand-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-brand-hero__copy{\n  max-width:800px;\n}\n\n.reactio-brand-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-brand-hero__tags{\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:7px;\n\n  margin-top:25px;\n}\n\n.reactio-brand-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-brand-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-brand-hero__button b{\n  font-size:19px;\n\n  font-weight:400;\n\n  transition:transform .35s ease;\n}\n\n.reactio-brand-hero__button:hover{\n  transform:translateY(-3px);\n}\n\n.reactio-brand-hero__button:hover b{\n  transform:translate(3px,-3px);\n}\n\n\n\/* =====================================================\n   METRICS\n===================================================== *\/\n\n.reactio-brand-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-brand-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-brand-hero__metric:last-child{\n  border-right:0;\n}\n\n.reactio-brand-hero__metric > span{\n  font-size:8px;\n\n  font-weight:900;\n\n  color:rgba(255,255,255,.28);\n}\n\n.reactio-brand-hero__metric div{\n  margin-top:auto;\n}\n\n.reactio-brand-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-brand-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-brand-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-brand-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-brand-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-brand-hero__container{\n    padding:42px 30px 32px;\n  }\n\n  .reactio-brand-hero__metrics{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-brand-hero__metric:nth-child(2){\n    border-right:0;\n  }\n\n  .reactio-brand-hero__metric:nth-child(1),\n  .reactio-brand-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-brand-hero{\n    min-height:auto;\n  }\n\n  .reactio-brand-hero__container{\n    min-height:auto;\n\n    padding:28px 20px 25px;\n  }\n\n  .reactio-brand-hero__eyebrow{\n    font-size:8px;\n  }\n\n  .reactio-brand-hero__status{\n    display:none;\n  }\n\n  .reactio-brand-hero__content{\n    padding:65px 0 45px;\n  }\n\n  .reactio-brand-hero h1{\n    font-size:clamp(39px,10.8vw,57px);\n\n    line-height:.85;\n  }\n\n  .reactio-brand-hero h1 span{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-brand-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-brand-hero__copy p{\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-brand-hero__button{\n    width:100%;\n  }\n\n  .reactio-brand-hero__metrics{\n    grid-template-columns:1fr;\n\n    margin-top:15px;\n    margin-bottom:30px;\n  }\n\n  .reactio-brand-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-brand-hero__metric:last-child{\n    border-bottom:0;\n  }\n\n  .reactio-brand-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-brand-approach\">\n\n  <div class=\"reactio-brand-approach__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-brand-approach__header\">\n\n      <div class=\"reactio-brand-approach__title\">\n\n        <span class=\"reactio-brand-approach__eyebrow\">\n          BRAND IDENTITY IS A SYSTEM\n        <\/span>\n\n        <h2>\n          LOGO TEK BA\u015eINA<br>\n          KURUMSAL K\u0130ML\u0130K<br>\n          <span>DE\u011e\u0130LD\u0130R.<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"reactio-brand-approach__intro\">\n\n        <span>\n          POSITIONING + IDENTITY + CONSISTENCY\n        <\/span>\n\n        <h3>\n          G\u00fc\u00e7l\u00fc marka, her yerde ayn\u0131 hissi verir.\n        <\/h3>\n\n        <p>\n          Kurumsal kimlik; logodan \u00e7ok daha fazlas\u0131d\u0131r.\n          Markan\u0131n nas\u0131l g\u00f6r\u00fcnd\u00fc\u011f\u00fc, hangi renkleri kulland\u0131\u011f\u0131,\n          hangi tipografiyle konu\u015ftu\u011fu ve farkl\u0131 mecralarda\n          nas\u0131l uyguland\u0131\u011f\u0131 b\u00fct\u00fcnsel olarak ele al\u0131nmal\u0131d\u0131r.\n        <\/p>\n\n        <p>\n          Bu nedenle marka kimli\u011fini birbirinden ba\u011f\u0131ms\u0131z\n          tasar\u0131m par\u00e7alar\u0131 olarak de\u011fil; t\u00fcm temas noktalar\u0131nda\n          ayn\u0131 karakteri koruyan, \u00f6l\u00e7eklenebilir ve tutarl\u0131\n          bir g\u00f6rsel sistem olarak tasarl\u0131yoruz.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- GRID -->\n    <div class=\"reactio-brand-approach__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-brand-approach__item\">\n\n        <div class=\"reactio-brand-approach__top\">\n          <span>01<\/span>\n          <small>POSITIONING<\/small>\n        <\/div>\n\n        <div class=\"reactio-brand-approach__content\">\n\n          <h3>\n            MARKA<br>\n            KONUMLANDIRMASI\n          <\/h3>\n\n          <p>\n            Markan\u0131n sekt\u00f6rde nas\u0131l alg\u0131lanmas\u0131 gerekti\u011fini,\n            hangi karakteri ta\u015f\u0131d\u0131\u011f\u0131n\u0131 ve hedef kitlesine\n            nas\u0131l g\u00f6r\u00fcnmesi gerekti\u011fini netle\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-brand-approach__item\">\n\n        <div class=\"reactio-brand-approach__top\">\n          <span>02<\/span>\n          <small>LOGO SYSTEM<\/small>\n        <\/div>\n\n        <div class=\"reactio-brand-approach__content\">\n\n          <h3>\n            LOGO<br>\n            S\u0130STEM\u0130\n          <\/h3>\n\n          <p>\n            Ana logo, alternatif kullan\u0131mlar ve farkl\u0131\n            boyutlarda ihtiya\u00e7 duyulan varyasyonlar\u0131\n            planlayarak logonun her kullan\u0131m alan\u0131nda\n            do\u011fru \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011fl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-brand-approach__item\">\n\n        <div class=\"reactio-brand-approach__top\">\n          <span>03<\/span>\n          <small>COLOR<\/small>\n        <\/div>\n\n        <div class=\"reactio-brand-approach__content\">\n\n          <h3>\n            RENK<br>\n            S\u0130STEM\u0130\n          <\/h3>\n\n          <p>\n            Ana ve destekleyici renkleri belirleyerek\n            markan\u0131n farkl\u0131 temas noktalar\u0131nda tutarl\u0131\n            ve tan\u0131nabilir bir renk dili kullanmas\u0131n\u0131\n            sa\u011fl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-brand-approach__item\">\n\n        <div class=\"reactio-brand-approach__top\">\n          <span>04<\/span>\n          <small>TYPOGRAPHY<\/small>\n        <\/div>\n\n        <div class=\"reactio-brand-approach__content\">\n\n          <h3>\n            T\u0130POGRAF\u0130\n          <\/h3>\n\n          <p>\n            Ba\u015fl\u0131k, g\u00f6vde metni ve yard\u0131mc\u0131 kullan\u0131mlarda\n            kullan\u0131lacak yaz\u0131 karakterlerini belirleyerek\n            markan\u0131n ileti\u015fim dilini g\u00f6rsel olarak\n            standardize ediyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-brand-approach__item\">\n\n        <div class=\"reactio-brand-approach__top\">\n          <span>05<\/span>\n          <small>VISUAL LANGUAGE<\/small>\n        <\/div>\n\n        <div class=\"reactio-brand-approach__content\">\n\n          <h3>\n            G\u00d6RSEL<br>\n            D\u0130L\n          <\/h3>\n\n          <p>\n            G\u00f6rsel se\u00e7imleri, kompozisyon yakla\u015f\u0131m\u0131,\n            grafik elemanlar ve tasar\u0131m karakterini\n            markan\u0131n genel alg\u0131s\u0131n\u0131 destekleyecek\n            \u015fekilde tan\u0131ml\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-brand-approach__item\">\n\n        <div class=\"reactio-brand-approach__top\">\n          <span>06<\/span>\n          <small>CONSISTENCY<\/small>\n        <\/div>\n\n        <div class=\"reactio-brand-approach__content\">\n\n          <h3>\n            TUTARLILIK\n          <\/h3>\n\n          <p>\n            Web sitesi, sosyal medya, sunum, kartvizit,\n            dok\u00fcman ve di\u011fer uygulamalar\u0131n ayn\u0131 marka\n            sistemine ba\u011fl\u0131 kalmas\u0131n\u0131 sa\u011flayacak\n            standartlar\u0131 olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- STATEMENT -->\n    <div class=\"reactio-brand-approach__statement\">\n\n      <span>\n        CONSISTENCY BUILDS RECOGNITION\n      <\/span>\n\n      <h3>\n        TEK B\u0130R LOGO DE\u011e\u0130L.<br>\n        TEK B\u0130R RENK DE\u011e\u0130L.<br>\n        <strong>B\u00dcT\u00dcN B\u0130R MARKA S\u0130STEM\u0130.<\/strong>\n      <\/h3>\n\n      <p>\n        Kurumsal kimli\u011fin g\u00fcc\u00fc, tek tek tasar\u0131m par\u00e7alar\u0131n\u0131n\n        kalitesinden de\u011fil; b\u00fct\u00fcn bu par\u00e7alar\u0131n birlikte\n        ayn\u0131 karakteri ta\u015f\u0131mas\u0131ndan gelir. Ama\u00e7 markan\u0131n\n        her temas noktas\u0131nda ayn\u0131 g\u00f6r\u00fcnmesi, ayn\u0131 hissi\n        vermesi ve zaman i\u00e7erisinde tan\u0131nabilir hale gelmesidir.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- FLOW -->\n    <div class=\"reactio-brand-approach__flow\">\n\n      <div>\n        <span>01<\/span>\n        <small>POSITION<\/small>\n        <strong>TANIMLA<\/strong>\n      <\/div>\n\n      <i>\u2192<\/i>\n\n      <div>\n        <span>02<\/span>\n        <small>IDENTITY<\/small>\n        <strong>TASARLA<\/strong>\n      <\/div>\n\n      <i>\u2192<\/i>\n\n      <div>\n        <span>03<\/span>\n        <small>SYSTEM<\/small>\n        <strong>STANDARD\u0130ZE ET<\/strong>\n      <\/div>\n\n      <i>\u2192<\/i>\n\n      <div>\n        <span>04<\/span>\n        <small>RECOGNITION<\/small>\n        <strong>HATIRLAN<\/strong>\n      <\/div>\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-brand-approach__bottom\">\n\n      <span>\n        BUILD A CONSISTENT BRAND\n      <\/span>\n\n      <strong>\n        POSITION \u2192 IDENTIFY \u2192 STANDARDIZE \u2192 APPLY \u2192 RECOGNIZE\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-brand-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-brand-approach *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-brand-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-brand-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-brand-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-brand-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-brand-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-brand-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-brand-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-brand-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-brand-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-brand-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-brand-approach__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-brand-approach__item:nth-child(n+4){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-brand-approach__top{\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-brand-approach__top span,\n.reactio-brand-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-brand-approach__content{\n  margin-top:75px;\n}\n\n.reactio-brand-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-brand-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-brand-approach__item:hover{\n  background:#080808;\n\n  color:#fff;\n}\n\n.reactio-brand-approach__item:hover\n.reactio-brand-approach__top span,\n\n.reactio-brand-approach__item:hover\n.reactio-brand-approach__top small{\n  color:rgba(255,255,255,.4);\n}\n\n.reactio-brand-approach__item:hover h3{\n  color:#fff !important;\n}\n\n.reactio-brand-approach__item:hover p{\n  color:rgba(255,255,255,.55);\n}\n\n\n\/* =====================================================\n   STATEMENT\n===================================================== *\/\n\n.reactio-brand-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-brand-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-brand-approach__statement h3{\n  max-width:1400px;\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-brand-approach__statement h3 strong{\n  color:transparent;\n\n  -webkit-text-stroke:1.5px #080808;\n\n  font-weight:950;\n}\n\n.reactio-brand-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-brand-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-brand-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-brand-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-brand-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-brand-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-brand-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-brand-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-brand-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-brand-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-brand-approach__container{\n    padding:100px 30px;\n  }\n\n  .reactio-brand-approach__header{\n    grid-template-columns:1fr;\n\n    gap:50px;\n  }\n\n  .reactio-brand-approach__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-brand-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-brand-approach__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-brand-approach__item:nth-child(5),\n  .reactio-brand-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-brand-approach__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-brand-approach__header{\n    margin-bottom:60px;\n\n    gap:40px;\n  }\n\n  .reactio-brand-approach__title h2{\n    font-size:clamp(38px,10.5vw,55px);\n\n    line-height:.88;\n  }\n\n  .reactio-brand-approach__title h2 span{\n    -webkit-text-stroke:1px #080808;\n  }\n\n  .reactio-brand-approach__intro h3{\n    font-size:29px;\n  }\n\n  .reactio-brand-approach__intro p{\n    font-size:14px;\n  }\n\n  .reactio-brand-approach__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-brand-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-brand-approach__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-brand-approach__content{\n    margin-top:55px;\n  }\n\n  .reactio-brand-approach__item h3{\n    font-size:40px;\n  }\n\n  .reactio-brand-approach__item p{\n    font-size:14px;\n  }\n\n  .reactio-brand-approach__statement{\n    margin-top:70px;\n\n    padding:50px 0;\n  }\n\n  .reactio-brand-approach__statement h3{\n    font-size:clamp(36px,10vw,50px);\n\n    line-height:.95;\n  }\n\n  .reactio-brand-approach__statement h3 strong{\n    -webkit-text-stroke:1px #080808;\n  }\n\n  .reactio-brand-approach__statement p{\n    margin-top:28px;\n\n    font-size:14px;\n  }\n\n  .reactio-brand-approach__flow{\n    grid-template-columns:1fr;\n\n    gap:0;\n\n    padding:0;\n\n    border-bottom:0;\n  }\n\n  .reactio-brand-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-brand-approach__flow i{\n    display:none;\n  }\n\n  .reactio-brand-approach__flow div strong{\n    font-size:26px;\n  }\n\n  .reactio-brand-approach__bottom{\n    margin-top:55px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-brand-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-brand-services\">\n\n  <div class=\"reactio-brand-services__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-brand-services__header\">\n\n      <span class=\"reactio-brand-services__eyebrow\">\n        CORPORATE IDENTITY SERVICES\n      <\/span>\n\n      <h2>\n        DEFINE THE LOOK.<br>\n        BUILD THE SYSTEM.<br>\n        <span>APPLY IT EVERYWHERE.<\/span>\n      <\/h2>\n\n      <p>\n        Logo sisteminden renk paletine, tipografiden marka\n        k\u0131lavuzuna ve kurumsal materyallere kadar markan\u0131n\n        t\u00fcm g\u00f6rsel temas noktalar\u0131n\u0131 ayn\u0131 kimlik sistemi\n        i\u00e7erisinde tasarl\u0131yoruz.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- GRID -->\n    <div class=\"reactio-brand-services__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-brand-services__item\">\n\n        <div class=\"reactio-brand-services__top\">\n          <span>01<\/span>\n          <b>LOGO SYSTEM<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-services__content\">\n\n          <h3>\n            LOGO<br>\n            S\u0130STEM\u0130\n          <\/h3>\n\n          <p>\n            Ana logo, alternatif logo kullan\u0131mlar\u0131,\n            yatay-dikey varyasyonlar ve farkl\u0131 \u00f6l\u00e7\u00fclerde\n            ihtiya\u00e7 duyulan uygulamalar\u0131 planl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-brand-services__item\">\n\n        <div class=\"reactio-brand-services__top\">\n          <span>02<\/span>\n          <b>COLOR PALETTE<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-services__content\">\n\n          <h3>\n            RENK<br>\n            PALET\u0130\n          <\/h3>\n\n          <p>\n            Markan\u0131n ana ve yard\u0131mc\u0131 renklerini belirleyerek\n            dijital ve bas\u0131l\u0131 kullan\u0131mlarda tutarl\u0131 bir\n            renk sistemi olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-brand-services__item\">\n\n        <div class=\"reactio-brand-services__top\">\n          <span>03<\/span>\n          <b>TYPOGRAPHY<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-services__content\">\n\n          <h3>\n            T\u0130POGRAF\u0130<br>\n            S\u0130STEM\u0130\n          <\/h3>\n\n          <p>\n            Ba\u015fl\u0131k, g\u00f6vde ve yard\u0131mc\u0131 metinlerde kullan\u0131lacak\n            tipografi yap\u0131s\u0131n\u0131 belirleyerek markan\u0131n g\u00f6rsel\n            ileti\u015fim dilini standardize ediyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-brand-services__item\">\n\n        <div class=\"reactio-brand-services__top\">\n          <span>04<\/span>\n          <b>BRAND GUIDELINES<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-services__content\">\n\n          <h3>\n            MARKA<br>\n            KILAVUZU\n          <\/h3>\n\n          <p>\n            Logo kullan\u0131m\u0131, renk de\u011ferleri, tipografi,\n            bo\u015fluklar ve temel uygulama kurallar\u0131n\u0131\n            bir araya getirerek marka kullan\u0131m standartlar\u0131n\u0131\n            tan\u0131ml\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-brand-services__item\">\n\n        <div class=\"reactio-brand-services__top\">\n          <span>05<\/span>\n          <b>BUSINESS CARD<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-services__content\">\n\n          <h3>\n            KARTV\u0130Z\u0130T<br>\n            TASARIMI\n          <\/h3>\n\n          <p>\n            Kurumsal kimli\u011fin renk, tipografi ve logo\n            sistemini yans\u0131tan sade ve profesyonel\n            kartvizit tasar\u0131mlar\u0131 olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-brand-services__item\">\n\n        <div class=\"reactio-brand-services__top\">\n          <span>06<\/span>\n          <b>LETTERHEAD<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-services__content\">\n\n          <h3>\n            ANTETL\u0130 KA\u011eIT &<br>\n            DOK\u00dcMAN\n          <\/h3>\n\n          <p>\n            Teklif, yaz\u0131\u015fma ve resmi dok\u00fcmanlarda kullan\u0131lacak\n            antetli ka\u011f\u0131t ve temel kurumsal dok\u00fcman\n            \u015fablonlar\u0131n\u0131 marka kimli\u011fiyle uyumlu tasarl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 07 -->\n      <div class=\"reactio-brand-services__item\">\n\n        <div class=\"reactio-brand-services__top\">\n          <span>07<\/span>\n          <b>SOCIAL TEMPLATES<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-services__content\">\n\n          <h3>\n            SOSYAL MEDYA<br>\n            \u015eABLONLARI\n          <\/h3>\n\n          <p>\n            Markan\u0131n sosyal medya i\u00e7eriklerinde tekrar\n            kullanabilece\u011fi temel post, Story ve ileti\u015fim\n            \u015fablonlar\u0131n\u0131 kurumsal kimlik sistemiyle\n            uyumlu \u015fekilde haz\u0131rl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 08 -->\n      <div class=\"reactio-brand-services__item\">\n\n        <div class=\"reactio-brand-services__top\">\n          <span>08<\/span>\n          <b>PRESENTATION<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-services__content\">\n\n          <h3>\n            SUNUM<br>\n            \u015eABLONLARI\n          <\/h3>\n\n          <p>\n            Kurumsal sunum, teklif ve toplant\u0131larda\n            kullan\u0131labilecek temel sunum tasar\u0131m yap\u0131s\u0131n\u0131\n            markan\u0131n g\u00f6rsel sistemiyle uyumlu hale getiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 09 -->\n      <div class=\"reactio-brand-services__item\">\n\n        <div class=\"reactio-brand-services__top\">\n          <span>09<\/span>\n          <b>DIGITAL ASSETS<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-services__content\">\n\n          <h3>\n            D\u0130J\u0130TAL<br>\n            MARKA MATERYALLER\u0130\n          <\/h3>\n\n          <p>\n            Profil g\u00f6rselleri, kapaklar, favicon, dijital\n            dok\u00fcmanlar ve di\u011fer temel marka varl\u0131klar\u0131n\u0131\n            kurumsal kimlik sisteminin bir par\u00e7as\u0131 olarak\n            haz\u0131rl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- STATEMENT -->\n    <div class=\"reactio-brand-services__statement\">\n\n      <span>\n        ONE BRAND. EVERY TOUCHPOINT.\n      <\/span>\n\n      <h3>\n        WEB'DE AYNI.<br>\n        SOSYAL MEDYADA AYNI.<br>\n        <strong>HER YERDE AYNI MARKA.<\/strong>\n      <\/h3>\n\n      <p>\n        G\u00fc\u00e7l\u00fc kurumsal kimlik, markan\u0131n yaln\u0131zca logosunun\n        ayn\u0131 kalmas\u0131 de\u011fildir. Renk, tipografi, g\u00f6rsel dil\n        ve uygulama bi\u00e7iminin t\u00fcm temas noktalar\u0131nda\n        tutarl\u0131 \u015fekilde devam etmesidir.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-brand-services__bottom\">\n\n      <span>\n        END-TO-END CORPORATE IDENTITY\n      <\/span>\n\n      <strong>\n        LOGO \u2192 COLOR \u2192 TYPE \u2192 GUIDELINES \u2192 MATERIALS \u2192 APPLICATION\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-brand-services{\n  width:100%;\n  overflow:hidden;\n\n  color:#fff;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-brand-services *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-brand-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-brand-services__header{\n  margin-bottom:85px;\n}\n\n.reactio-brand-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-brand-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-brand-services__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:2px #fff;\n}\n\n.reactio-brand-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-brand-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-brand-services__item{\n  min-height:350px;\n\n  padding:28px;\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-brand-services__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-brand-services__item:nth-child(n+7){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-brand-services__top{\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-brand-services__top span,\n.reactio-brand-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-brand-services__content{\n  margin-top:75px;\n}\n\n.reactio-brand-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-brand-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-brand-services__item:hover{\n  background:#f3f0e9;\n\n  color:#080808;\n}\n\n.reactio-brand-services__item:hover\n.reactio-brand-services__top span,\n\n.reactio-brand-services__item:hover\n.reactio-brand-services__top b{\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-brand-services__item:hover h3{\n  color:#080808 !important;\n}\n\n.reactio-brand-services__item:hover p{\n  color:rgba(8,8,8,.56);\n}\n\n\n\/* =====================================================\n   STATEMENT\n===================================================== *\/\n\n.reactio-brand-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-brand-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-brand-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-brand-services__statement h3 strong{\n  color:transparent;\n\n  -webkit-text-stroke:1.5px #fff;\n\n  font-weight:950;\n}\n\n.reactio-brand-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-brand-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-brand-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-brand-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-brand-services__container{\n    padding:100px 30px 105px;\n  }\n\n  .reactio-brand-services__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-brand-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-brand-services__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-brand-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-brand-services__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-brand-services__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-brand-services__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-brand-services__header h2 span{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-brand-services__header > p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-brand-services__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-brand-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-brand-services__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-brand-services__content{\n    margin-top:55px;\n  }\n\n  .reactio-brand-services__item h3{\n    font-size:39px;\n  }\n\n  .reactio-brand-services__item p{\n    font-size:14px;\n  }\n\n  .reactio-brand-services__statement{\n    margin-top:70px;\n\n    padding:50px 0;\n  }\n\n  .reactio-brand-services__statement h3{\n    font-size:clamp(36px,10vw,50px);\n\n    line-height:.95;\n  }\n\n  .reactio-brand-services__statement h3 strong{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-brand-services__statement p{\n    margin-top:28px;\n\n    font-size:14px;\n  }\n\n  .reactio-brand-services__bottom{\n    margin-top:55px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-brand-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-brand-process\">\n\n  <div class=\"reactio-brand-process__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-brand-process__header\">\n\n      <span class=\"reactio-brand-process__eyebrow\">\n        CORPORATE IDENTITY PROCESS\n      <\/span>\n\n      <h2>\n        DISCOVER.<br>\n        DEFINE.<br>\n        <span>BUILD.<\/span>\n      <\/h2>\n\n      <p>\n        Kurumsal kimlik s\u00fcrecini yaln\u0131zca logo tasarlamak olarak\n        g\u00f6rm\u00fcyoruz. \u00d6nce markay\u0131 ve hedeflerini anlamaya \u00e7al\u0131\u015f\u0131yor,\n        ard\u0131ndan konumland\u0131rma, g\u00f6rsel y\u00f6n, kimlik sistemi ve\n        uygulama standartlar\u0131n\u0131 ad\u0131m ad\u0131m olu\u015fturuyoruz.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- PROCESS GRID -->\n    <div class=\"reactio-brand-process__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-brand-process__item\">\n\n        <div class=\"reactio-brand-process__top\">\n          <span>01<\/span>\n          <b>DISCOVER<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-process__content\">\n\n          <small>\n            UNDERSTAND THE BRAND\n          <\/small>\n\n          <h3>\n            MARKAYI<br>\n            ANLA\n          <\/h3>\n\n          <p>\n            \u0130\u015f modelini, sekt\u00f6r\u00fc, hedef kitleyi, rakipleri\n            ve markan\u0131n mevcut durumunu de\u011ferlendirerek\n            kurumsal kimlik \u00e7al\u0131\u015fmas\u0131n\u0131n 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-brand-process__item\">\n\n        <div class=\"reactio-brand-process__top\">\n          <span>02<\/span>\n          <b>POSITION<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-process__content\">\n\n          <small>\n            DEFINE THE POSITION\n          <\/small>\n\n          <h3>\n            MARKAYI<br>\n            KONUMLANDIR\n          <\/h3>\n\n          <p>\n            Markan\u0131n nas\u0131l alg\u0131lanmas\u0131 gerekti\u011fini,\n            hangi karakteri ta\u015f\u0131d\u0131\u011f\u0131n\u0131 ve hedef kitlesine\n            nas\u0131l g\u00f6r\u00fcnmesi gerekti\u011fini netle\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-brand-process__item\">\n\n        <div class=\"reactio-brand-process__top\">\n          <span>03<\/span>\n          <b>CONCEPT<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-process__content\">\n\n          <small>\n            BUILD THE VISUAL IDEA\n          <\/small>\n\n          <h3>\n            KONSEPT\u0130<br>\n            OLU\u015eTUR\n          <\/h3>\n\n          <p>\n            Marka karakterini destekleyecek g\u00f6rsel y\u00f6nleri\n            ara\u015ft\u0131r\u0131yor; renk, tipografi, form ve grafik\n            yakla\u015f\u0131m\u0131n\u0131 ta\u015f\u0131yacak temel konsepti geli\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-brand-process__item\">\n\n        <div class=\"reactio-brand-process__top\">\n          <span>04<\/span>\n          <b>IDENTITY<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-process__content\">\n\n          <small>\n            DESIGN THE IDENTITY\n          <\/small>\n\n          <h3>\n            K\u0130ML\u0130\u011e\u0130<br>\n            TASARLA\n          <\/h3>\n\n          <p>\n            Logo sistemi, renk paleti, tipografi ve temel\n            g\u00f6rsel dili olu\u015fturarak markan\u0131n ana kimlik\n            bile\u015fenlerini bir araya getiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-brand-process__item\">\n\n        <div class=\"reactio-brand-process__top\">\n          <span>05<\/span>\n          <b>SYSTEM<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-process__content\">\n\n          <small>\n            CREATE THE RULES\n          <\/small>\n\n          <h3>\n            S\u0130STEM\u0130<br>\n            KUR\n          <\/h3>\n\n          <p>\n            Logo kullan\u0131mlar\u0131, renk de\u011ferleri, tipografi,\n            kurumsal materyaller ve temel uygulama kurallar\u0131n\u0131\n            standardize ederek \u00f6l\u00e7eklenebilir bir marka sistemi\n            olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-brand-process__item\">\n\n        <div class=\"reactio-brand-process__top\">\n          <span>06<\/span>\n          <b>DELIVER<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-process__content\">\n\n          <small>\n            READY TO USE\n          <\/small>\n\n          <h3>\n            HAZIRLA.<br>\n            TESL\u0130M ET.\n          <\/h3>\n\n          <p>\n            Logo dosyalar\u0131, kurumsal materyaller, marka\n            k\u0131lavuzu ve dijital varl\u0131klar\u0131 gerekli formatlarda\n            d\u00fczenleyerek kullan\u0131ma 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-brand-process__statement\">\n\n      <span>\n        IDENTITY BEFORE APPLICATION\n      <\/span>\n\n      <h3>\n        \u00d6NCE MARKAYI<br>\n        TANIMLA.<br>\n        <strong>SONRA HER YERE UYGULA.<\/strong>\n      <\/h3>\n\n      <p>\n        Sa\u011flam bir kurumsal kimlik sistemi olu\u015fturulmadan\n        kartvizit, sosyal medya, web sitesi veya sunum gibi\n        uygulamalara ge\u00e7mek markan\u0131n da\u011f\u0131n\u0131k g\u00f6r\u00fcnmesine\n        neden olabilir. \u00d6nce sistemi kuruyor, ard\u0131ndan t\u00fcm\n        temas noktalar\u0131na tutarl\u0131 \u015fekilde uyarl\u0131yoruz.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-brand-process__bottom\">\n\n      <span>\n        FROM BRAND TO SYSTEM\n      <\/span>\n\n      <strong>\n        DISCOVER \u2192 POSITION \u2192 CONCEPT \u2192 IDENTITY \u2192 SYSTEM \u2192 DELIVER\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-brand-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-brand-process *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-brand-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-brand-process__header{\n  margin-bottom:85px;\n}\n\n.reactio-brand-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-brand-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-brand-process__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:1.5px #080808;\n}\n\n.reactio-brand-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-brand-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-brand-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-brand-process__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-brand-process__item:nth-child(n+4){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-brand-process__top{\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-brand-process__top span,\n.reactio-brand-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-brand-process__content{\n  margin-top:80px;\n}\n\n.reactio-brand-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-brand-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-brand-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-brand-process__item:hover{\n  background:#080808;\n\n  color:#fff;\n}\n\n.reactio-brand-process__item:hover\n.reactio-brand-process__top span,\n\n.reactio-brand-process__item:hover\n.reactio-brand-process__top b,\n\n.reactio-brand-process__item:hover\n.reactio-brand-process__content small{\n  color:rgba(255,255,255,.4);\n}\n\n.reactio-brand-process__item:hover h3{\n  color:#fff !important;\n}\n\n.reactio-brand-process__item:hover p{\n  color:rgba(255,255,255,.55);\n}\n\n\n\/* =====================================================\n   STATEMENT\n===================================================== *\/\n\n.reactio-brand-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-brand-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-brand-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-brand-process__statement h3 strong{\n  color:transparent;\n\n  -webkit-text-stroke:1.5px #080808;\n\n  font-weight:950;\n}\n\n.reactio-brand-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-brand-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-brand-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-brand-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-brand-process__container{\n    padding:100px 30px 105px;\n  }\n\n  .reactio-brand-process__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-brand-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-brand-process__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-brand-process__item:nth-child(5),\n  .reactio-brand-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-brand-process__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-brand-process__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-brand-process__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-brand-process__header h2 span{\n    -webkit-text-stroke:1px #080808;\n  }\n\n  .reactio-brand-process__header > p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-brand-process__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-brand-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-brand-process__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-brand-process__content{\n    margin-top:55px;\n  }\n\n  .reactio-brand-process__item h3{\n    font-size:40px;\n  }\n\n  .reactio-brand-process__item p{\n    font-size:14px;\n  }\n\n  .reactio-brand-process__statement{\n    margin-top:70px;\n\n    padding:50px 0;\n  }\n\n  .reactio-brand-process__statement h3{\n    font-size:clamp(36px,10vw,50px);\n\n    line-height:.95;\n  }\n\n  .reactio-brand-process__statement h3 strong{\n    -webkit-text-stroke:1px #080808;\n  }\n\n  .reactio-brand-process__statement p{\n    margin-top:28px;\n\n    font-size:14px;\n  }\n\n  .reactio-brand-process__bottom{\n    margin-top:55px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-brand-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-brand-problems\">\n\n  <div class=\"reactio-brand-problems__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-brand-problems__header\">\n\n      <span class=\"reactio-brand-problems__eyebrow\">\n        BRAND IDENTITY WARNING SIGNS\n      <\/span>\n\n      <h2>\n        YOU HAVE A LOGO.<br>\n        BUT DO YOU HAVE<br>\n        <span>A BRAND?<\/span>\n      <\/h2>\n\n      <p>\n        Bir logoya sahip olmak, g\u00fc\u00e7l\u00fc bir marka kimli\u011fine sahip\n        olmak anlam\u0131na gelmez. Renk, tipografi, g\u00f6rsel dil ve\n        uygulama standartlar\u0131 birbirinden kopuksa marka farkl\u0131\n        temas noktalar\u0131nda farkl\u0131 g\u00f6r\u00fcnmeye ba\u015flar.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- PROBLEMS GRID -->\n    <div class=\"reactio-brand-problems__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-brand-problems__item\">\n\n        <div class=\"reactio-brand-problems__top\">\n          <span>01<\/span>\n          <b>NO SYSTEM<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-problems__content\">\n\n          <small>A LOGO IS NOT A SYSTEM<\/small>\n\n          <h3>\n            LOGO VAR.<br>\n            S\u0130STEM YOK.\n          <\/h3>\n\n          <p>\n            Logo haz\u0131r olsa bile nas\u0131l kullan\u0131laca\u011f\u0131,\n            hangi varyasyonlar\u0131n tercih edilece\u011fi ve\n            farkl\u0131 alanlara nas\u0131l uygulanaca\u011f\u0131 belirli\n            de\u011filse marka b\u00fct\u00fcnl\u00fc\u011f\u00fc zamanla bozulabilir.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-brand-problems__item\">\n\n        <div class=\"reactio-brand-problems__top\">\n          <span>02<\/span>\n          <b>COLOR<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-problems__content\">\n\n          <small>EVERYWHERE A DIFFERENT COLOR<\/small>\n\n          <h3>\n            RENKLER<br>\n            DA\u011eINIK\n          <\/h3>\n\n          <p>\n            Web sitesi, sosyal medya, sunum ve bas\u0131l\u0131\n            materyallerde farkl\u0131 renk tonlar\u0131 kullan\u0131l\u0131yorsa\n            markan\u0131n g\u00f6rsel b\u00fct\u00fcnl\u00fc\u011f\u00fc ve tan\u0131nabilirli\u011fi\n            zay\u0131flayabilir.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-brand-problems__item\">\n\n        <div class=\"reactio-brand-problems__top\">\n          <span>03<\/span>\n          <b>CONSISTENCY<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-problems__content\">\n\n          <small>DIFFERENT BRAND. EVERY CHANNEL.<\/small>\n\n          <h3>\n            HER MECRADA<br>\n            FARKLI MARKA\n          <\/h3>\n\n          <p>\n            Web sitesi ba\u015fka, sosyal medya ba\u015fka,\n            sunumlar ve kurumsal dok\u00fcmanlar ba\u015fka bir\n            marka gibi g\u00f6r\u00fcn\u00fcyorsa kullan\u0131c\u0131 zihninde\n            g\u00fc\u00e7l\u00fc bir marka alg\u0131s\u0131 olu\u015fmas\u0131 zorla\u015f\u0131r.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-brand-problems__item\">\n\n        <div class=\"reactio-brand-problems__top\">\n          <span>04<\/span>\n          <b>TYPOGRAPHY<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-problems__content\">\n\n          <small>NO TYPOGRAPHIC STANDARD<\/small>\n\n          <h3>\n            T\u0130POGRAF\u0130<br>\n            STANDARDI YOK\n          <\/h3>\n\n          <p>\n            Her tasar\u0131mda farkl\u0131 yaz\u0131 karakterleri,\n            boyutlar ve metin hiyerar\u015fileri kullan\u0131lmas\u0131\n            markan\u0131n g\u00f6rsel karakterinin tutars\u0131z\n            g\u00f6r\u00fcnmesine neden olabilir.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-brand-problems__item\">\n\n        <div class=\"reactio-brand-problems__top\">\n          <span>05<\/span>\n          <b>APPLICATION<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-problems__content\">\n\n          <small>DISCONNECTED MATERIALS<\/small>\n\n          <h3>\n            MATERYALLER<br>\n            UYUMSUZ\n          <\/h3>\n\n          <p>\n            Kartvizit, teklif dosyas\u0131, sunum, sosyal medya\n            ve dijital materyaller ortak bir sistemden\n            \u00fcretilmiyorsa kurumsal ileti\u015fim par\u00e7al\u0131 ve\n            amat\u00f6r g\u00f6r\u00fcnebilir.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-brand-problems__item\">\n\n        <div class=\"reactio-brand-problems__top\">\n          <span>06<\/span>\n          <b>RECOGNITION<\/b>\n        <\/div>\n\n        <div class=\"reactio-brand-problems__content\">\n\n          <small>LOW BRAND RECOGNITION<\/small>\n\n          <h3>\n            MARKA<br>\n            TANINMIYOR\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131 logoyu g\u00f6rmeden tasar\u0131m\u0131n hangi\n            markaya ait oldu\u011funu anlayam\u0131yorsa g\u00fc\u00e7l\u00fc\n            ve ay\u0131rt edilebilir bir g\u00f6rsel kimlik sistemi\n            hen\u00fcz olu\u015fmam\u0131\u015f olabilir.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- DIAGNOSIS -->\n    <div class=\"reactio-brand-problems__diagnosis\">\n\n      <div class=\"reactio-brand-problems__diagnosis-left\">\n\n        <span>\n          THE BRAND TEST\n        <\/span>\n\n        <h3>\n          LOGOYU<br>\n          KALDIRSAK<br>\n          <strong>Y\u0130NE TANINIR MISIN?<\/strong>\n        <\/h3>\n\n      <\/div>\n\n\n      <div class=\"reactio-brand-problems__diagnosis-right\">\n\n        <p>\n          G\u00fc\u00e7l\u00fc markalar yaln\u0131zca logolar\u0131yla tan\u0131nmaz.\n          Renkleri, tipografileri, g\u00f6rsel yakla\u015f\u0131mlar\u0131 ve\n          ileti\u015fim bi\u00e7imleri de marka hakk\u0131nda g\u00fc\u00e7l\u00fc\n          ipu\u00e7lar\u0131 verir.\n        <\/p>\n\n        <p>\n          Kurumsal kimlik sisteminin amac\u0131, markan\u0131n t\u00fcm\n          bu unsurlar\u0131n\u0131 ortak bir karakter alt\u0131nda\n          birle\u015ftirerek kullan\u0131c\u0131 taraf\u0131ndan daha kolay\n          tan\u0131nmas\u0131n\u0131 ve hat\u0131rlanmas\u0131n\u0131 sa\u011flamakt\u0131r.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- BRAND CHECK -->\n    <div class=\"reactio-brand-problems__check\">\n\n      <div class=\"reactio-brand-problems__check-item\">\n        <span>01<\/span>\n        <strong>LOGO<\/strong>\n        <p>Her kullan\u0131mda do\u011fru uygulan\u0131yor mu?<\/p>\n      <\/div>\n\n      <div class=\"reactio-brand-problems__check-item\">\n        <span>02<\/span>\n        <strong>COLOR<\/strong>\n        <p>Marka renkleri standart m\u0131?<\/p>\n      <\/div>\n\n      <div class=\"reactio-brand-problems__check-item\">\n        <span>03<\/span>\n        <strong>TYPE<\/strong>\n        <p>Tipografi sistemi belirli mi?<\/p>\n      <\/div>\n\n      <div class=\"reactio-brand-problems__check-item\">\n        <span>04<\/span>\n        <strong>VISUAL<\/strong>\n        <p>G\u00f6rsel dil markaya \u00f6zg\u00fc m\u00fc?<\/p>\n      <\/div>\n\n      <div class=\"reactio-brand-problems__check-item\">\n        <span>05<\/span>\n        <strong>CONSISTENCY<\/strong>\n        <p>T\u00fcm mecralarda ayn\u0131 hissi veriyor mu?<\/p>\n      <\/div>\n\n    <\/div>\n\n\n    <!-- STATEMENT -->\n    <div class=\"reactio-brand-problems__statement\">\n\n      <span>\n        RECOGNITION COMES FROM CONSISTENCY\n      <\/span>\n\n      <h3>\n        AYNI G\u00d6R\u00dcN.<br>\n        AYNI H\u0130SSETT\u0130R.<br>\n        <strong>DAHA KOLAY HATIRLAN.<\/strong>\n      <\/h3>\n\n      <p>\n        Marka tan\u0131n\u0131rl\u0131\u011f\u0131 tek bir tasar\u0131mla olu\u015fmaz.\n        Kullan\u0131c\u0131n\u0131n markayla kar\u015f\u0131la\u015ft\u0131\u011f\u0131 her noktada\n        ayn\u0131 g\u00f6rsel karakterin tekrar edilmesi, zamanla\n        g\u00fc\u00e7l\u00fc ve tutarl\u0131 bir marka haf\u0131zas\u0131 olu\u015fturur.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-brand-problems__bottom\">\n\n      <span>\n        BUILD BRAND RECOGNITION\n      <\/span>\n\n      <strong>\n        CONSISTENCY \u2192 RECOGNITION \u2192 TRUST \u2192 BRAND VALUE\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-brand-problems{\n  width:100%;\n  overflow:hidden;\n  background:#080808;\n  color:#fff;\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-brand-problems *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-brand-problems__container{\n  width:100%;\n  max-width:1600px;\n  margin:0 auto;\n  padding:120px 50px 125px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-brand-problems__header{\n  margin-bottom:85px;\n}\n\n.reactio-brand-problems__eyebrow{\n  display:block;\n  margin-bottom:24px;\n\n  font-size:9px;\n  font-weight:900;\n  letter-spacing:2.2px;\n\n  color:rgba(255,255,255,.38);\n}\n\n.reactio-brand-problems__header h2{\n  max-width:1400px;\n  margin:0;\n\n  font-size:clamp(58px,7vw,125px);\n  line-height:.84;\n  letter-spacing:-.065em;\n\n  font-weight:950;\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-brand-problems__header h2 span{\n  color:transparent !important;\n  -webkit-text-stroke:2px #fff;\n}\n\n.reactio-brand-problems__header > p{\n  max-width:720px;\n  margin:40px 0 0;\n\n  font-size:17px;\n  line-height:1.7;\n\n  color:rgba(255,255,255,.52);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-brand-problems__grid{\n  display:grid;\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.reactio-brand-problems__item{\n  min-height:365px;\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:background .4s ease,color .4s ease;\n}\n\n.reactio-brand-problems__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-brand-problems__item:nth-child(n+4){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   ITEM TOP\n===================================================== *\/\n\n.reactio-brand-problems__top{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n}\n\n.reactio-brand-problems__top span,\n.reactio-brand-problems__top b{\n  font-size:8px;\n  font-weight:900;\n  letter-spacing:1.2px;\n\n  color:rgba(255,255,255,.35);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   ITEM CONTENT\n===================================================== *\/\n\n.reactio-brand-problems__content{\n  margin-top:75px;\n}\n\n.reactio-brand-problems__content small{\n  display:block;\n  margin-bottom:12px;\n\n  font-size:8px;\n  font-weight:900;\n  letter-spacing:1.3px;\n\n  color:rgba(255,255,255,.35);\n\n  transition:.4s ease;\n}\n\n.reactio-brand-problems__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(32px,3vw,49px);\n  line-height:.91;\n  letter-spacing:-.055em;\n\n  font-weight:950;\n  text-transform:uppercase;\n\n  color:#fff !important;\n\n  transition:.4s ease;\n}\n\n.reactio-brand-problems__item p{\n  max-width:360px;\n  margin:0;\n\n  font-size:13px;\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-brand-problems__item:hover{\n  background:#f3f0e9;\n  color:#080808;\n}\n\n.reactio-brand-problems__item:hover\n.reactio-brand-problems__top span,\n\n.reactio-brand-problems__item:hover\n.reactio-brand-problems__top b,\n\n.reactio-brand-problems__item:hover\n.reactio-brand-problems__content small{\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-brand-problems__item:hover h3{\n  color:#080808 !important;\n}\n\n.reactio-brand-problems__item:hover p{\n  color:rgba(8,8,8,.56);\n}\n\n\n\/* =====================================================\n   DIAGNOSIS\n===================================================== *\/\n\n.reactio-brand-problems__diagnosis{\n  margin-top:110px;\n  padding:70px 0;\n\n  display:grid;\n  grid-template-columns:1fr .75fr;\n\n  gap:100px;\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-brand-problems__diagnosis-left > span{\n  display:block;\n  margin-bottom:25px;\n\n  font-size:8px;\n  font-weight:900;\n  letter-spacing:1.8px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-brand-problems__diagnosis h3{\n  margin:0;\n\n  font-size:clamp(45px,5.5vw,90px);\n  line-height:.9;\n  letter-spacing:-.06em;\n\n  font-weight:950;\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-brand-problems__diagnosis h3 strong{\n  color:transparent;\n  -webkit-text-stroke:1.5px #fff;\n}\n\n.reactio-brand-problems__diagnosis-right p{\n  max-width:620px;\n  margin:0 0 17px;\n\n  font-size:15px;\n  line-height:1.75;\n\n  color:rgba(255,255,255,.5);\n}\n\n.reactio-brand-problems__diagnosis-right p:last-child{\n  margin-bottom:0;\n}\n\n\n\/* =====================================================\n   BRAND CHECK\n===================================================== *\/\n\n.reactio-brand-problems__check{\n  display:grid;\n  grid-template-columns:repeat(5,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-brand-problems__check-item{\n  min-height:185px;\n  padding:25px;\n\n  border-right:1px solid rgba(255,255,255,.15);\n}\n\n.reactio-brand-problems__check-item:last-child{\n  border-right:0;\n}\n\n.reactio-brand-problems__check-item span{\n  display:block;\n  margin-bottom:45px;\n\n  font-size:8px;\n  font-weight:900;\n\n  color:rgba(255,255,255,.3);\n}\n\n.reactio-brand-problems__check-item strong{\n  display:block;\n  margin-bottom:9px;\n\n  font-size:18px;\n  font-weight:950;\n\n  color:#fff;\n}\n\n.reactio-brand-problems__check-item p{\n  margin:0;\n\n  font-size:12px;\n  line-height:1.6;\n\n  color:rgba(255,255,255,.45);\n}\n\n\n\/* =====================================================\n   STATEMENT\n===================================================== *\/\n\n.reactio-brand-problems__statement{\n  margin-top:100px;\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-brand-problems__statement > span{\n  display:block;\n  margin-bottom:25px;\n\n  font-size:8px;\n  font-weight:900;\n  letter-spacing:1.8px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-brand-problems__statement h3{\n  max-width:1350px;\n  margin:0;\n\n  font-size:clamp(42px,5.5vw,90px);\n  line-height:.92;\n  letter-spacing:-.06em;\n\n  font-weight:950;\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-brand-problems__statement h3 strong{\n  color:transparent;\n  -webkit-text-stroke:1.5px #fff;\n\n  font-weight:950;\n}\n\n.reactio-brand-problems__statement p{\n  max-width:720px;\n  margin:35px 0 0;\n\n  font-size:15px;\n  line-height:1.75;\n\n  color:rgba(255,255,255,.5);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-brand-problems__bottom{\n  margin-top:70px;\n\n  display:grid;\n  grid-template-columns:.35fr 1.65fr;\n\n  gap:60px;\n}\n\n.reactio-brand-problems__bottom span{\n  font-size:8px;\n  font-weight:900;\n  letter-spacing:1.7px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-brand-problems__bottom strong{\n  font-size:clamp(21px,2.5vw,40px);\n  line-height:1.1;\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-brand-problems__container{\n    padding:100px 30px 105px;\n  }\n\n  .reactio-brand-problems__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-brand-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-brand-problems__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-brand-problems__item:nth-child(5),\n  .reactio-brand-problems__item:nth-child(6){\n    border-bottom:0 !important;\n  }\n\n  .reactio-brand-problems__diagnosis{\n    grid-template-columns:1fr;\n    gap:45px;\n  }\n\n  .reactio-brand-problems__check{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-brand-problems__check-item{\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-brand-problems__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-brand-problems__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-brand-problems__header h2{\n    font-size:clamp(43px,12vw,62px);\n    line-height:.87;\n  }\n\n  .reactio-brand-problems__header h2 span{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-brand-problems__header > p{\n    margin-top:28px;\n    font-size:15px;\n    line-height:1.6;\n  }\n\n  .reactio-brand-problems__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-brand-problems__item{\n    min-height:285px;\n    padding:25px 5px;\n\n    border-right:0 !important;\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-brand-problems__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-brand-problems__content{\n    margin-top:55px;\n  }\n\n  .reactio-brand-problems__item h3{\n    font-size:39px;\n  }\n\n  .reactio-brand-problems__item p{\n    font-size:14px;\n  }\n\n  .reactio-brand-problems__diagnosis{\n    margin-top:70px;\n    padding:50px 0;\n\n    grid-template-columns:1fr;\n    gap:40px;\n  }\n\n  .reactio-brand-problems__diagnosis h3{\n    font-size:clamp(38px,11vw,53px);\n  }\n\n  .reactio-brand-problems__diagnosis h3 strong{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-brand-problems__diagnosis-right p{\n    font-size:14px;\n  }\n\n  .reactio-brand-problems__check{\n    grid-template-columns:1fr;\n    margin-top:55px;\n  }\n\n  .reactio-brand-problems__check-item{\n    min-height:auto;\n    padding:25px 5px;\n\n    border-right:0;\n    border-bottom:1px solid rgba(255,255,255,.15);\n  }\n\n  .reactio-brand-problems__check-item:last-child{\n    border-bottom:0;\n  }\n\n  .reactio-brand-problems__check-item span{\n    margin-bottom:25px;\n  }\n\n  .reactio-brand-problems__statement{\n    margin-top:70px;\n    padding:50px 0;\n  }\n\n  .reactio-brand-problems__statement h3{\n    font-size:clamp(36px,10vw,50px);\n    line-height:.95;\n  }\n\n  .reactio-brand-problems__statement h3 strong{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-brand-problems__statement p{\n    margin-top:28px;\n    font-size:14px;\n  }\n\n  .reactio-brand-problems__bottom{\n    margin-top:55px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-brand-problems__bottom strong{\n    font-size:23px;\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-brand-faq\">\n\n  <div class=\"reactio-brand-faq__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-brand-faq__header\">\n\n      <span class=\"reactio-brand-faq__eyebrow\">\n        CORPORATE IDENTITY FAQ\n      <\/span>\n\n      <h2>\n        IDENTITY.<br>\n        SYSTEM.<br>\n        <span>ANSWERS.<\/span>\n      <\/h2>\n\n      <p>\n        Kurumsal kimlik, logo tasar\u0131m\u0131, marka k\u0131lavuzu,\n        renk ve tipografi sistemi, kurumsal materyaller,\n        teslim formatlar\u0131 ve revizyon 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-brand-faq__list\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-brand-faq__item\">\n\n        <button class=\"reactio-brand-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-brand-faq__number\">01<\/span>\n\n          <span class=\"reactio-brand-faq__title\">\n            Kurumsal kimlik nedir?\n          <\/span>\n\n          <span class=\"reactio-brand-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-brand-faq__answer\">\n\n          <div class=\"reactio-brand-faq__answer-inner\">\n\n            <p>\n              Kurumsal kimlik; markan\u0131n logo, renk, tipografi,\n              g\u00f6rsel dil ve kurumsal materyaller gibi temel\n              g\u00f6rsel unsurlar\u0131n\u0131n ortak bir sistem i\u00e7erisinde\n              tan\u0131mlanmas\u0131d\u0131r.\n            <\/p>\n\n            <p>\n              Ama\u00e7 markan\u0131n farkl\u0131 platform ve kullan\u0131m alanlar\u0131nda\n              tutarl\u0131, profesyonel ve tan\u0131nabilir g\u00f6r\u00fcnmesini\n              sa\u011flamakt\u0131r.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-brand-faq__item\">\n\n        <button class=\"reactio-brand-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-brand-faq__number\">02<\/span>\n\n          <span class=\"reactio-brand-faq__title\">\n            Logo tasar\u0131m\u0131 ile kurumsal kimlik aras\u0131ndaki fark nedir?\n          <\/span>\n\n          <span class=\"reactio-brand-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-brand-faq__answer\">\n\n          <div class=\"reactio-brand-faq__answer-inner\">\n\n            <p>\n              Logo, markan\u0131n g\u00f6rsel kimli\u011finin \u00f6nemli bir par\u00e7as\u0131d\u0131r\n              ancak tek ba\u015f\u0131na kurumsal kimlik anlam\u0131na gelmez.\n            <\/p>\n\n            <p>\n              Kurumsal kimlik; logonun yan\u0131nda renk paleti,\n              tipografi, kullan\u0131m standartlar\u0131, kurumsal materyaller\n              ve di\u011fer g\u00f6rsel uygulama kurallar\u0131n\u0131 da kapsar.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-brand-faq__item\">\n\n        <button class=\"reactio-brand-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-brand-faq__number\">03<\/span>\n\n          <span class=\"reactio-brand-faq__title\">\n            Mevcut logomuzu kullanarak kurumsal kimlik olu\u015fturabilir misiniz?\n          <\/span>\n\n          <span class=\"reactio-brand-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-brand-faq__answer\">\n\n          <div class=\"reactio-brand-faq__answer-inner\">\n\n            <p>\n              Evet. Mevcut logo uygunsa logo korunarak renk,\n              tipografi, kurumsal materyaller ve kullan\u0131m\n              standartlar\u0131 \u00fczerinden kapsaml\u0131 bir marka sistemi\n              olu\u015fturulabilir.\n            <\/p>\n\n            <p>\n              Gerekti\u011finde mevcut logonun kullan\u0131m yap\u0131s\u0131 ve\n              varyasyonlar\u0131 da yeniden d\u00fczenlenebilir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-brand-faq__item\">\n\n        <button class=\"reactio-brand-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-brand-faq__number\">04<\/span>\n\n          <span class=\"reactio-brand-faq__title\">\n            Marka k\u0131lavuzu nedir?\n          <\/span>\n\n          <span class=\"reactio-brand-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-brand-faq__answer\">\n\n          <div class=\"reactio-brand-faq__answer-inner\">\n\n            <p>\n              Marka k\u0131lavuzu, markan\u0131n g\u00f6rsel kimli\u011finin nas\u0131l\n              kullan\u0131laca\u011f\u0131n\u0131 tan\u0131mlayan temel rehberdir.\n            <\/p>\n\n            <p>\n              Logo kullan\u0131m kurallar\u0131, renk kodlar\u0131, tipografi,\n              bo\u015fluklar, alternatif uygulamalar ve temel g\u00f6rsel\n              standartlar bu dok\u00fcmanda yer alabilir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-brand-faq__item\">\n\n        <button class=\"reactio-brand-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-brand-faq__number\">05<\/span>\n\n          <span class=\"reactio-brand-faq__title\">\n            Kurumsal kimlik paketine neler dahil olabilir?\n          <\/span>\n\n          <span class=\"reactio-brand-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-brand-faq__answer\">\n\n          <div class=\"reactio-brand-faq__answer-inner\">\n\n            <p>\n              Proje kapsam\u0131na g\u00f6re logo sistemi, renk paleti,\n              tipografi, marka k\u0131lavuzu, kartvizit, antetli ka\u011f\u0131t,\n              sosyal medya \u015fablonlar\u0131, sunum \u015fablonlar\u0131 ve dijital\n              marka materyalleri dahil edilebilir.\n            <\/p>\n\n            <p>\n              \u00c7al\u0131\u015fman\u0131n kapsam\u0131 markan\u0131n ger\u00e7ek ihtiya\u00e7lar\u0131na g\u00f6re\n              proje ba\u015flang\u0131c\u0131nda belirlenir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-brand-faq__item\">\n\n        <button class=\"reactio-brand-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-brand-faq__number\">06<\/span>\n\n          <span class=\"reactio-brand-faq__title\">\n            Sosyal medya \u015fablonlar\u0131 da haz\u0131rlan\u0131yor mu?\n          <\/span>\n\n          <span class=\"reactio-brand-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-brand-faq__answer\">\n\n          <div class=\"reactio-brand-faq__answer-inner\">\n\n            <p>\n              Evet. Kurumsal kimlik kapsam\u0131nda markan\u0131n sosyal\n              medya hesaplar\u0131nda tekrar kullanabilece\u011fi temel\n              post, Story ve i\u00e7erik \u015fablonlar\u0131 haz\u0131rlanabilir.\n            <\/p>\n\n            <p>\n              Bu \u015fablonlar marka renkleri, tipografi ve genel\n              g\u00f6rsel dil ile uyumlu olacak \u015fekilde tasarlan\u0131r.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 07 -->\n      <div class=\"reactio-brand-faq__item\">\n\n        <button class=\"reactio-brand-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-brand-faq__number\">07<\/span>\n\n          <span class=\"reactio-brand-faq__title\">\n            Kurumsal kimlik \u00e7al\u0131\u015fmas\u0131 ne kadar s\u00fcrer?\n          <\/span>\n\n          <span class=\"reactio-brand-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-brand-faq__answer\">\n\n          <div class=\"reactio-brand-faq__answer-inner\">\n\n            <p>\n              Proje s\u00fcresi markan\u0131n mevcut durumuna, haz\u0131rlanacak\n              materyal say\u0131s\u0131na, logo tasar\u0131m ihtiyac\u0131na ve\n              revizyon kapsam\u0131na g\u00f6re de\u011fi\u015febilir.\n            <\/p>\n\n            <p>\n              \u00c7al\u0131\u015fma takvimini proje ba\u015flang\u0131c\u0131nda kapsam ve\n              teslim ihtiya\u00e7lar\u0131 netle\u015ftirildikten sonra belirliyoruz.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 08 -->\n      <div class=\"reactio-brand-faq__item\">\n\n        <button class=\"reactio-brand-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-brand-faq__number\">08<\/span>\n\n          <span class=\"reactio-brand-faq__title\">\n            Kurumsal kimlik tasar\u0131m\u0131nda revizyon yap\u0131labilir mi?\n          <\/span>\n\n          <span class=\"reactio-brand-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-brand-faq__answer\">\n\n          <div class=\"reactio-brand-faq__answer-inner\">\n\n            <p>\n              Evet. Proje kapsam\u0131nda belirlenen revizyon s\u00fcreci\n              i\u00e7erisinde geri bildirimler de\u011ferlendirilerek\n              gerekli d\u00fczenlemeler yap\u0131labilir.\n            <\/p>\n\n            <p>\n              Marka y\u00f6n\u00fcn\u00fcn ve tasar\u0131m beklentisinin ba\u015flang\u0131\u00e7ta\n              netle\u015ftirilmesi revizyon s\u00fcrecinin daha sa\u011fl\u0131kl\u0131\n              ilerlemesine yard\u0131mc\u0131 olur.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 09 -->\n      <div class=\"reactio-brand-faq__item\">\n\n        <button class=\"reactio-brand-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-brand-faq__number\">09<\/span>\n\n          <span class=\"reactio-brand-faq__title\">\n            Logo ve kurumsal kimlik dosyalar\u0131 hangi formatlarda teslim edilir?\n          <\/span>\n\n          <span class=\"reactio-brand-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-brand-faq__answer\">\n\n          <div class=\"reactio-brand-faq__answer-inner\">\n\n            <p>\n              Kullan\u0131m alan\u0131na g\u00f6re web ve bask\u0131 i\u00e7in uygun\n              dosya formatlar\u0131 haz\u0131rlanabilir.\n            <\/p>\n\n            <p>\n              Proje kapsam\u0131na g\u00f6re PNG, JPG, PDF, SVG gibi\n              kullan\u0131m dosyalar\u0131 ile gerekli d\u00fczenlenebilir\n              kaynak dosyalar teslim plan\u0131na dahil edilebilir.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 10 -->\n      <div class=\"reactio-brand-faq__item\">\n\n        <button class=\"reactio-brand-faq__question\"\n                type=\"button\"\n                aria-expanded=\"false\">\n\n          <span class=\"reactio-brand-faq__number\">10<\/span>\n\n          <span class=\"reactio-brand-faq__title\">\n            Yeni kurulan markalar i\u00e7in s\u0131f\u0131rdan kurumsal kimlik haz\u0131rl\u0131yor musunuz?\n          <\/span>\n\n          <span class=\"reactio-brand-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-brand-faq__answer\">\n\n          <div class=\"reactio-brand-faq__answer-inner\">\n\n            <p>\n              Evet. Yeni kurulan markalarda marka karakteri ve\n              g\u00f6rsel y\u00f6n s\u0131f\u0131rdan planlanarak logo, renk sistemi,\n              tipografi ve gerekli kurumsal materyaller olu\u015fturulabilir.\n            <\/p>\n\n            <p>\n              B\u00f6ylece marka ilk g\u00fcnden itibaren farkl\u0131 temas\n              noktalar\u0131nda kullan\u0131labilecek tutarl\u0131 bir g\u00f6rsel\n              sistemle ileti\u015fime ba\u015flayabilir.\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-brand-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-brand-faq *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-brand-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-brand-faq__header{\n  margin-bottom:80px;\n}\n\n.reactio-brand-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-brand-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-brand-faq__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:1.5px #080808;\n}\n\n.reactio-brand-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   LIST\n===================================================== *\/\n\n.reactio-brand-faq__list{\n  border-top:1px solid rgba(8,8,8,.16);\n}\n\n.reactio-brand-faq__item{\n  border-bottom:1px solid rgba(8,8,8,.16);\n}\n\n\n\/* =====================================================\n   QUESTION\n===================================================== *\/\n\n.reactio-brand-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-brand-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-brand-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-brand-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-brand-faq__answer{\n  max-height:0;\n\n  overflow:hidden;\n\n  transition:max-height .45s ease;\n}\n\n.reactio-brand-faq__answer-inner{\n  max-width:850px;\n\n  margin-left:70px;\n\n  padding:0 0 32px;\n}\n\n.reactio-brand-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-brand-faq__answer p:last-child{\n  margin-bottom:0;\n}\n\n\n\/* =====================================================\n   ACTIVE\n===================================================== *\/\n\n.reactio-brand-faq__item.active\n.reactio-brand-faq__icon{\n  transform:rotate(45deg);\n\n  background:#080808;\n\n  color:#fff;\n}\n\n.reactio-brand-faq__item.active\n.reactio-brand-faq__title{\n  font-weight:950;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-brand-faq__question:hover\n.reactio-brand-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-brand-faq__container{\n    padding:100px 30px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-brand-faq__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-brand-faq__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-brand-faq__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-brand-faq__header h2 span{\n    -webkit-text-stroke:1px #080808;\n  }\n\n  .reactio-brand-faq__header > p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-brand-faq__question{\n    grid-template-columns:35px 1fr 38px;\n\n    gap:12px;\n\n    padding:22px 0;\n  }\n\n  .reactio-brand-faq__title{\n    font-size:18px;\n\n    line-height:1.25;\n  }\n\n  .reactio-brand-faq__icon{\n    width:34px;\n    height:34px;\n\n    font-size:18px;\n  }\n\n  .reactio-brand-faq__answer-inner{\n    margin-left:47px;\n\n    padding-bottom:25px;\n  }\n\n  .reactio-brand-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 brandFaqItems =\n    document.querySelectorAll(\".reactio-brand-faq__item\");\n\n  brandFaqItems.forEach(function(item){\n\n    const question =\n      item.querySelector(\".reactio-brand-faq__question\");\n\n    const answer =\n      item.querySelector(\".reactio-brand-faq__answer\");\n\n    question.addEventListener(\"click\", function(){\n\n      const isOpen =\n        item.classList.contains(\"active\");\n\n      brandFaqItems.forEach(function(otherItem){\n\n        const otherQuestion =\n          otherItem.querySelector(\".reactio-brand-faq__question\");\n\n        const otherAnswer =\n          otherItem.querySelector(\".reactio-brand-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>CORPORATE IDENTITY BUILD A RECOGNIZABLE BRAND DEFINE THE BRAND. BUILD THE SYSTEM. CREATE RECOGNITION. Kurumsal kimli\u011fi yaln\u0131zca logo tasar\u0131m\u0131 olarak g\u00f6rm\u00fcyoruz. Renk, tipografi, g\u00f6rsel dil, kurumsal materyaller ve kullan\u0131m standartlar\u0131n\u0131 birlikte ele alarak markan\u0131n t\u00fcm temas noktalar\u0131nda tutarl\u0131, profesyonel ve tan\u0131nabilir bir kimlik olu\u015fturuyoruz. LOGO SYSTEM COLOR PALETTE TYPOGRAPHY BRAND GUIDELINES CORPORATE MATERIALS DIGITAL ASSETS &#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-2515","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>Kurumsal Kimlik Tasar\u0131m\u0131 | Marka Kimli\u011fi | Reactio<\/title>\n<meta name=\"description\" content=\"Logo, renk, tipografi ve g\u00f6rsel ileti\u015fim sistemlerini b\u00fct\u00fcnc\u00fcl \u015fekilde tasarlayarak markan\u0131za g\u00fc\u00e7l\u00fc ve tutarl\u0131 bir kurumsal kimlik olu\u015fturuyoruz.\" \/>\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\/kurumsal-kimlik\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kurumsal Kimlik Tasar\u0131m\u0131 | Marka Kimli\u011fi | Reactio\" \/>\n<meta property=\"og:description\" content=\"Logo, renk, tipografi ve g\u00f6rsel ileti\u015fim sistemlerini b\u00fct\u00fcnc\u00fcl \u015fekilde tasarlayarak markan\u0131za g\u00fc\u00e7l\u00fc ve tutarl\u0131 bir kurumsal kimlik olu\u015fturuyoruz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/testet.biz\/reactio\/kurumsal-kimlik\/\" \/>\n<meta property=\"og:site_name\" content=\"REACTIO\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-19T14:23:32+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\\\/kurumsal-kimlik\\\/\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/kurumsal-kimlik\\\/\",\"name\":\"Kurumsal Kimlik Tasar\u0131m\u0131 | Marka Kimli\u011fi | Reactio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#website\"},\"datePublished\":\"2026-08-19T13:35:34+00:00\",\"dateModified\":\"2026-08-19T14:23:32+00:00\",\"description\":\"Logo, renk, tipografi ve g\u00f6rsel ileti\u015fim sistemlerini b\u00fct\u00fcnc\u00fcl \u015fekilde tasarlayarak markan\u0131za g\u00fc\u00e7l\u00fc ve tutarl\u0131 bir kurumsal kimlik olu\u015fturuyoruz.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/kurumsal-kimlik\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/testet.biz\\\/reactio\\\/kurumsal-kimlik\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/kurumsal-kimlik\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kurumsal Kimlik\"}]},{\"@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":"Kurumsal Kimlik Tasar\u0131m\u0131 | Marka Kimli\u011fi | Reactio","description":"Logo, renk, tipografi ve g\u00f6rsel ileti\u015fim sistemlerini b\u00fct\u00fcnc\u00fcl \u015fekilde tasarlayarak markan\u0131za g\u00fc\u00e7l\u00fc ve tutarl\u0131 bir kurumsal kimlik olu\u015fturuyoruz.","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\/kurumsal-kimlik\/","og_locale":"tr_TR","og_type":"article","og_title":"Kurumsal Kimlik Tasar\u0131m\u0131 | Marka Kimli\u011fi | Reactio","og_description":"Logo, renk, tipografi ve g\u00f6rsel ileti\u015fim sistemlerini b\u00fct\u00fcnc\u00fcl \u015fekilde tasarlayarak markan\u0131za g\u00fc\u00e7l\u00fc ve tutarl\u0131 bir kurumsal kimlik olu\u015fturuyoruz.","og_url":"https:\/\/testet.biz\/reactio\/kurumsal-kimlik\/","og_site_name":"REACTIO","article_modified_time":"2026-08-19T14:23:32+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\/kurumsal-kimlik\/","url":"https:\/\/testet.biz\/reactio\/kurumsal-kimlik\/","name":"Kurumsal Kimlik Tasar\u0131m\u0131 | Marka Kimli\u011fi | Reactio","isPartOf":{"@id":"https:\/\/testet.biz\/reactio\/#website"},"datePublished":"2026-08-19T13:35:34+00:00","dateModified":"2026-08-19T14:23:32+00:00","description":"Logo, renk, tipografi ve g\u00f6rsel ileti\u015fim sistemlerini b\u00fct\u00fcnc\u00fcl \u015fekilde tasarlayarak markan\u0131za g\u00fc\u00e7l\u00fc ve tutarl\u0131 bir kurumsal kimlik olu\u015fturuyoruz.","breadcrumb":{"@id":"https:\/\/testet.biz\/reactio\/kurumsal-kimlik\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/testet.biz\/reactio\/kurumsal-kimlik\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/testet.biz\/reactio\/kurumsal-kimlik\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/testet.biz\/reactio\/"},{"@type":"ListItem","position":2,"name":"Kurumsal Kimlik"}]},{"@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\/2515","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=2515"}],"version-history":[{"count":8,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages\/2515\/revisions"}],"predecessor-version":[{"id":2581,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages\/2515\/revisions\/2581"}],"wp:attachment":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/media?parent=2515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}