Tech with Seth
Back to work

Cray Networks Rebrand

A self-initiated rebrand of a Central Texas IT shop that has served customers since 2003: same trusted look, rebuilt as a design system.

Concept

rebrand · design system · oklch · react router

Cray Networks Rebrand

The challenge

This is a concept, not client work. Cray Networks has two decades of customer trust built on a blue-and-white identity, and a website that no longer reflects that. A rebrand that throws out what customers recognize would spend that trust; leaving it alone keeps costing the company its first impression.

The approach

I kept the colors people already know and turned them into a system. Every color, corner radius, and spacing value comes from one token file, and a live theming panel shows the whole site re-skinning in real time. I drew a new logo in SVG from network nodes, set the type on variable fonts, and built a component library the site itself runs on. A before-and-after slider compares the original site to the new one.

The outcome

The result shows how an established business can modernize without asking customers to relearn the brand. Because everything resolves from one set of tokens, new pages stay on brand automatically, and the next brand adjustment is a variable change rather than a redesign.

What was delivered

  • Logo redrawn in SVG
  • OKLCH color tokens, light and dark
  • Component library and typography system
  • Full marketing site with live theming

For your project

If your company has history and recognition worth protecting, a rebrand can sharpen what you have instead of replacing it, and leave you a system that keeps every future page consistent.

Start a project

Screens

Before and after slider comparing the original 2003 site to the new design
Before and after slider comparing the original 2003 site to the new design
Live theming panel with sliders for accent color, radius, and density
Live theming panel with sliders for accent color, radius, and density
Component gallery of buttons, inputs, switches, tabs, and dialogs on the shared tokens
Component gallery of buttons, inputs, switches, tabs, and dialogs on the shared tokens
Typography studio with variable-font controls and a type scale
Typography studio with variable-font controls and a type scale

Next project

Video Machine

A video SaaS I built and ran: type a few slides or paste a link, and get a finished video back, with a free trial and paid credits.