Solid Walnut Paper Clip Box | 3Line
Dimensions
10.4 cm (4.09") long x 10.4 cm (4.09") wide x 3 cm (1.18") tall
A small, square wooden box designed to organize paper clips and other small desk items. Its low profile and grooved-edge design are consistent with the 3Line collection.
Holds Small Essentials
The box provides a dedicated spot for over 200 paper clips, as well as other small items like pins, thumbtacks, or mini sticky notes. It fits easily on a desk or within a drawer.
Made from Solid Walnut
Crafted from solid walnut wood, this box is finished with plant based oil.
Product Details
DIMENSIONS
10.4 cm (4.09") long x 10.4 cm (4.09") wide x 3 cm (1.18") tall
MATERIAL
Solid Walnut Wood
Natural Plant Based Oil Finish
A Note on the Material
Crafted from natural walnut wood, each piece has a unique grain and color. There may be slight variations in the wood's appearance and minor differences in dimensions.
Ürün Detayları</Solid Walnut Paper Clip Box & Organizer - 3Line >
<style>
/* Google Fonts üzerinden fontu ekleyelim */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
/* Sadece bu bölüm için temel reset */
.product-detail * {
box-sizing: border-box;
font-family: 'Roboto', sans-serif; /* Tüm sayfa için Roboto fontunu kullanıyoruz */
}
.product-detail {
width: 100%;
max-width: 1380px;
margin: 0 auto;
background: #ffffff;
border-radius: 12px;
padding: 24px 24px 28px;
box-shadow: 0 6px 28px rgba(0,0,0,0.03);
}
/* Başlıklar */
.product-detail h1,
.product-detail h2,
.product-detail h3 {
font-weight: 500; /* Orta kalınlıkta başlık fontu */
letter-spacing: -0.1px;
color: #222;
margin: 0;
}
/* ÜST GİRİŞ */
.intro-eyebrow {
font-size: 11px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #9ca3af;
margin-bottom: 6px;
text-align: center; /* "Ürün detayları" kısmını ortaladım */
}
.intro-title {
font-size: 24px; /* Yazı boyutunu biraz daha büyüttüm */
margin-bottom: 6px;
text-align: center; /* Üst giriş başlığını ortalıyoruz */
}
.intro-lede {
font-size: 18px; /* Yazı boyutunu biraz daha büyüttüm */
color: #4b5563;
line-height: 1.6;
max-width: 860px;
margin: 0 auto;
text-align: center; /* Yazıyı yatayda ortaladım */
padding-top: 20px; /* Başlıkla metin arasına boşluk ekledim */
}
/* ÜRÜN ANLATIM BLOKLARI */
.section-heading {
font-size: 12px;
color: #b2b7bc;
text-transform: uppercase;
margin: 26px 0 6px;
letter-spacing: 0.16em;
}
.feature-block {
display: flex;
gap: 24px;
padding: 20px 0 12px;
border-top: 1px solid #f0f0f0;
align-items: center; /* Yazıları ve görselleri dikeyde hizalama */
flex-wrap: wrap;
justify-content: space-between; /* Eşit genişlikte olacak şekilde hizalama */
}
.feature-block:first-of-type {
border-top: none;
}
.feature-image {
flex: 1; /* Görselin genişliğini eşit yapıyoruz */
border-radius: 6px;
overflow: hidden;
background: #f3f3f3;
display: flex;
justify-content: center; /* Görselleri yatayda ortalama */
}
.feature-image img {
width: 100%;
height: 100%;
object-fit: cover; /* Görsellerin alanı tam doldurması sağlandı */
}
/* FEATURE TEXT */
.feature-text {
flex: 1; /* Yazının genişliğini eşit yapıyoruz */
display: flex;
flex-direction: column;
justify-content: center; /* Dikeyde ortalama */
align-items: center; /* Yatayda ortalama */
height: 100%;
text-align: center; /* Yazıyı ortaladım */
padding: 20px; /* Padding ekledim */
margin-top: 20px;
margin-bottom: 20px;
}
.feature-title {
font-size: 18px; /* Eski haline döndürdüm */
margin-bottom: 10px;
font-weight: bold;
}
.feature-desc {
font-size: 16px; /* Yazı boyutunu büyüttüm */
color: #4b5563;
line-height: 1.6;
}
.feature--reverse {
flex-direction: row-reverse;
}
/* ALT: ANA GÖRSEL + TEKNİK ÖZELLİKLER */
.hero-layout {
display: flex;
gap: 24px;
margin-top: 30px;
align-items: stretch;
border-top: 1px solid #f0f0f0;
padding-top: 20px;
flex-wrap: wrap;
}
.hero-image {
flex: 1 1 0;
border-radius: 6px;
overflow: hidden;
background: #f3f3f3;
}
.hero-image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover; /* Görsellerin tam ekran kaplaması sağlandı */
}
.hero-panel {
flex: 1 1 0;
border-radius: 6px;
border: 1px solid #e5e7eb;
padding: 16px 18px;
background: #ffffff;
}
.hero-panel-title {
font-size: 14px;
color: #6b7280;
text-transform: uppercase;
margin-bottom: 8px;
letter-spacing: 0.12em;
font-weight: 400;
}
.hero-specs {
margin-top: 8px;
}
.hero-spec-row {
display: flex;
justify-content: space-between;
gap: 16px;
padding: 8px 0;
border-bottom: 1px solid #f0f0f0;
font-size: 13px;
color: #4b5563;
}
.hero-spec-row:last-child {
border-bottom: none;
}
.hero-spec-label {
color: #6b7280;
white-space: nowrap;
}
.hero-spec-value {
text-align: right;
flex: 1;
}
/* TABLET & MOBİL */
@media (max-width: 1024px) {
.product-detail {
padding: 20px 18px 24px;
border-radius: 10px;
box-shadow: 0 4px 18px rgba(0,0,0,0.02);
}
.feature-block,
.feature--reverse,
.hero-layout {
flex-direction: column;
gap: 16px;
}
.feature-text,
.feature-image,
.hero-image,
.hero-panel {
flex: 1 1 100%;
}
.hero-spec-row {
gap: 8px;
}
}
@media (max-width: 640px) {
.product-detail {
padding: 18px 14px 22px;
border-radius: 8px;
box-shadow: none;
border: 1px solid #f0f0f0;
}
.intro-title {
font-size: 20px;
}
.intro-lede {
font-size: 13px;
}
.feature-block {
padding: 16px 0 10px;
}
.hero-spec-row {
flex-direction: column;
align-items: flex-start;
}
.hero-spec-value {
text-align: left;
}
}
</style>
<div class="product-detail">
<!-- ÜST GİRİŞ -->
<section class="intro-top">
<div class="intro-eyebrow">Ürün detayları</div>
<h1 class="intro-title">Minimal ahşap masa rafı</h1><h1 class="intro-title"><span style="color: rgb(75, 85, 99); font-size: 18px;">Masa düzenini sadeleştiren ve ekranı doğru seviyeye getiren fonksiyonel raf tasarımı</span></h1>
</section>
<!-- FEATURE BLOKLARI -->
<section>
<div class="section-heading">Tasarım ve kullanım</div>
<!-- BLOK 1 -->
<div class="feature-block">
<div class="feature-image">
<!-- 1. görsel -->
<img src="https://www.woodsaka.com/idea/ph/17/myassets/products/041/sate-cekmeceli-mini-dolap-ceviz-woodsaka-1.webp?revision=1756472462" alt="">
</div>
<div class="feature-text">
<h3 class="feature-title">Düzenli çalışma alanı</h3>
<p class="feature-desc">
Monitörü yükseltirken alt bölümü saklama alanı olarak kullanabilir ve masa üzerindeki eşyaları görünmez hale getirerek daha sade bir çalışma alanı oluşturabilirsiniz. Çalışma yüzeyinin açık ve ferah kalmasına yardımcı olur ve ev ve ofis ortamlarında doğal çizgileriyle rahatlıkla uyum sağlar.
</p>
</div>
</div>
<!-- BLOK 2 -->
<div class="feature-block feature--reverse">
<div class="feature-image">
<!-- 2. görsel -->
<img src="https://www.woodsaka.com/idea/ph/17/myassets/products/041/sate-cekmeceli-mini-dolap-ceviz-woodsaka-4.webp?revision=1756472462" alt="">
</div>
<div class="feature-text">
<h3 class="feature-title">Malzeme ve yüzey</h3>
<p class="feature-desc">
Doğal ahşap dokusu sıcak bir his oluşturur ve yarı mat yüzey işlemi ışığı yumuşak bir şekilde yansıtır. Kenar detayları özenle yumuşatılır ve temas alanlarında pürüzsüz bir kullanım sağlar. Uzun vadeli kullanımda yüzey dayanımını koruyan özel vernik uygulanır.
</p>
</div>
</div>
<!-- BLOK 3 -->
<div class="feature-block">
<div class="feature-image">
<!-- 3. görsel -->
<img src="https://www.woodsaka.com/idea/ph/17/myassets/products/041/sate-cekmeceli-mini-dolap-ceviz-woodsaka-1.webp?revision=1756472462" alt="">
</div>
<div class="feature-text">
<h3 class="feature-title">Kullanım senaryoları</h3>
<p class="feature-desc">
Tek monitörlü ve çift monitörlü kurulumlarda ekranları hizalamaya yardımcı olur. Laptop ve harici monitör kombinasyonlarında masa düzenini toparlar. Çalışma alanını sade ve dengeli bir yapıya dönüştürerek yoğun iş akışlarında bile göz konforunu artırır.
</p>
</div>
</div>
</section>
<!-- ALT: PANEL SOLDa + GÖRSEL SAĞDA -->
<section class="hero-layout">
<!-- PANEL – solda -->
<div class="hero-panel">
<div class="hero-panel-title">Teknik özellikler</div>
<div class="hero-specs">
<div class="hero-spec-row">
<span class="hero-spec-label">Genişlik</span>
<span class="hero-spec-value">90 cm 110 cm 120 cm seçenekleri</span>
</div>
<div class="hero-spec-row">
<span class="hero-spec-label">Derinlik</span>
<span class="hero-spec-value">25 cm çalışma alanı için dengeli ölçü</span>
</div>
<div class="hero-spec-row">
<span class="hero-spec-label">Yükseklik</span>
<span class="hero-spec-value">11 cm ergonomik yükseltme seviyesi</span>
</div>
<div class="hero-spec-row">
<span class="hero-spec-label">Malzeme</span>
<span class="hero-spec-value">Masif meşe veya ceviz modele göre değişir</span>
</div>
<div class="hero-spec-row">
<span class="hero-spec-label">Yüzey</span>
<span class="hero-spec-value">Doğal yarı mat vernik ahşap dokusunu korur</span>
</div>
<div class="hero-spec-row">
<span class="hero-spec-label">Taşıma kapasitesi</span>
<span class="hero-spec-value">20–30 kg monitör ve ekipmanlar için uygun</span>
</div>
<div class="hero-spec-row">
<span class="hero-spec-label">Uyumluluk</span>
<span class="hero-spec-value">24–32 inç monitörler ve standart klavye boyutları</span>
</div>
<div class="hero-spec-row">
<span class="hero-spec-label">Ağırlık</span>
<span class="hero-spec-value">Ahşap türüne göre değişir</span>
</div>
<div class="hero-spec-row">
<span class="hero-spec-label">Bakım</span>
<span class="hero-spec-value">Nemli bezle silin, kimyasal temizleyici kullanmayın</span>
</div>
</div>
</div>
<!-- GÖRSEL – sağda -->
<div class="hero-image">
<!-- ana ürün görseli -->
<img src="https://www.woodsaka.com/idea/ph/17/myassets/products/041/sate-cekmeceli-mini-dolap-ceviz-woodsaka-5.webp?revision=1756472462" alt="">
</div>
</section>
</div>
