Reference

The Nividh component system.

One dark ground, two accents, three typefaces, and the shirorekha bar running through all of it. Every component below is what the rest of the site is built from, including this hero.

Palette

Slate, with a burgundy accent.

Canvas#0D0F12
Surface#16191E
Border#22262D
Border strong#33373F
Text#E8E6E1
Muted#8A8781
Faint#67645F
Accent#9A3B4B
Signal#4F9DA6
Typography

Libre Baskerville, Inter, IBM Plex Mono.

DisplayBooked, qualified meetings.
Heading H2One pipeline, run end to end.
Heading H3Fintech and regulated finance
LedeWe run outbound for B2B companies as one managed system.
BodyPlain, declarative body copy on the Slate ground.
EyebrowManaged outbound infrastructure
MonoSYSTEM · email / calling / linkedin
Elements

The bar, and the buttons.

PrimaryGhostSmallText link →
Feature grid

Numbered, with visible structure.

01

Targeting

Verified data against the accounts that can actually buy.

02

Messaging

Sequences written to real intent, not one blast to everyone.

+

Compliance-aware

Run by operators fluent in regulated finance.

Link grid

Directory rows with a hover fill.

Comparison table

Dense, and written to read as fair.

Nividh · managed
In-house SDR
Generic agency
Time to first meetings
Weeks.
Months of ramp.
Fast, often wrong.
Who owns the data
You do.
You do.
They do.
Pipeline

Connected stages, not equal cards.

01 / TARGET
Who to reach

The accounts that can buy.

02 / REACH
How to run it

Email, calling, LinkedIn.

03 / BOOKED
On the calendar

Qualified meetings, tracked.

Data + questions

Glance rail and the FAQ accordion.

At a glance
Setup2 to 3 weeks
ModelManaged retainer
You ownThe data

Setup takes two to three weeks, then meetings inside the first month.

Motion

Counters, marquee, spotlight, magnetic.

Motion drives the things a reader acts on. Anything that wraps copy reveals from CSS instead, because motion serialises its from-state into the server-rendered html and a page that fails to hydrate would ship with its text invisible.

$2.3M
Counter, on view
RESTS AT THE REAL FIGURE
65
Counter, integer
NEVER RESTS AT ZERO
3+
Spotlight on hover
POINTER ONLY
PCI DSSSOC 2KYC / AMLISO 27001Procurement gatesBuying committees
Magnetic primaryPlain ghostBoth inert here: 100% of motion respects reduced-motion.
Verticals

The three-way switcher.

This component is the positioning. Three equal tabs in one control, rather than one large panel beside a short list, which is what the page said before whatever the copy claimed.

Fintech and regulated finance

Payments, lending, digital assets, wealthtech, and regtech. Buyers who cannot act until risk, compliance, and legal have all signed off.

What gates the deal
Compliance and risk sign-off
PCIKYC/AMLMSBEMIVASP
FINTECH OUTBOUND →
Deal shape

The qualifying frame.

01

Long cycles

Three to eighteen months from first touch to signature.

02

Buying committees

Four or more people have to agree, each caring about something different.

+

A gate at the end

Compliance, procurement, or a security review.

Spotlight card

Cursor-tracked edge glow.

Accent tone

Burgundy glow, the default everywhere.

Signal tone

Steel-teal glow, cybersecurity only.

Reduced motion

Renders nothing at all, on purpose.