, but this code // executes before the first paint, when

麻豆区

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); Socks that make a statement - News & Stories | 麻豆区

麻豆区

Skip to main content

Calvin News

Socks that make a statement

Wed, Jun 18, 2014
Michael Van Denend

Coming into Calvin, Ryan Roff '09 hoped to major in and and supplement his passion for creativity with a course load of art classes and self-taught design tutorials knowing both disciplines would be necessary for a career in marketing and design.

His first exposure to entrepreneurship came as a junior when the Calvin鈥檚 business department offered the inaugural . His idea for an adaptable salsa container finished second and set him on a course of innovation and imagination.

Enrolling in the program as a senior, Roff鈥檚 internship at Marketing Werks led to a full-time job before he graduated.

鈥淚 had to work things out with the semester director to do the classwork on the side so I could accept the offer and start work before the semester was over,鈥 he said.

Roff gained valuable marketing experience and later took a position back in Grand Rapids as a packaging coordinator for all the privately branded products at Gordon Food Service (GFS).

鈥淚t was a lot of fun and a real growth time for me,鈥 said Roff. 鈥淭o re-architect four brands takes creativity, strategy and teamwork. I enjoyed learning about consumer behavior and creating designs that assisted consumers at the point of purchase.鈥

From GFS, he went to , a downtown Grand Rapids company where working on a variety of projects for a diverse set of clients.

During the transition, however, he never lost touch with a few co-workers from GFS who also went to his church; they founded a company called boldSOCKS and needed creative help to grow the business.

The bright colors and, yes, bold nature of the socks has been successful for the online company that now features over 25 brands and over 600 distinctively bold socks from around the world.

鈥淵ou always have opportunities in life,鈥 said Roff. 鈥淕od has provided some exciting challenges, and I鈥檓 grateful for the mentors who have helped provide guidance along the way.鈥

But Roff and his partners believed they could do more by partnering with 20 Liters, an organization that provides sustainable clean water solutions in Rwanda, Africa.

鈥淲e wondered if our experience selling socks could make a difference in the world,鈥 he said.

And so began .

The sock mavens worked hard to create a sock brand that featured unique color and pattern combinations, based on much research into consumer preferences and web behavior.

In addition to designing the socks for Statement Sockwear, Roff also created the web design, photography, packaging and graphic design for the brand.

鈥淟aunching the brand was an awesome opportunity to utilize my creativity and business acumen, but what was most encouraging was seeing people鈥檚 excitement to get behind the story of the brand鈥 he said.

鈥淲e鈥檙e offering our customers the opportunity to make a statement and make a difference with our socks,鈥 Roff said. 鈥淧articipating in a purchase with us does more than provide a quality product. Each pair provides clean water for one person for 100 days. So many of us want to know how we can make a difference in the world. A venture like Statement Sockwear begins to make that tangible for the seller and the buyer.鈥

In the first month, the brand has provided more than 227,700 days of clean water.

鈥淲e鈥檙e humbled how God has been pushing and leading us,鈥 he said. 鈥淭his is what he has called us to do: design and sell socks that lead to something that goes far beyond us.鈥澛