Skip to content

Commit 6d7c45b

Browse files
UserUser
authored andcommitted
storage
1 parent 92b7365 commit 6d7c45b

1 file changed

Lines changed: 236 additions & 0 deletions

File tree

docs/notes/storage/index.html

Lines changed: 236 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,236 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1" />
6+
<meta name="description" content="A practical guide to modular storage systems, focusing on IKEA Kallax and compatible alternatives available in New Zealand." />
7+
<title>Modular Storage Systems – Kallax & Compatible Units</title>
8+
<style>
9+
:root {
10+
--accent: #ffd400;
11+
--text: #222;
12+
--muted: #666;
13+
--border: #ddd;
14+
--bg-soft: #f7f7f7;
15+
}
16+
17+
body {
18+
font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
19+
line-height: 1.6;
20+
margin: 0;
21+
color: var(--text);
22+
background: #fff;
23+
}
24+
25+
header, main, footer {
26+
max-width: 900px;
27+
margin: 0 auto;
28+
padding: 1.25rem;
29+
}
30+
31+
header h1 {
32+
margin-bottom: 0.25rem;
33+
}
34+
35+
header p {
36+
color: var(--muted);
37+
max-width: 60ch;
38+
}
39+
40+
h2, h3, h4 {
41+
margin-top: 2rem;
42+
}
43+
44+
a {
45+
color: #0645ad;
46+
}
47+
48+
a:hover {
49+
text-decoration: none;
50+
}
51+
52+
.note {
53+
background: var(--bg-soft);
54+
border-left: 4px solid var(--accent);
55+
padding: 0.75rem 1rem;
56+
margin: 1rem 0;
57+
}
58+
59+
ul {
60+
padding-left: 1.25rem;
61+
}
62+
63+
li {
64+
margin: 0.4rem 0;
65+
}
66+
67+
.pricetag {
68+
font-weight: 600;
69+
background-color: var(--accent);
70+
padding: 0 0.35em;
71+
font-size: 0.8em;
72+
border-radius: 4px;
73+
border: 1px solid #000;
74+
margin-right: 0.4em;
75+
white-space: nowrap;
76+
}
77+
78+
.pricetag::before {
79+
content: "$";
80+
}
81+
82+
.per-cube {
83+
font-size: 0.75em;
84+
color: var(--muted);
85+
margin-left: 0.35em;
86+
}
87+
88+
table {
89+
width: 100%;
90+
border-collapse: collapse;
91+
margin: 1rem 0;
92+
font-size: 0.95em;
93+
}
94+
95+
th, td {
96+
border: 1px solid var(--border);
97+
padding: 0.5rem 0.6rem;
98+
text-align: left;
99+
}
100+
101+
th {
102+
background: var(--bg-soft);
103+
}
104+
105+
footer {
106+
font-size: 0.85em;
107+
color: var(--muted);
108+
border-top: 1px solid var(--border);
109+
margin-top: 3rem;
110+
}
111+
</style>
112+
</head>
113+
<body>
114+
115+
<header>
116+
<h1>Modular Storage Systems</h1>
117+
<p>
118+
If you are storing household items, books, games, or tools, it is almost always better to use an
119+
established modular system than to invent your own.
120+
</p>
121+
</header>
122+
123+
<main>
124+
<section>
125+
<h2>Why use a modular system?</h2>
126+
<ul>
127+
<li><strong>Expandable:</strong> add units later as your needs change.</li>
128+
<li><strong>Standardised:</strong> cheap inserts and accessories fit reliably.</li>
129+
<li><strong>Widely available:</strong> easy to replace damaged units or buy more.</li>
130+
</ul>
131+
</section>
132+
133+
<section>
134+
<h2>Kallax-style cube storage</h2>
135+
136+
<p>
137+
The <a href="https://www.ikea.com/nz/en/cat/kallax-series-27534/">IKEA Kallax series</a> is the most common
138+
example of this style. Bunnings sells a close equivalent under the
139+
<em>Flexi Storage Clever Cube</em> name.
140+
</p>
141+
142+
<div class="note">
143+
<strong>Important:</strong> Kallax-compatible units are <em>not</em> the same size as cube systems sold by
144+
The Warehouse or Kmart. Inserts are not interchangeable. Kmart and The Warehouse cubes are much smaller.
145+
</div>
146+
147+
<h3>Standard cube dimensions</h3>
148+
<table>
149+
<thead>
150+
<tr>
151+
<th>Measurement</th>
152+
<th>Approx. size</th>
153+
</tr>
154+
</thead>
155+
<tbody>
156+
<tr>
157+
<td>Width</td>
158+
<td>33 cm</td>
159+
</tr>
160+
<tr>
161+
<td>Height</td>
162+
<td>33 cm</td>
163+
</tr>
164+
<tr>
165+
<td>Depth</td>
166+
<td>39 cm</td>
167+
</tr>
168+
</tbody>
169+
</table>
170+
</section>
171+
172+
<section>
173+
<h3>IKEA Kallax shelving units</h3>
174+
<p>
175+
<a href="https://www.ikea.com/nz/en/cat/kallax-shelving-units-58285/">IKEA Kallax shelving units</a>
176+
</p>
177+
<ul>
178+
<li><span class="pricetag">449</span>5×5 Kallax <span class="per-cube">(~$17.96 per cube)</span></li>
179+
<li><span class="pricetag">249</span>4×4 Kallax <span class="per-cube">(~$15.56 per cube)</span></li>
180+
<li><span class="pricetag">169</span>3×4 Kallax <span class="per-cube">(~$14.00 per cube)</span></li>
181+
<li><span class="pricetag">99</span>2×4 Kallax <span class="per-cube">(~$12.37 per cube)</span></li>
182+
<li><span class="pricetag">89</span>1×4 Kallax <span class="per-cube">(~$22.25 per cube)</span></li>
183+
<li><span class="pricetag">69</span>2×2 Kallax <span class="per-cube">(~$17.25 per cube)</span></li>
184+
</ul>
185+
</section>
186+
187+
<section>
188+
<h3>Bunnings Flexi Storage Clever Cube</h3>
189+
<p>
190+
<a href="https://www.bunnings.co.nz/brands/f/flexi-storage-clever-cube">Flexi Storage Clever Cube range</a>
191+
</p>
192+
<ul>
193+
<li><span class="pricetag">248</span>4×4 unit</li>
194+
<li><span class="pricetag">98</span>2×4 unit</li>
195+
<li><span class="pricetag">88</span>1×4 unit</li>
196+
<li><span class="pricetag">68</span>2×2 unit</li>
197+
<li><span class="pricetag">58</span>1×2 unit</li>
198+
</ul>
199+
</section>
200+
201+
<section>
202+
<h3>Inserts & accessories</h3>
203+
<p>
204+
<a href="https://www.ikea.com/nz/en/cat/inserts-accessories-for-kallax-58286/">IKEA Kallax inserts</a>
205+
include drawers, doors, fabric boxes, and dividers.
206+
<!-- https://www.bunnings.co.nz/search/products?q=Flexi+Storage+Clever+Cube&brandname=Flexi+Storage+Clever+Cube&sort=BoostOrder&page=2 -->
207+
<a href="https://www.bunnings.co.nz/search/products?q=Flexi+Storage+Clever+Cube&brandname=Flexi+Storage+Clever+Cube&sort=BoostOrder&page=2">Bunnings Flexi Storage inserts</a> include a similar range of accessories.
208+
</p>
209+
<ul>
210+
<li>
211+
Drawer insert (2 drawers):
212+
<a href="https://www.ikea.com/nz/en/p/kallax-insert-with-2-drawers-white-20416735/">Product page</a>
213+
</li>
214+
</ul>
215+
</section>
216+
217+
<section>
218+
<h3>Desk attachment</h3>
219+
<ul>
220+
<li>
221+
IKEA Inlägg connection fitting:
222+
<a href="https://www.ikea.com/nz/en/p/inlaegg-connection-fitting-10522377/">Product page</a>
223+
</li>
224+
</ul>
225+
</section>
226+
</main>
227+
228+
<footer>
229+
<p>
230+
Prices are indicative and may change. Measurements are approximate.
231+
Always double-check compatibility before buying inserts.
232+
</p>
233+
</footer>
234+
235+
</body>
236+
</html>

0 commit comments

Comments
 (0)