Zarafetin İzinde: Rukan ile modern tesettür elbise, tunik, abaya ve dış giyim koleksiyonlarını keşfedin. Kaliteli tasarımlar, hızlı teslimat ve güvenli alışveriş sizi bekliyor.

RUKAN | Zarafetin Yeni Yorumu, Modern Tesettür Giyim

Sliders

Desktop Image

Title

Subtitle

Button Link

Button Text

Show Overlay Background

Mobile Image

If you want the picture to be clicked, enter the link

Image Link

Secondary Button Link

Secondary Button Text

Button Background Color

Is External Links

Button Color

Button Hover Background Color

Texts Color

Button Hover Text Color

Is Video?

Please turn on silent start for the video to play automatically

Video

Is Mobile Video

Mobile Video

Title H Tag

Top Title

Top Title Color

Top Title Font Size Desktop

Top Title Font Size Mobile

Top Title Font Weight

Footer Links

Links

No Follow?

Image List

Category Images

Image

Sub Text

Text Color

Button Text Color

Top Title Font Size

Button Border Radius

Image Aspect Ratio

Image Aspect Ratio Mobile

Is Defult Aspect Ratio

Button Position

Button Position Mobile

Is Button Outside

Image List Flex

Category Images Flex

Is No Follow?

External Link Target Blank

Layout Images

Link

Is Image Contain

Link Text Color

Link Background Color

Button Font Weight

S.S.S

Question

Answer

Is Rich Text Question

Brand Image List

Image Border Radius

Text

Text Font Weight

Text Font Size

External Link Target

Aspect Ratio

Aspect Ratio Mobile

Is Image & Video Cover

Video Height

Text Position

Top Position

Remove Top Space

Button Show?

Button Background Color 

Button Text Color 

Button On Image

Cookie Info

Cookie Content

Cookie Button Text

Cookie Bar Show

Accept Text Left?

Show Close Button

Cookie Bar Position

Comments

Comment

Star

WritingBy & Date

Content

LookBook - Image

Sub Title

Hide Button

Is Image Cover

Title Color

Sub Title Color

Image List Grid

Category Images Grid

Title & Sub Title Color

İmage & Button Link

Content Position

ReadMoreButtonPosition

LogoPosition

SliderAutoSecond

AnnouncementText

Announcement

Color

Background Color

Mobile Font Size

Font Weight

Text UpperCase

BrandSliderItem

ProductDetailImageAspectRatio

Horizontal

Vertical

ColumnGrid

DescriptionPosition

AddBasketButtonPosition

Testimonial

Quote

Writer

Rating

Fill Stars?

FeaturesGrid

Features

New Tab?

Align

BorderStyle

Image Type

ButtonPosition

Collection List

CollectionList

External Link Target Blank?

BlogImageAspectRatio

ButtonLinks

Button Links

Border Color

Button Width

Button Width Mobile

Hover Background Color

Hover Text Color

Zoom Enable

MarqueeImageItem

Marquee Image Item

ARROWS

Video Link

Link Url

BlogLinkText

Blog & Text

Blog

Employee

Full Name

HeaderHelperBar

Show Bar

Bar Background Color

Bar Text & Icon Color

Show Mobile?

Link List

Facebook Link

Instagram Link

Twitter Link

Pinterest Link

Youtube Link

LinkedIn Link

Tiktok Link

Twitch Link

Discord Link

Is Centered Links

It works if there are no social media icons

Is Right Links

CustomModalAttr

Custom Modal Show

Icon

Is HTML?

Special Attr. (Only Image)

HTag

HelperBarIcons

Icon Width

Category Image Text List

Category Image Text

Border Radius

Header Mega Menu

Image Reverse

Image Cover

Bottom Top Padding

Min Height

Sub links & Title 

Sub Links & Title

Tag - Image

TagImage

Image Width

Image Height

Mobile Image Width

Mobile Image Height

Konumunuza özel içerikleri görmek ve online alışveriş yapmak için başka bir ülkeyi veya bölgeyi seçin.

Yeni koleksiyonlar, özel kampanyalar ve seçili fırsatlardan ilk siz haberdar olun.

RUKAN DÜNYASINA KATILIN

