Other Matter

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:media="http://search.yahoo.com/mrss/"
	
	>

<channel>
	<title>Other Matter</title>
	<link>https://other-matter.com</link>
	<description>Other Matter</description>
	<pubDate>Mon, 24 Aug 2026 11:14:41 +0000</pubDate>
	<generator>https://other-matter.com</generator>
	<language>en</language>
	
		
	<item>
		<title>Home</title>
				
		<link>https://other-matter.com/Home</link>

		<pubDate>Mon, 24 Aug 2026 11:14:41 +0000</pubDate>

		<dc:creator>Other Matter</dc:creator>

		<guid isPermaLink="true">https://other-matter.com/Home</guid>

		<description>

  [local-style="38568448"] .container_width,
  [local-style="38568448"] .container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  [local-style="38568448"] .content_padding {
    padding: 0 !important;
  }

  #om-home2 {
    --gap: 1.6rem;
    --section-spacing: clamp(2.2rem, 4vh, 3.2rem);
    position: relative;
    margin: 0;
    background: var(--om-bg, #F7FEF9);
    color: var(--om-ink, #003D27);
    font-family: "monument grotesk mono", monospace;
  }
  #om-home2 * { box-sizing: border-box; }
  #om-home2 a { text-decoration: none; color: inherit; }
  #om-home2 img { display: block; max-width: 100%; }
  #om-home2 h1, #om-home2 h2, #om-home2 h3 { color: inherit; }

  #om-home2 .om-serif {
    font-family: "whyte inktrap", serif;
    font-weight: 500;
    line-height: 1.15;
  }
  #om-home2 .om-prose {
    font-family: "whyte inktrap", serif;
    font-weight: 400;
    line-height: 1.5;
  }

  #om-home2 .om-mission {
    padding: clamp(3.2rem, 6vh, 5rem) var(--gap) var(--section-spacing);
    max-width: 62ch;
  }
  #om-home2 .om-mission h1 {
    font-size: clamp(2rem, 4.2vw, 3.4rem);
    margin: 0 0 0.7em;
  }
  #om-home2 .om-mission p {
    font-size: 1.3rem;
    opacity: 0.85;
    margin: 0;
    max-width: 50ch;
  }

  #om-home2 .om-kicker-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: clamp(1.4rem, 2.4vh, 2rem);
  }
  #om-home2 .om-kicker {
    font-size: 0.85rem;
    letter-spacing: 0.1em;
    opacity: 0.7;
  }
  #om-home2 .om-view-all {
    font-size: 0.85rem;
    letter-spacing: 0.03em;
    border-bottom: 1px solid currentColor;
    padding-bottom: 2px;
  }
  #om-home2 .om-view-all:hover { color: var(--om-accent, #00DB36); }

  /* ---------- Materials ----------
     Grid is always visible now — no more click-to-reveal. Bespoke path
     sits directly below as a smaller, secondary card rather than an
     equal-weight alternative, so both are visible without hiding either. */
  #om-home2 .om-materials {
    padding: var(--section-spacing) var(--gap);
  }

  #om-home2 .om-tilegrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(1.8rem, 3vh, 2.4rem);
  }
  #om-home2 .om-tile {
    display: flex;
    flex-direction: column;
    color: var(--om-ink, #003D27);
  }
  #om-home2 .om-tile-frame {
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    display: block;
    background: #06120c;
  }
  #om-home2 .om-tile-img {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
    transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);
  }
  #om-home2 .om-tile:hover .om-tile-img { transform: scale(1.045); }
  #om-home2 .om-tile-copy {
    padding-top: clamp(1rem, 1.8vh, 1.4rem);
    display: flex; flex-direction: column; gap: 0.5em;
  }
  #om-home2 .om-tile-title {
    font-family: "whyte inktrap", serif;
    font-weight: 500;
    font-size: 1.45rem;
  }
  /* Byline was inheriting the root mono font — no font-family was ever set
     here, so it fell through to #om-home2's monospace default instead of
     Whyte Inktrap. Explicit now, and sized up a step to sit clearly between
     the title and the CTA label instead of nearly matching the CTA. */
  #om-home2 .om-tile-line {
    font-family: "whyte inktrap", serif;
    font-weight: 400;
    font-size: 0.95rem;
    line-height: 1.4;
    opacity: 0.65;
    max-width: 30ch;
  }
  #om-home2 .om-tile-cta {
    margin-top: 0.4em;
    font-family: "monument grotesk mono", monospace;
    font-size: 0.75rem;
    letter-spacing: 0.03em;
    opacity: 0.85;
    border-bottom: 1px solid currentColor;
    padding-bottom: 2px;
    width: fit-content;
  }
  #om-home2 .om-tile:hover .om-tile-cta { color: var(--om-accent, #00DB36); opacity: 1; }

  #om-home2 .om-bespoke-card {
    display: block;
    margin-top: clamp(2rem, 3.5vh, 2.8rem);
    border: 1px solid rgba(89, 41, 33, 0.3);
    padding: 2.4rem;
    color: #592921;
    transition: color 0.2s ease;
  }
  #om-home2 .om-bespoke-card:hover { color: #FF671F; }
  #om-home2 .om-bespoke-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.6rem;
  }
  #om-home2 .om-bespoke-top h3 {
    font-family: "whyte inktrap", serif;
    font-weight: 500;
    margin: 0;
    font-size: 1.4rem;
    flex: 1 1 auto;
    min-width: 0;
  }
  #om-home2 .om-bespoke-arrow {
    display: inline-block;
    font-size: 1.4rem;
    flex-shrink: 0;
    line-height: 1.15;
    transition: transform 0.2s ease;
  }
  #om-home2 .om-bespoke-card:hover .om-bespoke-arrow { transform: translateX(4px); }
  #om-home2 .om-bespoke-card p {
    margin: 0.8em 0 0;
    font-size: 1.05rem;
    opacity: 0.85;
    max-width: 56ch;
  }

  /* ---------- Split (Partnerships / Studio) ---------- */
  #om-home2 .om-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0 var(--gap);
    min-height: 58vh;
  }
  #om-home2 .om-split-media {
    position: relative;
    overflow: hidden;
  }
  #om-home2 .om-split-media img {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  }
  #om-home2 .om-split-copy {
    padding: clamp(3rem, 5vh, 4.4rem) clamp(1.6rem, 4vw, 3.2rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: clamp(1rem, 1.6vh, 1.4em);
  }
  #om-home2 .om-split-copy .om-kicker { margin: 0; }
  #om-home2 .om-split-copy h2 {
    font-size: clamp(1.5rem, 2.6vw, 2.2rem);
    margin: 0;
    max-width: 22ch;
  }
  #om-home2 .om-split-copy p {
    font-size: 1.15rem;
    opacity: 0.85;
    margin: 0;
    max-width: 34ch;
  }
  #om-home2 .om-split-copy .om-link {
    font-size: 0.85rem;
    letter-spacing: 0.03em;
    border-bottom: 1px solid currentColor;
    padding-bottom: 2px;
    width: fit-content;
  }
  #om-home2 .om-split-copy .om-link:hover { color: var(--om-accent, #00DB36); }

  #om-home2 .om-split-dark {
    background: var(--om-ink, #003D27);
    color: #fff;
  }
  #om-home2 .om-split-dark .om-kicker { color: var(--om-accent, #00DB36); opacity: 1; }

  /* ---------- Recognition banner ----------
     Cargo's own sitewide theme has `.content img { z-index: 100000; }` —
     applied to any image inserted through Cargo's own image picker (which
     wraps it in that .content-classed structure). That silently overrides
     plain DOM-order stacking, which is what put the photo on top of the
     scrim and text instead of behind them. Every stacked layer below now
     gets an explicit z-index, scoped to #om-home2 for higher specificity
     than Cargo's rule, so this can't happen again regardless of how the
     image gets inserted. */
  #om-home2 .om-banner {
    position: relative;
    margin: var(--section-spacing) 0;
    min-height: 54vh;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    color: #fff;
  }
  #om-home2 .om-banner img {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
    z-index: 0;
  }
  #om-home2 .om-banner-scrim {
    position: absolute; inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0,10,6,0.05) 35%, rgba(0,10,6,0.82) 100%);
  }
  #om-home2 .om-banner-copy {
    position: relative;
    z-index: 2;
    padding: clamp(2.4rem, 5vh, 3.6rem) var(--gap);
    max-width: 56ch;
    display: flex;
    flex-direction: column;
    gap: clamp(0.8em, 1.4vh, 1em);
  }
  #om-home2 .om-banner-copy .om-kicker { color: #fff; opacity: 0.75; }
  #om-home2 .om-banner-copy h2 {
    font-size: clamp(1.8rem, 4.5vw, 3.2rem);
    margin: 0;
    max-width: 22ch;
  }
  #om-home2 .om-banner-stat {
    font-size: 1.15rem;
    opacity: 0.88;
    margin: 0;
  }
  #om-home2 .om-banner-link {
    color: #fff;
    font-size: 0.85rem;
    letter-spacing: 0.03em;
    border-bottom: 1px solid currentColor;
    padding-bottom: 2px;
    width: fit-content;
    opacity: 0.9;
  }
  #om-home2 .om-banner-link:hover { color: var(--om-accent, #00DB36); opacity: 1; }

  /* ---------- Contact CTA ---------- */
  #om-home2 .om-cta {
    padding: var(--section-spacing) var(--gap) clamp(3.2rem, 6vh, 5rem);
  }
  #om-home2 .om-cta h2 {
    font-size: clamp(2rem, 4.5vw, 3.4rem);
    margin: 0 0 0.5em;
  }
  #om-home2 .om-cta p {
    font-size: 1.3rem;
    opacity: 0.85;
    max-width: 44ch;
    margin: 0 0 clamp(1rem, 1.6vh, 1.2em);
  }
  #om-home2 .om-cta .om-link {
    font-size: 0.95rem;
    letter-spacing: 0.03em;
    border-bottom: 1px solid currentColor;
    padding-bottom: 2px;
    width: fit-content;
  }
  #om-home2 .om-cta .om-link:hover { color: var(--om-accent, #00DB36); }

  @media (max-width: 900px) {
    #om-home2 .om-tilegrid { grid-template-columns: 1fr; gap: clamp(2.2rem, 3.6vh, 3rem); }
    #om-home2 .om-tile-frame { aspect-ratio: 4 / 3; }
    #om-home2 .om-split { grid-template-columns: 1fr; min-height: auto; }
    #om-home2 .om-split-media { aspect-ratio: 4 / 3; }
    #om-home2 .om-split-copy { padding: clamp(2.4rem, 4vh, 3.6rem) clamp(1.6rem, 5vw, 2.8rem); }
  }

 /* ---------- Projects gallery ----------
     Image + one-line label. Duplicate the .om-gallery-item block for each
     image you add — no fixed count, no JS. */
  #om-home2 .om-gallery {
    padding: var(--section-spacing) var(--gap);
  }
  #om-home2 .om-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(1.2rem, 2.4vh, 1.8rem);
  }
  #om-home2 .om-gallery-item {
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  #om-home2 .om-gallery-frame {
    position: relative;
    display: block;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: #06120c;
  }
  #om-home2 .om-gallery-img {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  }
  #om-home2 .om-gallery-label {
    padding-top: 0.7em;
    font-family: "whyte inktrap", serif;
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1.4;
    opacity: 0.7;
  }
  @media (max-width: 900px) {
    #om-home2 .om-gallery-grid { grid-template-columns: repeat(2, 1fr); gap: clamp(1.6rem, 3vh, 2.2rem); }
  }


    What should a material do once its job is done?
    Other Matter® makes algae-derived bioplastic sheet materials for signage, interior surfaces and upholstery. Our patented formulations are non-toxic, closed-loop, and made to be taken back and remade.
  

      MATERIALS
      View all →
    

          &#60;img class="om-tile-img" data-src="https://freight.cargo.site/w/2200/q/85/i/d38ecbdf30052b2de0a8be485e289d2232c868db2a05bad27411577ef3879609/BOOM24_Aesop-QV-July-Skincare-2024_02_ST_028-Web.jpg" src="https://freight.cargo.site/w/2200/q/85/i/d38ecbdf30052b2de0a8be485e289d2232c868db2a05bad27411577ef3879609/BOOM24_Aesop-QV-July-Skincare-2024_02_ST_028-Web.jpg" alt="OM Signage Film"&#62;
        
        
          OM Signage Film
          Retail, exhibition and event signage
          Explore material →
        
      
          &#60;img class="om-tile-img" data-src="https://freight.cargo.site/w/2200/q/85/i/4dc71b8bbcfa8cbf23d2739f463df9e4a844a715450f3335a00ae8c3139648ef/PH_DSCF2892.jpg" src="https://freight.cargo.site/w/2200/q/85/i/4dc71b8bbcfa8cbf23d2739f463df9e4a844a715450f3335a00ae8c3139648ef/PH_DSCF2892.jpg" alt="Other Matter Leather"&#62;
        
        
          Other Matter Leather
          A sheet material with the tactility of leather
          Explore material →
        
      
          &#60;img class="om-tile-img" data-src="https://freight.cargo.site/w/2200/q/85/i/6b199b29382791cf1e972a61afeb4fc6cc095a39fb38a55e240986f4f1e29437/AESOP_MDW_STILLS_LREXPORT_25-514-81.jpg" src="https://freight.cargo.site/w/2200/q/85/i/6b199b29382791cf1e972a61afeb4fc6cc095a39fb38a55e240986f4f1e29437/AESOP_MDW_STILLS_LREXPORT_25-514-81.jpg" alt="OM Surface Film"&#62;
        
        
          OM Surface Film
          Large-scale film for glazing and curtains
          Explore material →
        
      
        Looking for something bespoke or one-of-a-kind?
        ↗
      
      Hand-poured surfaces, patterned sheets and site-specific commissions continue at Jessie French Studio.
    
  
