Site preferences and actions

Brand

Logo files, colors, type, and naming for referencing me or my work.

Logo

One arch, drawn as a single vector path on a transparent background. Both files share the same outline and bounds, so you can swap them without changing your layout.

Clear space and size

Clear space: ½ the arch width
48px24px16px min
The arch at 48, 24, and 16 pixels tall
Clear space
Half the arch's width on every side. At 24px tall, that is about 8px.
Minimum size
16px tall on screen, 6mm in print.
Proportions
16 wide by 23 tall. The SVG adds a small margin, so its canvas is 24 × 26.

Color

Color format

Neutral grays carry the layout and orange marks what matters. Each token switches with the theme, so pick the value that matches your background. Select a value to copy it.

  • Background--backgroundPage surface
  • Card--cardRaised surfaces
  • Text--foregroundBody text and titles
  • Muted text--muted-foregroundDescriptions and metadata
  • Border--borderDividers and outlines
  • Accent--primaryHighlights and selection
  • Logo orangeLogo filesThe mark only, never text

Text and accent pairs meet 4.5:1 contrast on their background in both themes. The full ramps and live ratios are in the design system.

Typography

Inter sets everything, at two sizes, with Berkeley Mono for code. Hierarchy comes from color, weight, and spacing, not larger type. Body text keeps Inter's own spacing; titles tighten to -0.02em. Everything sits in a 550px reading column.

BodyInter 14/20 · 400
I build extensions, AI tools, and web interfaces.
TitleInter 14/20 · 500, -0.02em
Page titles
EmphasisInter 14/20 · 550
Section and list titles
SmallInter 13/16 · 400
Dates, captions, and metadata
MonoBerkeley Mono · 400
hello@dhrv.pw
DisplayCormorant Garamond · 500
Dhruv Suthar

Cormorant Garamond is for quotes and short display lines only, never body text or interface labels. Neither typeface is included in these files.

Get Inter

Name and voice

Full name
Dhruv SutharFirst mention, bylines, and credits.
Short name
DhruvAfter the first mention.
Handle
0xdhrvUsernames on X, GitHub, LinkedIn, and Raycast.
Site
dhrv.pwLowercase, without www.
Role
Community Engineer at RaycastWhen a title is needed.

Write the name in title case, with a space and no initials: not DHRUV, Dhruv S., or Druv. When quoting me, keep it plain and in the first person. Short sentences, sentence-case headings, and no exclamation marks.

Usage

Do

  • Use the SVG files as provided.
  • Use orange on light or dark neutral backgrounds.
  • Use black on light backgrounds for monochrome print.
  • Keep the clear space and minimum size.
  • Link to dhrv.pw when you mention my work.

Don't

  • Stretch, rotate, crop, or redraw the arch.
  • Recolor it outside orange and black.
  • Add shadows, outlines, gradients, or glows.
  • Place it on photos or saturated color.
  • Use it in a way that implies endorsement.

The logo files are free to use when referring to me or my work. Inter and Berkeley Mono have their own licenses, which these files don't extend.