Lengkapi OOTD Impianmu dari Head to Toe!

Temukan koleksi baju dan sandal kekinian yang nyaman dipakai seharian. Siap tampil beda setiap hari?

Dibuat untuk Aktivitas Harian

Dari sekadar coffee run, kuliah, sampai jalan-jalan santai di akhir pekan, set ini siap nemenin kamu seharian.

Velaruma | Fashion & Sandals :root { --cream: #f7f1eb; --brown: #9b624d; --dark: #29251f; --white: #fffdf9; --muted: #756d64; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; font-family: Arial, sans-serif; background: var(--white); color: var(--dark); line-height: 1.6; } a { text-decoration: none; } .container { width: min(1080px, 90%); margin: auto; } header { background: white; padding: 16px 0; position: sticky; top: 0; z-index: 10; box-shadow: 0 2px 10px #00000008; } nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .logo { font-family: Georgia, serif; font-size: 27px; font-weight: bold; color: var(--brown); } .button { display: inline-block; background: var(--brown); color: white; padding: 12px 20px; border-radius: 30px; font-size: 14px; font-weight: bold; } .hero { background: var(--cream); padding: 65px 0; } .hero-content { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; align-items: center; } .hero h1 { font-family: Georgia, serif; font-size: clamp(38px, 5vw, 60px); line-height: 1.15; margin: 15px 0; } .hero h1 span { color: var(--brown); } .hero p { color: var(--muted); } .hero img { width: 100%; height: 390px; object-fit: cover; border-radius: 160px 160px 15px 15px; } .section { padding: 60px 0; } .section-title { text-align: center; margin-bottom: 35px; } .section-title h2 { font-family: Georgia, serif; font-size: 34px; margin-bottom: 8px; } .section-title p { color: var(--muted); } .products { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; } .product { background: var(--cream); border-radius: 15px; overflow: hidden; padding-bottom: 22px; } .product img { width: 100%; height: 280px; object-fit: cover; } .product-info { padding: 18px; } .product h3 { margin: 0 0 8px; font-family: Georgia, serif; font-size: 23px; } .product p { color: var(--muted); font-size: 14px; } .benefits { background: var(--cream); } .benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } .benefit { background: white; padding: 22px; border-radius: 12px; text-align: center; } .benefit .icon { font-size: 30px; } .benefit h3 { margin-bottom: 8px; } .benefit p { color: var(--muted); font-size: 14px; } .testimonials { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } .review { padding: 22px; border: 1px solid #eadfd5; border-radius: 12px; } .stars { color: #b47b42; } .review p { font-size: 14px; } .review small { color: var(--muted); } .note { color: var(--muted); text-align: center; font-size: 12px; margin-top: 20px; } .cta { background: #dfe4d8; text-align: center; padding: 45px 22px; border-radius: 18px; } .cta h2 { font-family: Georgia, serif; font-size: 34px; } .cta p { color: #5e6658; } footer { margin-top: 60px; padding: 30px 0; background: var(--dark); color: white; text-align: center; font-size: 14px; } .whatsapp { position: fixed; bottom: 18px; right: 18px; z-index: 20; background: #1f9d62; color: white; padding: 13px 18px; border-radius: 30px; font-weight: bold; box-shadow: 0 5px 15px #0002; } @media (max-width: 700px) { .hero { padding: 40px 0; } .hero-content { grid-template-columns: 1fr; } .hero img { height: 300px; } .products { gap: 12px; } .product img { height: 190px; } .product-info { padding: 12px; } .product h3 { font-size: 19px; } .benefit-grid, .testimonials { grid-template-columns: 1fr; } .section { padding: 45px 0; } .section-title h2, .cta h2 { font-size: 29px; } .logo { font-size: 23px; } nav .button { padding: 10px 13px; font-size: 12px; } }

YOUR STYLE, YOUR STORY