{"product_id":"thewhitetee","title":"the white tee","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eThe Standard — the white tee\u003c\/title\u003e\n\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@300;400\u0026display=swap');\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  :root {\n    --white: #FFFFFF;\n    --cream: #FAF7F2;\n    --sand: #D4C5B0;\n    --stone: #E8E0D5;\n    --charcoal: #2C2C2C;\n  }\n\n  body {\n    background-color: var(--cream);\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    color: var(--charcoal);\n    letter-spacing: 0.04em;\n  }\n\n  .page { max-width: 720px; margin: 0 auto; padding: 80px 40px 120px; }\n\n  .label {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 10px;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--charcoal);\n    margin-bottom: 48px;\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 0.1s;\n  }\n\n  .headline {\n    font-family: 'Jost', sans-serif;\n    font-size: clamp(32px, 5vw, 56px);\n    font-weight: 300;\n    line-height: 1.15;\n    color: var(--charcoal);\n    letter-spacing: 0.06em;\n    margin-bottom: 56px;\n    opacity: 0;\n    animation: fadeUp 1s ease forwards 0.3s;\n  }\n\n  .headline em { font-style: normal; color: var(--sand); }\n\n  .rule {\n    width: 48px; height: 1px; background: var(--sand);\n    margin-bottom: 56px; opacity: 0;\n    animation: fadeUp 0.8s ease forwards 0.5s;\n  }\n\n  .body-text {\n    font-family: 'Jost', sans-serif;\n    font-size: 16px; line-height: 1.9;\n    color: var(--charcoal); font-weight: 300;\n    opacity: 0; animation: fadeUp 1s ease forwards 0.6s;\n  }\n\n  .body-text p { margin-bottom: 1.7em; }\n  .body-text p:last-child { margin-bottom: 0; }\n\n  .pull-quote {\n    border-left: 1px solid var(--sand);\n    padding: 4px 0 4px 32px; margin: 56px 0;\n    opacity: 0; animation: fadeUp 1s ease forwards 0.85s;\n  }\n\n  .pull-quote p {\n    font-family: 'Jost', sans-serif;\n    font-size: 22px; font-style: italic;\n    line-height: 1.55; color: var(--charcoal);\n    font-weight: 300; letter-spacing: 0.04em;\n  }\n\n  \/* --- PURE CSS TAB SYSTEM --- *\/\n\n  \/* Hide radio inputs *\/\n  .tab-input { display: none; }\n\n  \/* Tab wrapper *\/\n  .cotton-tabs {\n    display: flex;\n    margin: 56px 0 0;\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 0.7s;\n  }\n\n  \/* Tab labels act as buttons *\/\n  .cotton-tab-label {\n    flex: 1;\n    padding: 14px 0;\n    text-align: center;\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 10px;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    color: var(--charcoal);\n    background: var(--stone);\n    cursor: pointer;\n    transition: background 0.2s ease, color 0.2s ease;\n    user-select: none;\n  }\n\n  .cotton-tab-label:hover { background: var(--sand); }\n\n  \/* Active state via checked radio *\/\n  #tab-supima:checked ~ .page-content .cotton-tabs .label-supima,\n  #tab-seaisland:checked ~ .page-content .cotton-tabs .label-seaisland {\n    background: var(--charcoal);\n    color: var(--white);\n  }\n\n  \/* Spec panels — hidden by default *\/\n  .spec-section { display: none; margin: 0 0 64px; }\n\n  \/* Show correct panel based on checked radio *\/\n  #tab-supima:checked ~ .page-content #specs-supima { display: block; }\n  #tab-seaisland:checked ~ .page-content #specs-seaisland { display: block; }\n\n  \/* Spec styles *\/\n  .spec-section-label {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 10px;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--charcoal);\n    padding: 32px 0 16px;\n    border-bottom: 1px solid var(--stone);\n  }\n\n  .spec-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 40px;\n    padding: 20px 0;\n    border-bottom: 1px solid var(--stone);\n  }\n\n  .spec-item:last-child { border-bottom: none; }\n\n  .spec-name {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 10px;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: var(--charcoal);\n    min-width: 140px;\n    padding-top: 3px;\n  }\n\n  .spec-detail {\n    font-family: 'Jost', sans-serif;\n    font-size: 15px; line-height: 1.7;\n    color: var(--charcoal); font-weight: 300;\n    flex: 1;\n  }\n\n  .separator {\n    width: 100%; height: 1px; background: var(--stone);\n    margin: 0 0 64px; opacity: 0;\n    animation: fadeUp 0.6s ease forwards 1.1s;\n  }\n\n  .closing-block { opacity: 0; animation: fadeUp 1s ease forwards 1.2s; }\n\n  .closing-block p {\n    font-family: 'Jost', sans-serif;\n    font-size: 16px; line-height: 1.9;\n    color: var(--charcoal); font-weight: 300;\n    margin-bottom: 1.7em;\n  }\n\n  .closing-block p:last-of-type { margin-bottom: 0; }\n\n  .signature {\n    margin-top: 56px;\n    font-family: 'Jost', sans-serif;\n    font-weight: 300; font-size: 11px;\n    letter-spacing: 0.2em; text-transform: lowercase;\n    color: var(--charcoal); opacity: 0;\n    animation: fadeUp 0.8s ease forwards 1.4s;\n  }\n\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(16px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (max-width: 600px) {\n    .page { padding: 60px 24px 80px; }\n    .spec-item { flex-direction: column; gap: 8px; }\n    .spec-name { min-width: unset; }\n  }\n\u003c\/style\u003e\n\n\n\n\u003c!-- Radio inputs must be OUTSIDE .page for CSS sibling selectors to work --\u003e\n\u003cinput class=\"tab-input\" type=\"radio\" id=\"tab-supima\" name=\"cotton-tab\" checked\u003e\n\u003cinput class=\"tab-input\" type=\"radio\" id=\"tab-seaisland\" name=\"cotton-tab\"\u003e\n\n\u003cdiv class=\"page-content\"\u003e\n\u003cdiv class=\"page\"\u003e\n\n  \u003cdiv class=\"label\"\u003ethe standard\u003c\/div\u003e\n\n  \u003ch1 class=\"headline\"\u003eTwo cottons.\u003cbr\u003e\u003cem\u003eOne standard.\u003c\/em\u003e\n\u003c\/h1\u003e\n\n  \u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"body-text\"\u003e\n    \u003cp\u003eMost products are built around what is acceptable. The material that passes quality control. The construction that holds. The decisions that can be justified in a spreadsheet.\u003c\/p\u003e\n    \u003cp\u003eWe started with what the tee had to be — and worked backwards from there.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pull-quote\"\u003e\n    \u003cp\u003e\"We did not ask what we could get away with. We asked what it would take to make something we could not improve.\"\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Tab labels --\u003e\n  \u003cdiv class=\"cotton-tabs\"\u003e\n    \u003clabel class=\"cotton-tab-label label-supima\" for=\"tab-supima\"\u003eThe Supima\u003c\/label\u003e\n    \u003clabel class=\"cotton-tab-label label-seaisland\" for=\"tab-seaisland\"\u003eThe Sea Island\u003c\/label\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Supima specs --\u003e\n  \u003cdiv class=\"spec-section\" id=\"specs-supima\"\u003e\n    \u003cdiv class=\"spec-section-label\"\u003ethe supima — specifications\u003c\/div\u003e\n\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cspan class=\"spec-name\"\u003eThe cotton\u003c\/span\u003e\n      \u003cspan class=\"spec-detail\"\u003eSupima. Long-staple, grown in California, certified and traceable. Less than 1% of the world's cotton supply qualifies — we chose it because nothing else held its structure, its softness, or its white the same way.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cspan class=\"spec-name\"\u003e200 GSM\u003c\/span\u003e\n      \u003cspan class=\"spec-detail\"\u003eDense enough to hold its form. Light enough to forget you're wearing it. The precise point where the tee holds its structure without asserting itself.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cspan class=\"spec-name\"\u003eThe collar\u003c\/span\u003e\n      \u003cspan class=\"spec-detail\"\u003eReinforced at the construction level — not corrected after the fact. It holds wash after wash because the structure is correct from the beginning.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cspan class=\"spec-name\"\u003eThe seams\u003c\/span\u003e\n      \u003cspan class=\"spec-detail\"\u003eClean-finished throughout. Not because you will see them — you won't. Because the way a seam is finished tells you something about how every other decision was made.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cspan class=\"spec-name\"\u003eThe fit\u003c\/span\u003e\n      \u003cspan class=\"spec-detail\"\u003eClassic. Not slim, not oversized. The fit that existed before fashion started moving in cycles — the one that works over a shirt, under a jacket, on its own.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cspan class=\"spec-name\"\u003eNo exterior logo\u003c\/span\u003e\n      \u003cspan class=\"spec-detail\"\u003eThe wordmark is on the inside back neck label. The outside is entirely yours.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Sea Island specs --\u003e\n  \u003cdiv class=\"spec-section\" id=\"specs-seaisland\"\u003e\n    \u003cdiv class=\"spec-section-label\"\u003ethe sea island — specifications\u003c\/div\u003e\n\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cspan class=\"spec-name\"\u003eThe cotton\u003c\/span\u003e\n      \u003cspan class=\"spec-detail\"\u003eSea Island cotton makes up 0.0004% of the world's cotton supply. Grown on a specific stretch of warm, humid coastline where the conditions for this plant have existed for centuries — nothing else comes close.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cspan class=\"spec-name\"\u003eThe fibre\u003c\/span\u003e\n      \u003cspan class=\"spec-detail\"\u003eThe longest natural cotton staple in existence. The result is a yarn so fine it approaches the territory of silk — with the durability and breathability that only cotton provides.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cspan class=\"spec-name\"\u003eThe weight\u003c\/span\u003e\n      \u003cspan class=\"spec-detail\"\u003eLighter than the Supima. The fabric moves differently — less structure, more drape. It sits on the skin rather than against it. A different kind of right.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cspan class=\"spec-name\"\u003eThe collar\u003c\/span\u003e\n      \u003cspan class=\"spec-detail\"\u003eSame reinforced construction as the Supima. The standard does not change with the cotton.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cspan class=\"spec-name\"\u003eThe seams\u003c\/span\u003e\n      \u003cspan class=\"spec-detail\"\u003eClean-finished throughout. Not because you will see them — you won't. Because the way a seam is finished tells you something about how every other decision was made.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cspan class=\"spec-name\"\u003eNo exterior logo\u003c\/span\u003e\n      \u003cspan class=\"spec-detail\"\u003eThe wordmark is on the inside back neck label. The outside is entirely yours.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cspan class=\"spec-name\"\u003eAvailability\u003c\/span\u003e\n      \u003cspan class=\"spec-detail\"\u003ePre-order only. The plant is slow. The yield is small. We make it when we can make it right.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"closing-block\"\u003e\n    \u003cp\u003eA white t-shirt has nowhere to hide. No pattern, no colour, no detail to distract from the parts that are wrong. Every flaw shows. Every compromise shows.\u003c\/p\u003e\n    \u003cp\u003eWe made it the only thing. Which means every decision above had to be right simultaneously. The cotton. The weight. The collar, the seams, the fit. Nothing left to fix.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"signature\"\u003ethe white tee\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"The White Tee","offers":[{"title":"S","offer_id":47603314327778,"sku":null,"price":225.0,"currency_code":"EUR","in_stock":false},{"title":"M","offer_id":47603314360546,"sku":null,"price":225.0,"currency_code":"EUR","in_stock":false},{"title":"L","offer_id":47603314393314,"sku":null,"price":225.0,"currency_code":"EUR","in_stock":false},{"title":"XL","offer_id":47603314426082,"sku":null,"price":225.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0803\/6617\/4434\/files\/hf_20260620_191507_18dfbc48-4e6d-4d07-8794-4eed3b1c0a72.png?v=1781983088","url":"https:\/\/thewhitetee.co\/products\/thewhitetee","provider":"the white tee","version":"1.0","type":"link"}