<style>
 .tet-footer-sign {
 width: 100%;
 padding: 16px 12px;
 text-align: center;
 font-family: Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
 font-size: 12px;
 line-height: 1.6;
 color: #ffffff;
 background: transparent;
 }

 .tet-footer-sign a {
 color: #ffffff;
 text-decoration: none;
 font-weight: 600;
 letter-spacing: 0.2px;
 transition: opacity 0.2s ease, transform 0.2s ease;
 display: inline-block;
 }

 .tet-footer-sign a:hover {
 opacity: 0.75;
 transform: translateY(-1px);
 }

 .tet-footer-sign .tet-mark {
 margin: 0 6px;
 opacity: 0.6;
 }
</style>

<div class="tet-footer-sign">
 © 2026 RUKAN – Tüm Hakları Saklıdır
 |&nbsp;</div>

<a class="tet-studio" href="https://tetglobal.net" target="_blank" rel="noopener noreferrer" aria-label="TET Global. E-ticaret ve dijital çözümler. Web sitesini yeni sekmede aç." style="--tet-x: -3.93px; --tet-y: 3.18px;">

 
 DİJİTALDE GÜÇLÜ BİR İMZA.
 
 
 

 

 
 
 <svg class="tet-studio__orbit" viewBox="0 0 120 120" focusable="false">
 <defs>
 <path id="tet-studio-circle-0" d="M60 12a48 48 0 1 1 0 96a48 48 0 1 1 0-96"></path>
 </defs>
 <text>
 <textPath href="#tet-studio-circle-0" textLength="301.59" lengthAdjust="spacing">TET GLOBAL · DIGITAL SIGNATURE · </textPath>
 </text>
 </svg>
 
 TET
 
 
 <img class="tet-studio__logo" src="https://www.tetglobal.net/gorsel/tet_global_logo_anarenk.png" alt="" width="144" height="144" loading="lazy" decoding="async" onload="this.closest('.tet-studio__face').classList.add('tet-studio__face--ready')" onerror="this.closest('.tet-studio__face').classList.remove('tet-studio__face--ready')">
 
 
 

 
 
 
 
 TT
 EE
 TT
 
 Global
 
 TASARIM. TEKNOLOJİ. BÜYÜME.</a> 


<style>
/* ===== KOLAY AYARLAR ===== */
a.tet-studio {
 --tet-width: 450px;
 --tet-step: 3.2s;
 --tet-row: 44px;
 --tet-ink: #17171b;
 --tet-brand: #30266d;
 --tet-accent: #7760cf;
 --tet-seal: 102px;
 --tet-title: 42px;
 --tet-x: 0px;
 --tet-y: 0px;

 display: inline-block;
 position: relative;
 isolation: isolate;
 container: tetStudio / inline-size;
 width: var(--tet-width);
 max-width: 100%;
 min-width: 0;
 padding: 18px 0 9px;
 margin: 0;
 border: 0;
 border-radius: 0;
 background: #fff;
 color: var(--tet-ink);
 box-shadow: none;
 text-align: left;
 text-decoration: none !important;
 text-transform: none;
 font: 400 14px/1.4 Arial, Helvetica, sans-serif;
 letter-spacing: normal;
 vertical-align: middle;
 -webkit-tap-highlight-color: transparent;
}
.tet-studio, .tet-studio * { box-sizing: border-box; }
.tet-studio span { margin: 0; }
.tet-studio svg { display: block; }

/* ===== UST BASLIK ===== */
.tet-studio__kicker {
 display: flex;
 align-items: center;
 gap: 15px;
 padding: 0 4px;
 color: #706e77;
 font-size: 9px;
 font-weight: 700;
 letter-spacing: 1.8px;
 line-height: 1.5;
}
.tet-studio__kicker > span:first-child { flex: 0 0 auto; }
.tet-studio__rule {
 flex: 1;
 height: 1px;
 background: #e3e0e9;
 overflow: hidden;
}
.tet-studio__rule::after {
 content: "";
 display: block;
 width: 100%;
 height: 100%;
 background: var(--tet-brand);
 transform: scaleX(0);
 transform-origin: left;
 transition: transform .6s ease;
}
.tet-studio__cross {
 position: relative;
 flex: 0 0 10px;
 width: 10px;
 height: 10px;
 color: var(--tet-brand);
 transition: transform .55s ease;
}
.tet-studio__cross::before,
.tet-studio__cross::after {
 content: "";
 position: absolute;
 top: 50%;
 left: 0;
 width: 100%;
 height: 1px;
 background: currentColor;
}
.tet-studio__cross::after { transform: rotate(90deg); }

