Spectrum Matrix Brand & Website Design

The Client

Spectrum Matrix was a transaction authorization technology from StarLion, Inc., headquartered in Lehi, Utah, with an office in San Mateo, California. Instead of relying on AI to guess whether a purchase was legitimate, it sent the cardholder a real-time alert in an app, where they approved or denied the charge by drawing a pattern on the secure Color Grid™.

The Challenge

StarLion had built something genuinely different. Spectrum Matrix moved fraud prevention away from the card networks and AI models that decide on a buyer's behalf, and put it in the cardholder's hands: every transaction triggered an alert in an app, and the owner approved it by drawing a pattern on the app's Color Grid. It was a new way of thinking about card security, and it needed a brand and a website to introduce it.

The site had to explain an unfamiliar technology in a few seconds, make a young product look trustworthy enough to handle payments, and speak to two very different audiences at once. Cardholders needed to see why the app would protect them, while banks and merchants needed to see that it would fit alongside the systems and compliance rules they already had.

Our Approach

We started with the identity. We designed the Spectrum Matrix logo, a diamond of colored tiles that echoed the Color Grid inside the app, set beside a clean wordmark and a "By StarLion" endorsement. The palette paired deep blue and purple with bright orange calls to action, and the same blue carried into the app screens featured across the site.

The website, built on WordPress with Elementor Pro, was organized around how a visitor learns about a product. The main menu led to How It Works, Technology, Solutions and Company, with Solutions split into Card Holders and Banks & Merchants. Each page paired short, direct headlines with photography of the app in use and closed on a blue-to-purple call to action, while the footer carried SOC 2 and PCI badges and both StarLion offices.

Hover to scroll the page.

What We Built

The site was built to make a new kind of payment security easy to grasp. Choose a feature to see how it looked.

Below the "Stop Transaction Fraud Before it Happens" hero, the homepage told the story through the product itself. Photos of the Spectrum Matrix app in hand and at a card terminal sat beside short sections such as "Putting the power back in your hands" and "Instant authorization from an app".
A "Pioneering technology that prevents fraud" section summed up how the system worked, from single-use codes to the Color Grid and compatibility with existing protocols. Three cards underneath boiled the benefits down to Convenient, Instant and Secure, with a link through to the full Technology page.
The Card Holders page opened by asking who is really behind your security, laying out the card networks, banks, merchants and AI systems that normally make the call. It then made the case for a new level of digital control, with the app shown in the hands of the person paying.
Further down the page, four cards set out what the app gave a cardholder, from transaction alerts on their own device to instant approve and deny options. A "Perfect for" grid then showed where it applied, covering credit and debit cards, online and retail purchases and recurring subscriptions.

Spectrum Matrix: The idea, shown in the app

The Results

core pages, from How It Works to Contact: 7core pages, from How It Works to Contact
audience pages, for cardholders and for banks & merchants: 2audience pages, for cardholders and for banks & merchants
transaction types covered on the Card Holders page: 4transaction types covered on the Card Holders page

A brand that looked ready for payments

The tiled diamond logo, deep blue palette and polished app imagery gave a young fintech product the credible, finished look that banks and cardholders expect from anyone handling their money. The identity carried consistently from the logo to the app screens to every page of the site.

A complex idea made simple

Short headlines, photos of the app in real situations and benefit cards explained a new authorization model without technical jargon. Visitors could understand what Spectrum Matrix did within the first scroll of the homepage.

The right message for each audience

Separate Card Holders and Banks & Merchants pages let StarLion speak to consumers and to potential partners on their own terms, while How It Works and Technology pages served anyone who wanted the detail. A "Start a Conversation" button in the header kept the next step one click away on every page.

A foundation the team could manage

Built on WordPress with Elementor Pro, the site let StarLion update copy and pages as the product developed. It also adapted cleanly to phones, stacking each section into an easy single-column read.