Satellite Radio Superstore
Homepage Design System · Version 1

The specialist standard

Clear, capable and built for the way customers shop.

A modern ecommerce design language for genuine SiriusXM radios, antennas, installation kits, parts and expert support—grounded in the identity customers already recognize.

Since 2003More than two decades of category expertise
Orlando, FLFamily-owned and USA-based
SpecialistProducts, bundles and hard-to-find parts
SupportedReal technical help before and after purchase

01 · Color

A familiar palette with stronger hierarchy.

Navy establishes expertise and trust. Orange identifies brand actions and promotions. Green is reserved for purchase actions and positive status so customers always understand what will happen next.

Satellite Radio Superstore navy and orange logo

Light surfaces: use the supplied navy and orange logo. Keep clear space around the complete mark and preserve its original proportions.

Satellite Radio Superstore light blue and white logo

Dark surfaces: use the supplied light-blue and white logo. Never recolor, redraw, crop or separate the mark.

Deep Navy#071B36Heroes, premium sections and maximum contrast
Brand Navy#1F456DHeadings, secondary buttons and icons
Brand Orange#E95600Primary marketing actions and highlights
Purchase Green#008500Add-to-cart actions and positive status
Link Blue#007CFFInformational links and interactive accents
Ink#18202BHigh-emphasis copy, labels and prices
Soft Surface#F4F7FASection separation and card backdrops
Focus Gold#FFBD00Review stars and keyboard focus indicator

02 · Typography

Barlow stays. The hierarchy gets sharper.

The existing typeface remains recognizable and ecommerce-friendly. Tighter display headings add confidence while relaxed body copy keeps technical information readable.

Display

Expert gear. Better listening.

Heading 1

Find the right SiriusXM setup.

Heading 2

Shop by radio, vehicle or use.

Heading 3

SiriusXM Radios

Heading 4

Roady BT Bluetooth Receiver

Body Large

Get genuine SiriusXM equipment, custom installation bundles and expert help from a team that knows satellite radio.

Price

$99.99

Small / SKU

SKU: SXVRBT1 · In stock and ready to ship

03 · Actions

Buttons make intent unmistakable.

Orange drives exploration and promotions. Green is reserved for direct purchase actions. Navy supports secondary paths without competing with the primary decision.

Links on light and dark surfaces

Text links stay visible, descriptive and easy to identify without relying on color alone.

Talk to a product specialist

04 · Lists & status

Information stays scannable.

Each list style has one job. Standard bullets explain, check marks confirm benefits and specification rows compare factual details.

List treatments

Standard bullets

  • Vehicle installation kits
  • Home and office listening
  • Motorcycle and UTV bundles

Benefit checks

  • Genuine SiriusXM equipment
  • USA-based product support
  • Specialist-tested solutions

Specifications and badges

  • ModelSXVRBT1
  • ConnectionBluetooth or AUX
  • UseCar, truck or portable
Sale In Stock Low Stock New Exclusive Bestseller

05 · Cards

One system, three different shopping jobs.

Product cards prioritize title, model, reviews and price. Category cards create fast pathways. Help cards make expert support feel accessible.

Bestseller SiriusXM Roady BT receiver and complete vehicle kit

SiriusXM Radio ROADY BT Bluetooth Portable Receiver with Car Kit

SKU: SXVRBT1

★★★★★ 5 reviews
$99.99
View Product

Shop SiriusXM Radios

Compare portable receivers, vehicle kits and touchscreen controllers.

Browse all radios →

Not sure what fits?

Use the Part Finder or talk with a product specialist before you order.

Find the right part →

06 · Homepage sections

Reusable sections create a consistent journey.

The homepage should move from a clear value proposition to category discovery, products, help and trust—without repeating the same message.

Free ShippingOn all orders
Genuine ProductsSiriusXM equipment
Expert SupportReal USA-based help
Since 2003Category specialists
Listen your way

SiriusXM gear selected by specialists.

Shop radios, antennas, installation kits and hard-to-find replacement parts with expert help when you need it.

SiriusXM Roady BT receiver with vehicle accessories

Need help choosing the right setup?

Our Orlando-based product specialists can help match the radio, antenna and installation accessories.

Contact Our Team

07 · Forms

Forms feel clear before customers type.

Labels remain visible, helper text explains expectations and errors identify exactly what needs attention.

Product help form

Enter a complete email address.
Select the closest match. Our team can help with the details.
Preferred contact

Success feedback

Your request was received.Our product support team will review the information you provided.

Frequently asked questions

How do I know which kit fits?

Use the Part Finder or contact the support team with the vehicle year, make, model and current radio information.

Can I get help before ordering?

Yes. Product specialists can review your intended setup and help identify the correct parts.

08 · Layout & spacing

A repeatable rhythm keeps every page related.

Full-width backgrounds create separation while content remains centered inside a 1280-pixel maximum-width container.

XS · 8pxIcon and label spacing
SM · 16pxCompact component spacing
MD · 24pxCard padding and grid gaps
LG · 40pxContent-group separation
Small radius · 8pxButtons and form fields
Medium radius · 14pxPanels and trust strips
Large radius · 22pxCards, heroes and banners
Soft elevationImportant cards only

09 · Iconography

Simple line icons support the message.

Use one consistent rounded-line style at a 1.8 to 2-pixel stroke. Icons clarify meaning; they never replace a necessary text label.

Shipping
Genuine
Support
Search
Cart
Signal

10 · Usage rules

Consistency is part of the customer experience.

These rules keep the future homepage and supporting pages visually connected, accessible and easy to maintain.

One primary actionEach section gets one clear primary CTA. Secondary links should support, not compete.
Product truth firstVerify price, availability, compatibility, model numbers and claims before publishing.
Preserve image qualityUse exact 1024 × 1024 product canvases and never stretch supplied assets.
Design mobile earlyStack content intentionally, keep full content visible and use full-width mobile CTAs.
Keep text conciseUse descriptive headings, short paragraphs and the correct list style for the message.
Show visible focusEvery interactive element must remain usable with a keyboard and have a clear focus state.