Skip to content

Design system

KDS, dressed in 9180

One token-driven system — colours sampled straight from the logo, typography, components, a real motion engine and new design types. Everything on the site is built from these primitives.

Logo

9180.tech primary logo
9180.tech logo on dark

Brand palette — sampled from the logo

Saffron / brand

#EC681C

Primary actions, the triangle accent.

Cobalt / accent

#0C64DC

Links, focus, the slash.

Green / positive

#207424

Success, the Vidhana Soudha.

Amber

#F8B014

Highlights, the dot in the 0.

Ink

#12181E

The numerals; dark surfaces.

Surfaces

Surface

var(--kds-surface)

Surface 2

var(--kds-surface-2)

Card · accent hover

.card .card-accent

Typography — Geist + Geist Mono

Display — Bangalore tech, aggregated

Heading 2 — the whole ecosystem

Lead — curated, categorized and honestly written.

Body — the default reading size for prose and UI.

Mono — 9180.tech · +91 / 080 = Bangalore

Buttons

As link →

Badges & pills

FeaturedOpenNeutral#bangaloreCompanies

Stats

18

companies

14

hackathons

₹2,999

featured job

100%

curated

Inputs

New · elevation layer

Motion engine, components & design types

A real WAAPI motion engine (spring physics compiled to native linear() easing), a richer component library, and drop-in section treatments — every one token-driven and prefers-reduced-motion safe.

Motion · scroll reveal

Any element marked data-kds-reveal rises in as it enters the viewport — staggered, spring-eased, reduced-motion safe.

Curated
Aggregated
Bangalore
Built for autopilot

Motion · animated numbers

countUp() with en-IN grouping (1,60,000) — fires when scrolled into view.

48+

live jobs

₹1,60,000

avg comp tracked

23

voices to follow

100%

human-curated

Motion · marquee

Seamless ticker. Pauses on hover, fades at the edges, frozen for reduced-motion.

TypeScriptPythonPostgreSQLReactGoKubernetesTypeScriptPythonPostgreSQLReactGoKubernetes

Motion · spotlight + tilt cards

Cursor-tracking glow and a subtle 3D tilt — compositor-only, no jank.

Jobs

Hover me — the light follows your cursor.

Gigs

Hover me — the light follows your cursor.

Profiles

Hover me — the light follows your cursor.

Motion · magnetic + typewriter + sparkline

Magnetic CTA

Bangalore’s jobs.

growth

Components · tabs

Roving arrow-key focus, ARIA-wired, sliding ink underline.

Components · accordion

Yes — every listing is reviewed before it goes live. No scraped spam.

Submit a listing or post a job; featured slots are token-gated and tracked in the owner dashboard.

Never. Expected-salary is private and only powers aggregate Bangalore comp benchmarks.

Components · segmented · rings · tooltip · kbd

82%64%45%
Hover for a tooltipPress ⌘K anywhereShortcut: ⌘ K

Components · toast + confetti

Confirmations and one-moment celebration. Click to fire.

Components · loading skeletons

New design types · backgrounds & text

Drop-in section treatments — all token-driven, all reduced-motion safe.

Aurora — drifting brand mesh

Blueprint grid

Glass over aurora

Gradient headline

Bento — wide tile

tile

tile

shine →

Hover any tile

tile

Built on KDS — the Khosha Design System. Tokens drive every colour, radius, duration and easing; re-skinning is a token change, never a rewrite. Press ⌘ K anywhere to search.