A
ARTIFX
IridescentRainbowShiftingFuturistic2021–Present#75 · Creative

Holographic UI

Rainbow iridescent surfaces that shift color as you move — like a holographic sticker brought to screen. Spectral color everywhere.

Live Preview
Real components, rendered in the Holographic UI style.

Everything you see below — buttons, cards, type and colour — is this theme applied live, so you know exactly how your product would feel.

Component Card
Uses the real Holographic UI tokens — not a stock image.

Color Palette

Holo Red
#FF6B6B
Holo Yellow
#FFE66D
Holo Green
#4ECDC4
Holo Blue
#45B7D1
Holo Purple
#C77DFF

Typography

DisplayAa Bb Cc
H2Aa Bb Cc
H3Aa Bb Cc
BodyAa Bb Cc
CaptionAa Bb Cc
MonoAa Bb Cc

Component Gallery

// Buttons
// Cards
UI/UX
UI/UX

Design System

Consistent visual language and component patterns for scalable product teams.

Dev
Dev

Component Lib

Reusable building blocks that maintain visual consistency across all surfaces.

Docs
Docs

Style Guide

Documented rules for typography, spacing, color, and interaction patterns.

// Form Elements
// Navigation Bar
LOGO
HomeAboutWorkContact
// Badges & Tags
Design SystemComponentv2.0BetaNewFeaturedOpen Source

Mobile Preview

LOGO
Iridescent
Holographic UI
Rainbow iridescent surfaces that shift color as you mov...
Feature Card
Component example in this style

What Defines This Style

The signature details that make Holographic UI instantly recognisable.

01

Conic or rainbow gradient on cards and elements

02

Color shifts dynamically based on hover/scroll

03

White or very light background lets holo colors shine

04

Metallic sheen combined with spectral color

05

Subtle animation makes colors appear to move

Industries & Business Models

Holographic UI works best for these industries

🚗
Automobile
Automotive Fleet Telematics
Explore Models →
🤖
AI & SaaS
Cognitive AI & Enterprise SaaS Systems
Explore Models →
75 / 86 styles