Brand kit
Everything you need to write about me or put my name on something: bios, photo, logo, colours and links. One source, so it reads the same everywhere.
Name and one line
Purvang Mehta
said PUR-vung MAY-tah
One line
Product designer based in Surat, India, designing AI products for B2B SaaS and healthcare, and building them too.
Bio in four lengths
Micro
about 140 characters
Product designer based in Surat, India, designing AI products for B2B SaaS and healthcare, and building them too. Founder of The Solo Trail.
Short
about 230 characters
Product designer based in Surat, India, designing AI products for B2B SaaS and healthcare at Logicwind, and building working versions with AI. Previously at Josh Talks, where my design system delivered 40% faster developer turnaround.
Long
about 550 characters
I'm Purvang Mehta, a product designer based in Surat, India. I design AI products for B2B SaaS and healthcare teams, and I build working versions myself. At Josh Talks, my design system delivered 40% faster developer turnaround, and my payment page redesign put conversion up 1.8% in the first month. Outside work, I build with AI: Away, a free overnight mode for Claude Code, and my own AI assistant. I began at BeerBiceps Media in graphics and video, and I founded The Solo Trail. Portfolio: thepurvangmehta.com
Third person
for introductions and bylines
Purvang Mehta is a product designer based in Surat, India, who designs AI products for B2B SaaS and healthcare teams and builds working versions himself. He founded The Solo Trail.
Colours
Ink
#242424, the brand colour: logo, headings, buttons
Ink, soft
#575757, secondary text, the grey half of a title
Line
#E1E2E3, hairlines
Surface
#F7F7F7, page background, the dot field
Paper
#FFFFFF, cards
Type roles
Every text on the site is one of these roles, each a single token. Two families: Cal Sans for the display roles, Cal Sans Text UI for everything else; both by Cal.com, open licence (SIL OFL).
Display
Cal Sans 600 · 64/72 desktop · 48/52 tablet · 40/44 phone
Your product is fine.
The hero and a case-study title
H1
Cal Sans 600 · 48/52 desktop · 40/44 tablet · 32/36 phone
Questions people ask
Every section title
H2
Cal Sans 600 · 32/36 desktop · 28/32 tablet · 24/32 phone
What changed, and why
A sub-section heading
H3
Cal Sans 600 · 20/28 desktop · 24/32 tablet
Healthcare platform
An item name: cards, steps, lessons
H4
Cal Sans Text UI 600 · 18/28 desktop
0-to-1 products
A small heading inside a card
Lead
Cal Sans Text UI 400 · 18/28 desktop
I design B2B SaaS, AI and healthcare products for teams that want design close to the decisions.
The line under a title, reading text
Body
Cal Sans Text UI 400 · 16/24 desktop
From a rough idea to a first release: research, flows, interface and a handoff developers can build from.
Paragraphs
Body, strong
Cal Sans Text UI 500 · 16/24 desktop
Sole product designer
A value in a facts row, a large button label
Small
Cal Sans Text UI 400 · 14/20 desktop
Your email is only used for this request.
Meta, captions, small print
UI
Cal Sans Text UI 500 · 14/20 desktop
Book a 15-min call
Buttons, the menu, links
Caption
Cal Sans Text UI 500 · 12/16 desktop
Under NDA
Labels and tags
Fonts
Cal Sans is the display family, Cal Sans Text UI the text family. Install the four files and Figma has every style the site uses. Licence: SIL Open Font License 1.1 (OFL.txt in the kit). Source: github.com/calcom/sans.
Spacing and shape
The numbers behind the site: spacing steps, corner radii, the two image ratios. tokens.json is in the W3C design-tokens format, so Tokens Studio or Figma variables can import it; design-system.css is the same thing as the site reads it.
space-1
4px
space-2
8px
space-3
12px
space-4
16px
space-5
20px
space-6
24px
space-8
32px
space-10
40px
space-12
48px
space-16
64px
space-20
80px
space-24
96px
space-32
128px
radius-xs
4px
radius-sm
8px
radius-md
12px
radius-lg
16px
radius-xl
24px
radius-pill
1000px
Starting on a blank Figma canvas: install the fonts, import tokens.json as variables, place the logo files, and use the type roles above as text styles. Everything is in the one download.
Please do and don't
Use the wordmark or the mark as supplied; never recolour, stretch, rotate or add effects.
Keep clear space around the logo of at least the height of the P.
The dot is part of the name. Never drop it.
Write my name as Purvang Mehta; the handle everywhere is @thepurvangmehta.
Only these two numbers, worded like this: 40% faster developer turnaround, and conversion up 1.8% in the first month.
No em dashes in anything written in my name; use a comma or a full stop.
Links
For press, podcasts or speaking, write to hello@thepurvangmehta.com.