Live demo — this is PulseBar running on its own siteInstall free on ShopifyLimited launch offer — 30 days of PRO on us< 4KB script • zero Lighthouse impactMade in Noida, IndiaLive demo — this is PulseBar running on its own siteInstall free on ShopifyLimited launch offer — 30 days of PRO on us< 4KB script • zero Lighthouse impactMade in Noida, IndiaLive demo — this is PulseBar running on its own siteInstall free on ShopifyLimited launch offer — 30 days of PRO on us< 4KB script • zero Lighthouse impactMade in Noida, India
PulseBar
Design Reference

Tokens, components, and guardrails.

The single source of truth for color, type, spacing, and component patterns shipped across the marketing site.

Brand logo

Primary mark lives at public/logo.png. Square 1200×1200 PNG with a black canvas; used in header, footer, trust strip, favicon, and Open Graph.

Logo + wordmark

PulseBar

Mark only

PulseBarPulseBarPulseBar

On dark surface

PulseBar

Color tokens

Brand Purple
#7C3AED
Deep Indigo
#4338CA
Electric Blue
#2563EB
Pulse Magenta
#C026D3
Charcoal
#0B0B12
Surface White
#FFFFFF
Soft Slate
#F8FAFC
Body Text
#1E293B
Muted Text
#64748B
Hairline
#E2E8F0

Gradient utilities

.bg-pulse-gradient
.bg-pulse-gradient-soft

Text gradient · .text-pulse-gradient

Type scale

Display / H1
Lift conversion
H2
Section heading
H3
Subsection title
Body large
Body large — used in hero subheads and intros.
Body
Standard body — 16px, used for most paragraphs.
Small
Captions, micro-copy, and meta details.

Spacing scale

4px
8px
12px
16px
24px
32px
48px
64px
96px
128px

Radius scale

sm
md
lg
xl
2xl
3xl
full

Buttons

Cards

Glass card · light

Translucent surface with 24px backdrop blur and hairline border.

Glass card · dark with glow

Used on dark surfaces with hover halo.

Marquee & countdown

02DAYS
14HRS
03MIN
12SEC

FAQ accordion