RETARA Clothing | Your Style, Your Story
:root {
--cream:#f8f3ec;
--white:#fffdfa;
--brown:#8e6246;
--dark:#392a23;
--muted:#806f63;
--line:#e9ded3;
--shopee:#ee4d2d;
}
* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {
margin:0;
font-family:'DM Sans',Arial,sans-serif;
color:var(--dark);
background-color:var(--white);
background-image:radial-gradient(circle, #8e624620 1px, transparent 1px);
background-size:18px 18px;
line-height:1.7;
}
a {text-decoration:none}
img {max-width:100%}
.container {width:90%;max-width:1120px;margin:auto}
/* Header */
header {
border-bottom:1px solid var(--line);
padding:18px 0;
background-color:var(--white);
background-image:radial-gradient(circle, #8e624220 1px, transparent 1px);
background-size:18px 18px;
}
.nav {
display:flex;align-items:center;
justify-content:space-between;gap:15px;
}
.logo {
color:var(--dark);
font-family:'Playfair Display',serif;
font-size:27px;letter-spacing:5px;
line-height:1.2;font-weight:bold;
}
.logo small {
display:block;text-align:center;
font:9px 'DM Sans',sans-serif;
letter-spacing:3px;margin-top:5px;
}
.nav-link {
color:var(--brown);font-size:12px;
font-weight:700;
}
/* Hero */
.hero {
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;gap:45px;
padding:55px 0 65px;
}
.hero-accent {
display:flex;align-items:center;gap:12px;
margin-bottom:6px;
}
.hero-accent-line {
width:36px;height:2px;
background:var(--brown);flex-shrink:0;
}
.eyebrow {
font-size:10px;letter-spacing:3px;
text-transform:uppercase;
color:var(--brown);font-weight:700;
margin:0;
}
h1,h2 {
font-family:'Playfair Display',Georgia,serif;
font-weight:500;line-height:1.15;
}
h1 {font-size:clamp(38px,5vw,64px);margin:12px 0 16px}
h2 {font-size:clamp(29px,4vw,42px);margin:12px 0}
.description {color:var(--muted);font-size:14px}
.hero-sub {
display:flex;align-items:center;gap:10px;
margin:16px 0 14px;
color:var(--muted);font-size:12px;
}
.hero-sub::before,.hero-sub::after {
content:'';flex:1;height:1px;
background:var(--line);
}
.buttons {display:flex;flex-wrap:wrap;gap:10px}
.btn {
display:inline-flex;align-items:center;
justify-content:center;text-align:center;
padding:13px 19px;min-height:46px;
font-size:12px;font-weight:700;
border:1px solid var(--brown);
transition:opacity .2s;cursor:pointer;
}
.btn:hover {opacity:.8}
.btn-primary {background:var(--brown);color:white;padding:15px 28px;font-size:13px}
.btn-outline {color:var(--brown);background:transparent;font-size:12px}
.btn-shopee {background: transparent; color: #ee4d2d; border-color: #ee4d2d;}
.btn-shopee-outline {color:var(--shopee);border-color:var(--shopee);background:transparent}
/* Photo */
.photo-frame {
position:relative;overflow:hidden;
background:var(--cream);
}
.hero-frame {aspect-ratio:4/5;max-height:560px}
.hero-frame img {
width:100%;height:100%;
object-fit:cover;display:block;
}
.photo-fallback {
display:none;align-items:center;
justify-content:center;text-align:center;
padding:20px;color:var(--muted);
background:var(--cream);
min-height:180px;font-size:13px;
}
.hero-frame .photo-fallback {
position:absolute;inset:0;
}
/* Benefits */
.benefits {
display:grid;grid-template-columns:repeat(3,1fr);
gap:12px;text-align:center;
padding:23px 0;
background-color:var(--cream);
background-image:radial-gradient(circle, #8e624218 1px, transparent 1px);
background-size:18px 18px;
font-size:12px;color:var(--dark);
}
.benefits strong {display:block;font-size:13px}
/* Section */
section {padding:70px 0}
.section-heading {
max-width:620px;margin:0 auto 40px;
text-align:center;
position:relative;
padding-bottom:20px;
}
.section-heading::after {
content:'';
position:absolute;bottom:0;left:50%;
transform:translateX(-50%);
width:48px;height:2px;
background:var(--brown);
}
.section-heading h2 {margin-bottom:10px}
.section-heading p {font-size:13px;color:var(--muted);margin:0}
/* Catalog */
.catalog {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
}
.product {
border:1px solid var(--line);
background:var(--white);overflow:hidden;
display:flex;flex-direction:column;
}
.product-photo {aspect-ratio:4/5;position:relative}
.product-photo img {
display:block;width:100%;height:100%;
object-fit:cover;
}
.product-info {
padding:16px;display:flex;
flex:1;flex-direction:column;
gap:6px;
}
.product h3 {font-size:15px;margin:0}
.product p {font-size:12px;color:var(--muted);margin:0}
.price {font-weight:700;color:var(--brown);font-size:14px}
.product-actions {display:flex;flex-direction:column;gap:7px;margin-top:auto;padding-top:10px}
.product .btn {width:100%;font-size:11px;padding:10px 8px}
/* Shopee strip */
.shopee-strip {
background-color:var(--cream);
background-image:radial-gradient(circle, #8e624218 1px, transparent 1px);
background-size:18px 18px;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
padding:40px 0;
text-align:center;
}
.shopee-strip h3 {
font-family:'Playfair Display',serif;
font-size:24px;font-weight:500;
margin:8px 0 6px;
}
.shopee-strip p {font-size:13px;color:var(--muted);margin:0 0 20px}
.shopee-strip .btn {font-size:13px;padding:14px 28px}
/* Inspiration */
.inspiration {
background-color:var(--cream);
background-image:radial-gradient(circle, #8e624218 1px, transparent 1px);
background-size:18px 18px;
padding:28px;
display:grid;grid-template-columns:1fr 1fr;
align-items:center;gap:35px;
}
.inspiration-photo {aspect-ratio:4/5}
.inspiration-photo img {
width:100%;height:100%;object-fit:cover;display:block;
}
.checklist {padding-left:20px;color:var(--muted);font-size:13px}
.checklist li {padding:4px 0}
/* Values */
.values {
display:grid;grid-template-columns:repeat(3,1fr);
gap:18px;margin-top:28px;
}
.value {
border:1px solid var(--line);
padding:22px;
background:var(--white);
}
.symbol {font-size:24px;color:var(--brown)}
.value h3 {font-size:15px;margin:8px 0}
.value p {font-size:12px;color:var(--muted);margin:0}
/* CTA */
.cta {
background:var(--dark);color:white;
text-align:center;padding:55px 20px;
}
.cta h2 {color:white}
.cta p {max-width:500px;margin:0 auto 22px;color:#e8ddd3;font-size:13px}
.cta-buttons {display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cta .btn-wa {background: transparent; color: white; border-color: white;}
/* Footer */
footer {
padding:28px 0;text-align:center;
color:var(--muted);font-size:11px;
background-color:var(--white);
background-image:radial-gradient(circle, #8e624220 1px, transparent 1px);
background-size:18px 18px;
}
footer .logo {font-size:22px}
/* WA Float */
.wa-float {
position:fixed;right:16px;bottom:16px;
z-index:1000;background:#218c54;color:white;
padding:12px 17px;border-radius:40px;
font-size:12px;font-weight:700;
box-shadow:0 4px 16px #0002;
}
/* Responsive */
@media(max-width:700px) {
.container {width:91%}
.logo {font-size:22px;letter-spacing:4px}
.nav-link {font-size:10px}
.hero {
grid-template-columns:1fr;
gap:25px;padding:35px 0 40px;
}
.hero-frame {max-height:530px}
.buttons {display:grid;grid-template-columns:1fr 1fr}
.btn {padding:12px 9px;font-size:11px}
.btn-primary {padding:13px 9px;font-size:11px}
.benefits {gap:5px;font-size:10px}
.benefits strong {font-size:11px}
section {padding:45px 0}
.catalog {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.product-info {padding:11px}
.product h3 {font-size:12px}
.product p {font-size:11px}
.price {font-size:12px}
.product .btn {font-size:10px;padding:10px 5px}
.inspiration {grid-template-columns:1fr;padding:16px;gap:22px}
.values {grid-template-columns:1fr;gap:12px}
.value {padding:18px}
.cta-buttons {flex-direction:column;align-items:center}
}
YOUR STYLE, YOUR STORY
Little details,
beautiful style.
Temukan fashion pilihan yang membuat penampilan
sehari-hari terasa lebih istimewa. Dari cardigan manis
sampai korset yang stylish, temukan gaya favoritmu
bersama RETARA.
Tersedia di & Shopee
Foto utama belum dapat dimuat.
♡ Feminine StyleDetail manis untuk harimu
✧ Easy to MixMudah dipadukan
◇ Your Own StyleEkspresikan dirimu
BELANJA ONLINE
Juga tersedia di Shopee
Beli langsung dari toko resmi RETARA di Shopee — aman, mudah, dan pengiriman ke seluruh Indonesia.
🛍 Kunjungi Toko Shopee →
DISCOVER YOUR FAVORITES
Our Collection
Pilihan fashion untuk melengkapi outfit harianmu. Tanya via WhatsApp atau langsung beli di Shopee.
Foto produk belum tersedia
Heart Knit Cardigan
Cardigan cream dengan motif hati yang manis.
Rp80.000
Foto produk belum tersedia
Classic Brown Cardigan
Warna netral yang mudah dipadukan untuk gaya sehari-hari.
Rp80.000
Foto produk belum tersedia
Playful Dot Cardigan
Sentuhan warna dan motif untuk outfit yang lebih ekspresif.
Rp80.000
Foto produk belum tersedia
Denim Lace-Up Corset
Detail tali depan untuk gaya yang standout.
Rp45.000
Foto produk belum tersedia
Cream Lace Bralette
Renda feminin dengan detail tali ganda yang manis.
Rp45.000
Foto inspirasi belum tersedia
Style Inspiration
Inspirasi padu padan cardigan dan denim untuk gaya harian.
FIND YOUR SIGNATURE LOOK
One piece,
many possibilities.
Mulai dari tampilan kasual hingga feminine look, pilih potongan dan paduan yang paling menggambarkan kepribadianmu.
- Cardigan untuk tampilan cozy dan manis
- Denim corset untuk sentuhan statement
- Lace bralette untuk layering feminin
- Padu padan sesuai gayamu
TEMUKAN GAYAMU →
Foto inspirasi belum tersedia
WHY RETARA?
Style that feels like you.
Detail kecil yang membuat pilihan outfit terasa lebih personal.
♡
Feminine Details
Motif, warna, dan detail manis untuk melengkapi penampilanmu.
✧
Easy to Style
Item pilihan yang bisa dipadukan dengan outfit favorit.
❋
Express Yourself
Temukan gaya yang nyaman dan sesuai kepribadianmu.
YOUR NEXT FAVORITE LOOK
Ready to find your style?
Hubungi kami via WhatsApp atau langsung belanja di Shopee — pilih cara yang paling nyaman buatmu.
☏ Chat WhatsApp