Rotating shoe rack that can accommodate 96 pairs of shoes
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --black: #141414; --warm: #F8F5F0; --accent: #64748B; --acc-lt: #94A3B8; --mid: #3D3530; --muted: #8A7E78; --border: #E0D8D0; --card: #FEFCF9; } html { scroll-behavior: smooth; } body { font-family: 'DM Sans', sans-serif; background: var(--warm); color: var(--black); overflow-x: hidden; } .hero { background: var(--black); padding: 64px 48px; display: flex; flex-direction: column; align-items: flex-start; position: relative; overflow: hidden; min-height: auto; } .hero::after { content: ''; position: absolute; right: -120px; top: -120px; width: 400px; height: 400px; border-radius: 50%; border: 1px solid rgba(100,116,139,0.15); pointer-events: none; } .hero-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 10px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(--accent); margin-bottom: 20px; } .hero-eyebrow::before { content: ''; width: 28px; height: 1px; background: var(--accent); } .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(56px, 12vw, 100px); line-height: 0.95; color: #fff; letter-spacing: 1px; margin-bottom: 24px; max-width: 700px; white-space: nowrap; } .hero h1 span { color: var(--accent); } .hero-desc { font-size: 14px; font-weight: 300; color: rgba(255,255,255,0.5); line-height: 1.8; max-width: 480px; margin-bottom: 32px; } .hero-pills { display: flex; gap: 8px; flex-wrap: wrap; } .pill { border: 1px solid rgba(100,116,139,0.35); color: var(--acc-lt); font-size: 11px; font-weight: 500; padding: 6px 14px; border-radius: 100px; letter-spacing: 0.3px; } .band { background: var(--accent); padding: 20px 48px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; } .band-item { text-align: center; padding: 4px 0; position: relative; } .band-item + .band-item::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 28px; background: rgba(255,255,255,0.2); } .band-num { font-family: 'Bebas Neue', sans-serif; font-size: 30px; color: #fff; line-height: 1; display: block; letter-spacing: 1px; } .band-label { font-size: 10px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,0.65); display: block; margin-top: 3px; } .section { padding: 72px 48px; } .sec-label { font-size: 10px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(--accent); margin-bottom: 36px; display: flex; align-items: center; gap: 12px; } .sec-label::after { content: ''; width: 40px; height: 1px; background: var(--border); } .how { background: var(--warm); } .how-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--border); border: 1px solid var(--border); } .how-step { background: var(--card); padding: 40px 36px; position: relative; } .step-num { font-family: 'Bebas Neue', sans-serif; font-size: 56px; color: var(--border); line-height: 1; margin-bottom: 16px; display: block; letter-spacing: 1px; } .how-step h3 { font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 0.5px; color: var(--black); margin-bottom: 10px; } .how-step p { font-size: 13px; font-weight: 300; color: var(--muted); line-height: 1.8; } .step-icon { position: absolute; top: 40px; right: 36px; width: 36px; height: 36px; border: 1px solid var(--border); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .features-section { background: var(--black); padding: 72px 0; } .features-header { padding: 0 48px 40px; } .features-section .sec-label { color: var(--acc-lt); } .features-section .sec-label::after { background: rgba(255,255,255,0.1); } .features-header h2 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(32px, 5vw, 52px); letter-spacing: 1px; color: #fff; line-height: 1.05; } .slider-track { display: flex; gap: 16px; padding: 0 48px 4px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; cursor: grab; } .slider-track::-webkit-scrollbar { display: none; } .slider-track:active { cursor: grabbing; } .feat-card { flex-shrink: 0; width: 260px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); padding: 32px 24px; transition: background 0.2s, border-color 0.2s; } .feat-card:hover { background: rgba(100,116,139,0.1); border-color: rgba(100,116,139,0.3); } .feat-icon { width: 40px; height: 40px; border: 1px solid rgba(100,116,139,0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .feat-card h3 { font-family: 'Bebas Neue', sans-serif; font-size: 18px; letter-spacing: 0.5px; color: #fff; margin-bottom: 10px; } .feat-card p { font-size: 12px; font-weight: 300; color: rgba(255,255,255,0.4); line-height: 1.75; } .slider-hint { padding: 14px 48px 0; font-size: 10px; font-weight: 600; letter-spacing: 2px; color: rgba(255,255,255,0.18); text-transform: uppercase; display: flex; align-items: center; gap: 10px; } .slider-hint::before { content: ''; width: 20px; height: 1px; background: currentColor; } .rooms-section { background: var(--warm); } .rooms-section h2 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(32px, 5vw, 52px); letter-spacing: 1px; color: var(--black); margin-bottom: 36px; } .rooms-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; } .room-card { background: var(--card); border: 1px solid var(--border); border-top: 3px solid var(--accent); padding: 28px 20px; text-align: center; transition: transform 0.2s, box-shadow 0.2s; } .room-card:hover { transform: translateY(-3px); box-shadow: 0 8px 28px rgba(0,0,0,0.07); } .room-icon { width: 44px; height: 44px; background: var(--warm); border: 1px solid var(--border); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; } .room-card h3 { font-family: 'Bebas Neue', sans-serif; font-size: 16px; letter-spacing: 0.5px; color: var(--black); margin-bottom: 6px; } .room-card p { font-size: 11px; font-weight: 300; color: var(--muted); line-height: 1.7; } .specs-section { background: var(--black); padding: 72px 48px; } .specs-section .sec-label { color: var(--acc-lt); } .specs-section .sec-label::after { background: rgba(255,255,255,0.1); } .specs-section h2 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(32px, 5vw, 52px); letter-spacing: 1px; color: #fff; margin-bottom: 36px; } .specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; } .spec-row { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,0.06); } .spec-row:last-child { border-bottom: none; } .spec-key { font-size: 10px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,0.28); flex-shrink: 0; } .spec-val { font-size: 13px; color: rgba(255,255,255,0.8); text-align: right; } .notice-section { background: var(--warm); padding: 48px; border-top: 1px solid var(--border); } .notice-inner { background: #fff; border: 1px solid var(--border); border-left: 3px solid var(--accent); padding: 20px 24px; display: flex; gap: 16px; align-items: flex-start; } .notice-inner h4 { font-family: 'Bebas Neue', sans-serif; font-size: 14px; letter-spacing: 1px; color: var(--black); margin-bottom: 4px; } .notice-inner p { font-size: 12px; font-weight: 300; color: var(--muted); line-height: 1.75; } @media (max-width: 640px) { .hero { padding: 48px 24px; } .hero h1 { font-size: 52px; white-space: normal; line-height: 0.92; } .band { padding: 16px 24px; grid-template-columns: repeat(2, 1fr); gap: 12px; } .band-item + .band-item::before { display: none; } .section { padding: 52px 24px; } .how-grid { grid-template-columns: 1fr; } .features-header { padding: 0 24px 32px; } .slider-track { padding: 0 24px 4px; } .slider-hint { padding: 12px 24px 0; } .rooms-grid { grid-template-columns: 1fr 1fr; } .specs-section { padding: 52px 24px; } .specs-grid { grid-template-columns: 1fr; } .notice-section { padding: 32px 24px; } } @media (max-width: 400px) { .hero h1 { font-size: 42px; } .rooms-grid { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { * { transition: none !important; } } 360° Rotating Cabinet EVERY PAIR,ALWAYSWITHIN REACH. A modern wooden cabinet that hides a full rotating shelf system inside — 360° access to up to 96 pairs of shoes, bags, and accessories. 360° Rotation 96 Pairs Wooden Build Dust-Free 96Pairs 360°Rotation 1Footprint 0Wasted Space How It Works 01 Open the door From the outside it looks like clean furniture. Open the door to reveal the full rotating shelf system inside. 02 Spin to your section The circular wooden shelf rotates a full 360°. No bending, no reaching, no shuffling pairs out of the way. 03 Pick your pair Every pair is visible, organized, and at eye level. Grab what you need in seconds. 04 Close and done Shut the doors and your space looks clean again. Shoes stay dust-free and protected. Features BUILT FOR PEOPLEWITH A LOT OF SHOES. 360° Rotating Shelf The entire internal structure spins freely. Access any shelf without moving a single pair out of the way. Enclosed Cabinet Doors Flush-closing doors hide your footwear behind a clean exterior. Shoes stay dust-free year-round. Solid Wood Build The rotating frame and cabinet are solid wood — sturdy enough for daily use, built to last years. Compact Footprint Holds 96 pairs in the space of one wardrobe column. Ideal for apartments and narrow hallways. Furniture-Level Design Clean square silhouette that blends with any interior. Looks intentional, not like storage. More Than Shoes Use shelves for bags, hats, or accessories. A versatile organiser that fits how you actually live. Easy Assembly All hardware and instructions included. No specialist tools — up and running without the frustration. Drag to explore Placement FITS WHEREVERYOU NEED IT. Entryway Keep all shoes at the door without the pile-up. Bedroom Morning routine simplified. Full collection in one spin. Walk-in Closet Turn dead corner space into 96-pair capacity. Hallway Slim cabinet slides into corridors others can't. Specifications THE DETAILS. CapacityUp to 96 pairs Rotation360° internal shelf MaterialEco-friendly wood DesignModern square cabinet DoorsEnclosed, flush-closing VersatilityShoes, bags, hats, accessories AssemblyRequired — hardware included PlacementAny indoor room Good to know Assembly is required before use. Place on a level floor for smooth rotation. The shelf is sized for standard footwear — check dimensions if storing large boots or platform shoes.
More you might like
Related
Shoe Rack 360° Rotating Height Adjustable Aluminum Alloy Sho
Related
Shoe Rack 360° Rotating Height Adjustable Aluminum Alloy Sho
Related
Shoe Rack 360° Rotating Height Adjustable Aluminum Alloy Sho
Related