PROJECTS
    
    
          &#60;img class="om-gallery-img" data-src="https://freight.cargo.site/t/original/i/98c84997946e4774e6eec80f3a35547f9b7f16b4bad6e76b4d925d22aeba7e9d/260218_moma_family_festival_052.jpg" src="https://freight.cargo.site/t/original/i/98c84997946e4774e6eec80f3a35547f9b7f16b4bad6e76b4d925d22aeba7e9d/260218_moma_family_festival_052.jpg" alt="OM Signage Film at Museum of Modern Art, Colour Play Space"&#62;
        
        OM Signage Film
MoMA interactive installation, New York, USA
      
      
          &#60;img class="om-gallery-img" data-src="https://freight.cargo.site/t/original/i/0e9bba11dbb6ea0573b57338fd19f627ae4e48baaebf02ac0c24f7c5d1c34a84/1.-BOOM24_Aesop-Other-Matter-Armadale_03_ST_026-Web.jpg" src="https://freight.cargo.site/t/original/i/0e9bba11dbb6ea0573b57338fd19f627ae4e48baaebf02ac0c24f7c5d1c34a84/1.-BOOM24_Aesop-Other-Matter-Armadale_03_ST_026-Web.jpg" alt="Printed OM Signage Film at Aesop Armadale"&#62;
        
        OM Signage Film 