/* ===== MUHUR / BUYUK MARKA / OK ===== */
.tet-studio__main {
 display: grid;
 grid-template-columns: var(--tet-seal) minmax(0,1fr) 46px;
 align-items: center;
 gap: 15px;
 padding: 17px 3px 18px 0;
}
.tet-studio__seal {
 position: relative;
 display: block;
 width: var(--tet-seal);
 height: var(--tet-seal);
 border-radius: 50%;
 transition: transform .65s cubic-bezier(.22,1,.36,1);
}
.tet-studio__orbit {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 overflow: visible;
 fill: #37323f;
 animation: tetStudioOrbit 32s linear infinite;
}
.tet-studio__orbit text {
 font: 700 8.4px Arial, Helvetica, sans-serif;
 letter-spacing: 1.3px;
}
.tet-studio__face {
 position: absolute;
 inset: 16%;
 display: grid;
 place-items: center;
 overflow: hidden;
 border: 1px solid #e6e1ed;
 border-radius: 50%;
 background: #faf9fc;
 color: var(--tet-brand);
 box-shadow: inset 0 1px 0 #fff, 0 4px 10px #20173808;
 transition: background .4s, color .4s, box-shadow .4s, border-color .4s;
}
.tet-studio__fallback {
 position: absolute;
 font-size: 21px;
 font-weight: 800;
 letter-spacing: -1.3px;
}
.tet-studio__logo-crop {
 position: relative;
 display: block;
 z-index: 1;
 width: 24px;
 height: 63px;
 overflow: hidden;
 background: #faf9fc;
 opacity: 0;
 transition: background .4s, opacity .25s;
}
.tet-studio__face--ready .tet-studio__logo-crop { opacity: 1; }
.tet-studio__face--ready .tet-studio__fallback { opacity: 0; }
.tet-studio .tet-studio__logo {
 position: absolute;
 top: -40px;
 left: -1px;
 display: block;
 width: 144px !important;
 height: 144px !important;
 max-width: none !important;
 max-height: none !important;
 padding: 0;
 margin: 0;
 border: 0;
 border-radius: 0;
 object-fit: contain;
 transition: filter .4s;
}
.tet-studio__wordmark { min-width: 0; }
.tet-studio__name {
 display: flex;
 align-items: baseline;
 gap: 7px;
 white-space: nowrap;
 font-size: var(--tet-title);
 line-height: 1.15;
}
.tet-studio__letters {
 display: inline-flex;
 font-weight: 900;
 letter-spacing: -2.7px;
}
.tet-studio__letter {
 position: relative;
 display: grid;
 overflow: hidden;
 padding-right: 1px;
}
.tet-studio__letter > span {
 grid-area: 1 / 1;
 display: block;
 transition: transform .6s cubic-bezier(.22,1,.36,1);
 transition-delay: calc(var(--letter) * .045s);
}
.tet-studio__letter > span:last-child {
 color: var(--tet-brand);
 transform: translateY(110%);
}
.tet-studio__global {
 position: relative;
 font-family: Georgia, 'Times New Roman', serif;
 font-style: italic;
 font-weight: 400;
 letter-spacing: -2.6px;
 transition: color .4s, transform .6s cubic-bezier(.22,1,.36,1);
}
.tet-studio__global::after {
 content: "";
 position: absolute;
 right: -1px;
 bottom: -3px;
 left: 2px;
 height: 1px;
 background: var(--tet-brand);
 transform: scaleX(0);
 transform-origin: left;
 transition: transform .6s cubic-bezier(.22,1,.36,1) .1s;
}
.tet-studio__descriptor {
 display: block;
 margin-top: 10px !important;
 color: #817d89;
 font-size: 8px;
 font-weight: 600;
 letter-spacing: 1.35px;
 white-space: nowrap;
}

