Onyx and Green

Onyx and Green's founder, Danny Fonfeder, has quite the mission statement. Including promises such as be as fair to your suppliers as you are to your customers, and go with your gut, he's driven to make Onyx and Green a company with serious values. Danny, however? Not so serious. He approaches his task of creating beautiful office supplies at reasonable prices with a joyful sense of humor that shines through with every product. By using low-impact, recycled, and recyclable materials, Onyx and Green is dedicated to contributing to a positive future with every pen and pencil. Onyx and Green aims to lead today's children into a future where items like writing paper aren't detrimental to our Earth, but work with the natural processes we've been given.

.collection-hero { margin: 30px 0; } .collection-hero .container { max-width: 100%; } .collection-hero__main { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 70px 50px; background-color: #f9f4f1; border-radius: 10px; } .collection-hero__content { flex: 1; /* max-width: 687px; */ } .collection-hero__title, .collection-hero__subtitle { color: #2d343e; } .collection-hero__title { font-size: 48px; line-height: 55px; margin-bottom: 22px; } .collection-hero__subtitle { font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: bold; margin: 0 0 20px; } .collection-hero__description * { color: #707070; } .collection-hero__media { width: 47%; } .collection-hero__image-wrapper { position: relative; padding-top: 58.298%; width: 100%; border-radius: 10px; overflow: hidden; } .collection-hero__image, .collection-hero__background-image { position: absolute; } .collection-hero__background-image { top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .collection-hero__image { top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 80%; } @media all and (max-width: 999px) { .collection-hero__main { flex-direction: column-reverse; align-items: flex-start; padding: 40px 30px; } .collection-hero__media, .collection-hero__content { width: 100%; } .collection-hero__title, .collection-hero__subtitle { margin-bottom: 16px; } .collection-hero__title { font-size: 38px; line-height: 41px; } .collection-hero__subtitle { font-size: 20px; line-height: 24px; } }

.boost-pfs-filter-collection-header-wrapper .boost-pfs-filter-collection-description, .boost-pfs-filter-collection-header-wrapper .boost-pfs-filter-collection-description p, .boost-pfs-filter-collection-header-wrapper .boost-pfs-filter-collection-header, .boost-pfs-search-container .boost-pfs-search-result-header { color: #000000; } .boost-pfs-filter-collection-header-wrapper { background-color: #f6f6f8; } .boost-pfs-filter-product-item-title { color: #2c343f; font-family: Open Sans; font-weight: 600; font-style: ; text-transform: none; } @media (min-width: 768px){ .boost-pfs-filter-product-item-title { font-size: 26px; } } .boost-pfs-filter-product-item-vendor { color: #6D7279; font-family: Open Sans; font-weight: ; font-style: regular; text-transform: none; } @media (min-width: 768px){ .boost-pfs-filter-product-item-vendor { font-size: 22px; } } .boost-pfs-filter-product-item-price { color: #2C343F; font-family: Open Sans; font-weight: ; font-style: regular; } @media (min-width: 768px){ .boost-pfs-filter-product-item-price { font-size: 22px; } } .boost-pfs-filter-product-item-price s { color: #2C343F; } .boost-pfs-filter-product-item-price .boost-pfs-filter-product-item-sale-price { color: #2C343F; } .boost-pfs-filter-product-item-list .boost-pfs-filter-des { color: #2C343f; font-family: "Open Sans"; font-weight: ; font-style: regular; } @media (min-width: 768px){ .boost-pfs-filter-product-item-list .boost-pfs-filter-des { font-size: 22px; } } .boost-pfs-filter-product-item-label .sale { background-color: #D55016; color: #FFf; } .boost-pfs-filter-product-item-label .soldout { background-color: #6F719B; color: #FFf; } .boost-pfs-filter-product-item-label .tag { background-color: #4067e6; color: #ffffff; } .boost-pfs-filter-item-swatch-type-text>li:not(.boost-pfs-filter-item-swatch-more) { background-color: #ffffff; color: #3d4246; border-color: #ebebeb; }

#shopify-section-static-text-with-icons {--heading-color: 44, 52, 63; --text-color: 44, 52, 63; --section-background: 245, 245, 245; --vertical-breather: 60px; /* Inner spacing is smaller on this section */ } @media screen and (max-width: 999px) { #shopify-section-static-text-with-icons { --vertical-breather: 30px; /* Inner spacing is smaller on this section */ } }

Time Well-Spent

Everything on our site is vetted through our 5-Pillar Sourcing Methodology, and our Community Experience team is always here to help through chat, call, or email.

#shopify-section-static-text-with-icons .text-with-icons__content-wrapper p {text-align: center !important;} #shopify-section-static-text-with-icons .text-with-icons__icon-wrapper {margin-bottom: 0px;}

@media (max-width: 767px) { .boost-pfs-search-suggestion-open-body:not(.boost-pfs-search-suggestion-mobile-open) { overflow: hidden; position: unset !important; } }

Onyx and Green

ADD SOME SUSTAINABILITY TO YOUR INBOX!