Aesop Armadale, Melbourne, Australia
      
      
         &#60;img class="om-gallery-img" data-src="https://freight.cargo.site/t/original/i/cb3b1d01722e98d2eec311399e52d5098e95bff41ac91b3c9d982abd9008ae83/BOOM24_Aesop-Other-Matter-Collins-St_03_ST_098-HR.jpg" src="https://freight.cargo.site/t/original/i/cb3b1d01722e98d2eec311399e52d5098e95bff41ac91b3c9d982abd9008ae83/BOOM24_Aesop-Other-Matter-Collins-St_03_ST_098-HR.jpg" alt="OM Surface Film, Aesop Collins St, Melbourne"&#62;
        
        OM Surface Film
Aesop Collins St, Melbourne, Australia
      
      
          &#60;img class="om-gallery-img" data-src="https://freight.cargo.site/t/original/i/e3fa8edaae1d45240a255e1cf1fa443e4cb208b3b6d7a1f76453e4af4ec99371/MAKEiv_HWL_260318_DG18-web-hires_crop.jpg" src="https://freight.cargo.site/t/original/i/e3fa8edaae1d45240a255e1cf1fa443e4cb208b3b6d7a1f76453e4af4ec99371/MAKEiv_HWL_260318_DG18-web-hires_crop.jpg" alt="OM Signage Film, Hauser &#38;amp; Wirth, London"&#62;
        
        Hauser &#38;amp; Wirth exhibition graphics, London
      
    
      &#60;img data-src="https://freight.cargo.site/w/2200/q/85/i/517c3ef3503b404adee88b1e6a99bc384a5d592a3fb3f1030eee0587fb224c80/Aesop-SG-OTHER-MATTER-Store-Photography-Raffles-City-2-2000x1333px.jpg" src="https://freight.cargo.site/w/2200/q/85/i/517c3ef3503b404adee88b1e6a99bc384a5d592a3fb3f1030eee0587fb224c80/Aesop-SG-OTHER-MATTER-Store-Photography-Raffles-City-2-2000x1333px.jpg" alt="Other Matter Surface Film applied to a retail window"&#62;
    
    
      PARTNERSHIPS
      Most clients aren't buying a material. They're buying what the material lets them say.
      From the brief to what happens after the campaign ends, we help brands turn a material choice into a story worth repeating.
      See how partnerships work →
    
  
    &#60;img data-src="https://freight.cargo.site/w/2200/q/85/i/9c64d44dc9578ea43d2a550842ff83e7be341a621542f4c2ab8b546139fb1b50/Good_Chemistry_3.jpg" src="https://freight.cargo.site/w/2200/q/85/i/9c64d44dc9578ea43d2a550842ff83e7be341a621542f4c2ab8b546139fb1b50/Good_Chemistry_3.jpg" alt="Other Matter installation"&#62;
    
    
      RECOGNITION
      Recognised by CSIRO, D&#38;amp;AD and Dezeen
      
      See all awards and coverage →
    
  
      STUDIO
      Founded on a simple question.
      What do you do when the material you need for your own work is toxic? Other Matter is a research-led design studio working across material innovation and whole-system circularity.
      More on the studio →
    
    
      &#60;img data-src="https://freight.cargo.site/w/2200/q/85/i/a0f6fca7aee389a0e487f2da19d7f0fd524355a8c5382956acb6bcf424b53c38/PH_DSCF2284edit.png" src="https://freight.cargo.site/w/2200/q/85/i/a0f6fca7aee389a0e487f2da19d7f0fd524355a8c5382956acb6bcf424b53c38/PH_DSCF2284edit.png" alt="Other Matter studio"&#62;
    
  
    Contact
    Enquire about OM Signage Film, OM Surface Film, Other Matter Leather, brand partnerships or press.
    Get in touch →
  

</description>
		
	</item>
		
	</channel>
</rss>