/* ===== KOSYEYE AKAN CIFT OK ===== */
.tet-studio__arrow {
 display: grid;
 place-items: center;
 width: 46px;
 height: 46px;
 border: 1px solid #d8d5e0;
 border-radius: 50%;
 background: #fff;
 color: var(--tet-ink);
 transform: translate(var(--tet-x),var(--tet-y));
 transition: transform .25s ease-out, background .35s, color .35s, border-color .35s;
}
.tet-studio__arrow-window {
 position: relative;
 display: block;
 width: 23px;
 height: 23px;
 overflow: hidden;
}
.tet-studio__arrow svg {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 stroke: currentColor;
 stroke-width: 1.4;
 stroke-linecap: round;
 stroke-linejoin: round;
 transition: transform .55s cubic-bezier(.22,1,.36,1);
}
.tet-studio__arrow svg:last-child { transform: translate(-115%,115%); }

/* ===== KESIK KOSELI HIZMET SERIDI ===== */
.tet-studio__rail {
 position: relative;
 display: block;
 isolation: isolate;
 overflow: hidden;
 padding: 5px 18px 10px;
 background: var(--tet-ink);
 color: #fff;
 clip-path: polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));
 transition: transform .5s cubic-bezier(.22,1,.36,1);
}
.tet-studio__rail::before {
 content: "";
 position: absolute;
 inset: 0;
 z-index: -1;
 background: var(--tet-brand);
 transform: translateX(-102%);
 transition: transform .7s cubic-bezier(.22,1,.36,1);
}
.tet-studio__rail::after {
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: -70%;
 width: 45%;
 background: linear-gradient(100deg,transparent,#ffffff18,transparent);
 transform: skewX(-20deg);
 pointer-events: none;
}
.tet-studio__window {
 display: block;
 height: var(--tet-row);
 overflow: hidden;
}
.tet-studio__reel {
 display: block;
 animation: tetStudioReel calc(var(--tet-step) * 10) cubic-bezier(.76,0,.24,1) infinite;
}
.tet-studio__service {
 display: grid;
 grid-template-columns: 46px minmax(0,1fr);
 align-items: center;
 gap: 16px;
 height: var(--tet-row);
}
.tet-studio__number {
 display: flex;
 align-items: baseline;
 gap: 4px;
 padding-right: 12px;
 border-right: 1px solid #ffffff26;
 color: #d4c7ff;
 font: 400 13px/1.3 'Courier New',monospace;
 font-variant-numeric: tabular-nums;
}
.tet-studio__number small { color: #a19da9; font-size: 9px; }
.tet-studio__service-name {
 min-width: 0;
 color: #fff;
 font-size: 12px;
 font-weight: 500;
 line-height: 1.45;
 letter-spacing: .1px;
 white-space: normal;
 overflow-wrap: anywhere;
}
.tet-studio__progress {
 position: absolute;
 right: 18px;
 bottom: 9px;
 left: 80px;
 display: block;
 height: 1px;
 background: #ffffff20;
 overflow: hidden;
}
.tet-studio__progress > span {
 display: block;
 width: 100%;
 height: 100%;
 background: #d4c7ff;
 transform: scaleX(0);
 transform-origin: left;
 animation: tetStudioProgress var(--tet-step) linear infinite;
}

/* ===== ALT YONLENDIRME ===== */
.tet-studio__bottom {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 10px;
 padding: 13px 3px 0;
}
.tet-studio__address {
 display: grid;
 overflow: hidden;
 color: #827c8c;
 font-size: 10px;
 line-height: 1.7;
 letter-spacing: .4px;
}
.tet-studio__address > span {
 grid-area: 1 / 1;
 display: block;
 transition: transform .55s cubic-bezier(.22,1,.36,1);
}
.tet-studio__address > span:last-child {
 color: var(--tet-brand);
 transform: translateY(110%);
}
.tet-studio__discover {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 color: #625c6e;
 font-size: 8px;
 font-weight: 700;
 letter-spacing: 1.4px;
}
.tet-studio__discover > span { font-size: 14px; line-height: 1; }

/* ===== ANIMASYONLAR ===== */
@keyframes tetStudioOrbit { to { transform: rotate(360deg); } }
@keyframes tetStudioProgress { to { transform: scaleX(1); } }
@keyframes tetStudioShine { to { left: 140%; } }
@keyframes tetStudioReel {
 0%,8% { transform: translateY(0); }
 10%,18% { transform: translateY(calc(var(--tet-row) * -1)); }
 20%,28% { transform: translateY(calc(var(--tet-row) * -2)); }
 30%,38% { transform: translateY(calc(var(--tet-row) * -3)); }
 40%,48% { transform: translateY(calc(var(--tet-row) * -4)); }
 50%,58% { transform: translateY(calc(var(--tet-row) * -5)); }
 60%,68% { transform: translateY(calc(var(--tet-row) * -6)); }
 70%,78% { transform: translateY(calc(var(--tet-row) * -7)); }
 80%,88% { transform: translateY(calc(var(--tet-row) * -8)); }
 90%,98% { transform: translateY(calc(var(--tet-row) * -9)); }
 100% { transform: translateY(calc(var(--tet-row) * -10)); }
}

/* ===== HOVER: HIZMET DONGUSU DURMAZ ===== */
@media (hover:hover) and (pointer:fine) {
 .tet-studio:hover .tet-studio__rule::after { transform: scaleX(1); }
 .tet-studio:hover .tet-studio__cross { transform: rotate(180deg); }
 .tet-studio:hover .tet-studio__seal { transform: translateY(-3px) rotate(-12deg); }
 .tet-studio:hover .tet-studio__face {
 background: var(--tet-brand);
 border-color: var(--tet-brand);
 color: #fff;
 box-shadow: 0 10px 20px #30266d26;
 }
 .tet-studio:hover .tet-studio__logo-crop { background: var(--tet-brand); }
 .tet-studio:hover .tet-studio__logo { filter: brightness(0) invert(1); }
 .tet-studio:hover .tet-studio__letter > span:first-child { transform: translateY(-110%); }
 .tet-studio:hover .tet-studio__letter > span:last-child { transform: translateY(0); }
 .tet-studio:hover .tet-studio__global { color: var(--tet-brand); transform: translateX(2px); }
 .tet-studio:hover .tet-studio__global::after { transform: scaleX(1); }
 .tet-studio:hover .tet-studio__arrow { color: #fff; background: var(--tet-brand); border-color: var(--tet-brand); }
 .tet-studio:hover .tet-studio__arrow svg:first-child { transform: translate(115%,-115%); }
 .tet-studio:hover .tet-studio__arrow svg:last-child { transform: translate(0,0); }
 .tet-studio:hover .tet-studio__rail { transform: translateY(-2px); }
 .tet-studio:hover .tet-studio__rail::before { transform: translateX(0); }
 .tet-studio:hover .tet-studio__rail::after { animation: tetStudioShine 1.05s ease both; }
 .tet-studio:hover .tet-studio__address > span:first-child { transform: translateY(-110%); }
 .tet-studio:hover .tet-studio__address > span:last-child { transform: translateY(0); }
}
a.tet-studio:focus-visible { outline: 2px solid var(--tet-accent); outline-offset: 7px; }
a.tet-studio:active .tet-studio__arrow { transform: scale(.92); }

/* ===== GENISLIK UYUMLULUGU: DAR FOOTER KOLONLARI DA DAHIL ===== */
@container tetStudio (max-width:410px) {
 .tet-studio__main { --tet-seal: 86px; --tet-title: 35px; gap: 12px; grid-template-columns: var(--tet-seal) minmax(0,1fr) 38px; }
 .tet-studio__arrow { width: 38px; height: 38px; }
 .tet-studio__logo-crop { transform: scale(.82); }
 .tet-studio__descriptor { font-size: 7px; letter-spacing: 1px; }
 .tet-studio__letters { letter-spacing: -2.4px; }
 .tet-studio__global { letter-spacing: -2px; }
}
@container tetStudio (max-width:345px) {
 .tet-studio__kicker { font-size: 8px; letter-spacing: 1.2px; gap: 10px; }
 .tet-studio__main { --tet-seal: 72px; --tet-title: 30px; gap: 9px; grid-template-columns: var(--tet-seal) minmax(0,1fr) 32px; }
 .tet-studio__name { gap: 5px; }
 .tet-studio__arrow { width: 32px; height: 32px; }
 .tet-studio__arrow-window { width: 18px; height: 18px; }
 .tet-studio__logo-crop { transform: scale(.67); }
 .tet-studio__fallback { font-size: 16px; }
 .tet-studio__descriptor { font-size: 6px; letter-spacing: .7px; }
 .tet-studio__rail { padding-right: 13px; padding-left: 13px; }
 .tet-studio__service { grid-template-columns: 39px minmax(0,1fr); gap: 10px; }
 .tet-studio__number { padding-right: 6px; font-size: 12px; }
 .tet-studio__service-name { font-size: 11px; }
 .tet-studio__progress { left: 62px; right: 13px; }
}
@container tetStudio (max-width:280px) {
 .tet-studio__main { --tet-seal: 62px; --tet-title: 27px; gap: 8px; }
 .tet-studio__logo-crop { transform: scale(.57); }
 .tet-studio__descriptor { letter-spacing: .2px; }
 .tet-studio__global { letter-spacing: -1.7px; }
}

/* Cihazda hareketi azaltma tercihi aciksa dekoratif animasyonlar kapanir. */
@media (prefers-reduced-motion:reduce) {
 .tet-studio *, .tet-studio *::before, .tet-studio *::after {
 animation: none !important;
 transition: none !important;
 }
 .tet-studio__reel {
 animation: tetStudioReel calc(var(--tet-step) * 10) steps(1,end) infinite !important;
 }
 .tet-studio__progress { display: none; }
 .tet-studio__arrow { --tet-x: 0px; --tet-y: 0px; }
}
</style>

<script>
/* Hizmet dongusu CSS ile calisir. JS: manyetik ok ve SVG kimlikleri. */
(function () {
 'use strict';
 if (window.__tetStudioPointer) return;
 window.__tetStudioPointer = true;

 var media = window.matchMedia('(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference)');
 var active = null, frame = 0, x = 0, y = 0;

 function reset() {
 if (!active) return;
 active.style.removeProperty('--tet-x');
 active.style.removeProperty('--tet-y');
 active = null;
 }

 document.addEventListener('pointermove', function (event) {
 if (!media.matches || !(event.target instanceof Element)) return;
 var root = event.target.closest('a.tet-studio');
 if (active !== root) reset();
 if (!root) return;
 active = root;
 x = event.clientX;
 y = event.clientY;
 if (frame) return;
 frame = requestAnimationFrame(function () {
 frame = 0;
 if (!active || !active.isConnected) return;
 var rect = active.getBoundingClientRect();
 if (!rect.width || !rect.height) return;
 var dx = Math.max(-1, Math.min(1, (x - rect.left) / rect.width * 2 - 1));
 var dy = Math.max(-1, Math.min(1, (y - rect.top) / rect.height * 2 - 1));
 active.style.setProperty('--tet-x', (dx * 5).toFixed(2) + 'px');
 active.style.setProperty('--tet-y', (dy * 5).toFixed(2) + 'px');
 });
 }, { passive: true });

 document.addEventListener('pointerout', function (event) {
 if (active && (!event.relatedTarget || !active.contains(event.relatedTarget))) reset();
 }, { passive: true });
 window.addEventListener('blur', reset);
 media.addEventListener('change', reset);

 /* Sayfada birden fazla imza varsa SVG yol kimliklerini ayirir. */
 function uniquePaths() {
 document.querySelectorAll('a.tet-studio').forEach(function (root, index) {
 var path = root.querySelector('defs path');
 var textPath = root.querySelector('textPath');
 if (!path || !textPath) return;
 var id = 'tet-studio-circle-' + index;
 path.id = id;
 textPath.setAttribute('href', '#' + id);
 });
 }
 if (document.readyState === 'loading') {
 document.addEventListener('DOMContentLoaded', uniquePaths, { once: true });
 } else {
 uniquePaths();
 }
})();
</script>

#0e0e0eff

Sıkça Sorulan Sorular