Brand & design palette

The building blocks of drb

Logo, colours, type and UI elements used across Deekshith Raj Basa's portfolio. Click any colour to copy its hex code.

01 — Logo

Pointer D + drb

A rounded capital D whose counter is a mouse pointer — a letter first, an interface second. Paired with a lowercase drb wordmark built from one ring-and-stem system.

Primary lockupSVG ↓
Reversed lockupSVG ↓
SymbolSVG ↓
App icon
App iconPNG ↓
WhiteSVG ↓
BlackSVG ↓
↔

Clear space

Keep free space around the logo equal to the pointer's width on every side.

◎

Minimum size

Symbol: 16 px (favicon). Lockup: 24 px tall. Below 24 px the pointer becomes a notch — that's expected.

✕

Don't

  • Stretch, rotate or outline the mark
  • Recolour outside the brand palette
  • Add shadows or effects to the symbol
  • Place the blue mark on busy or blue backgrounds — use white

02 — Colour

Royal blue on slate

One confident blue carries the brand; slate neutrals do the quiet work; small accents tag information. Click a swatch to copy.

Brand blue scale

Slate neutrals

Accents — icon tiles & tags only

Brand gradient

03 — Typography

Plus Jakarta Sans

A friendly geometric sans with tight, confident headlines. JetBrains Mono for code and small technical labels.

Aa

Plus Jakarta Sans

400 · 500 · 600 · 700 · 800 — Google Fonts

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ → ✓

Display · 800 · -4.5%

Pixel by pixel.

Heading · 800 · -4%

From internship to tech lead

Body · 400 · 16/1.6

Unlocking the potential of user interfaces through elegant front-end engineering.

Eyebrow · 800 · +12% caps

Experience

Mono · JetBrains Mono 500

const lead = 'Deekshith';

04 — UI elements

Components in the palette

Rounded 12–24 px corners, soft slate shadows and tinted icon tiles — the same shapes the Pointer D is drawn with.

Tags

CurrentShippedInternship1 yr 6 mosRiskNeutral

Icon tiles

</>✓◆★♥⚛

Badge & avatars

OPEN Available DRABSS