DESK: DESIGN + FRONTEND
HANDOFF: NOT REQUIRED
STATUS: OPEN TO OFFERS
TUESDAY, 4 AUGUST 2026
EDITION: WEB
FROM THE DESK
“Clinical software is cluttered because the people who designed it never had to live in it. I drew the screens and then I built them — so every shortcut I was tempted to take showed up in my own code a week later.”
— TAMAL BISWAS, EDITOR & SOLE DESIGNER
BY THE NUMBERS
Remote from Kolkata, currently SDE-I at Medecro.ai — Tamal Biswas is a UI/UX designer who writes the production frontend too. He owns the whole distance from a blank Figma canvas to a deployed Next.js app, which means the design never arrives at engineering as a suggestion. This broadsheet is his portfolio. Take a seat.
He is SDE-I on the frontend at Medecro.ai, a healthcare software company, where the design work and the implementation work land on the same desk on purpose — the Figma file and the pull request come from one person. That product is not his to publish: the screens and the system belong to the company that owns them, so none of it is reproduced here. What is on this page is the work that is his to show — an independent fintech product taken from a blank Figma canvas to a live deployment alone, and interface work across desktop, iOS and web.
He works the way a small team needs someone to work — designing with component states and real constraints already in mind, then closing the loop in code instead of filing a ticket about it. Remote-first, and used to overlapping US, UK, and EU hours.
HIRE THE EDITOR
Open to Product / UI-UX Design, Frontend, and design-engineer roles. Remote or hybrid only. Bring a real product and a fast review cycle.
THE CRAFT INDEX
DESIGN
FRONTEND
SELF-ASSESSED. VERIFIED IN THE WORK BELOW.
FINTECH · WEB APP · SELF-INITIATED · 2025
FIG. — BUDGET BLISS
An independent budgeting web app taken from Figma file to live deployment solo — a clean test of whether financial data can be presented without the usual wall of charts and colour-coded panic.
IN PRODUCTION · FILING SOON
A design system and the two products built on it — one web, one mobile — currently in the press. This report files when the work does.
PL. 01 — CONCEPT REDESIGN — ONE CALL, ONE DIRECTORY, NO PANELS
Desktop · Figma · 2026
PL. 02 — A COMPANION APP FOR THE CAR: SPLASH AND DASHBOARD
iOS · Figma · 2026
PL. 03 — CONCEPT CHARACTER PAGE THAT PLAYS LIKE THE GAME
Web · Figma · 2026
№ 01
The Figma file and the pull request come from one person, so there is no handoff to lose things in. I design in component states and Tailwind tokens because I am the one who has to implement them — which quietly kills the specs that were never buildable in the first place.
№ 02
One beautiful screen is a mood board. I build the spacing scale, the type ramp, and the colour roles first, then compose screens out of them. It is slower on day one and much faster by the fifteenth screen, which is where real products live.
№ 03
Anyone can keep a marketing page clean. Clinical dashboards and financial UIs are where clutter actually costs something — a doctor scanning for one number, a person checking whether they can afford this month. Removing things there takes more nerve than adding them.
Every value on this sheet is in use on this page — inspect it and check. The system this documents is the site's own house style. The one I build at work belongs to the company that owns it, so none of its values appear anywhere here; this is the same job, done where you can audit it.
I. THE TYPE SCALE
MASTHEAD
Playfair Display · 900 · clamp(2.5rem, 7.5vw, 6rem)
line-height 0.9 · tracking −0.02em
The paper's name. Used exactly once per page.
Above the Fold
LEAD HEADLINE
Playfair Display · 900 · clamp(2rem, 4vw, 3rem)
line-height 0.98 · tracking −0.02em
The front-page lead and page H1s.
Three Platforms, One Designer
SECTION HEADLINE
Playfair Display · 900 · clamp(1.75rem, 3.2vw, 2.5rem)
line-height 1.03 · tracking −0.02em
Numbered sections inside a report.
Then I built it
CARD HEADLINE
Playfair Display · 700 · 1.6rem / 25.6px
line-height 1.06 · tracking −0.02em
Report cards and list rows. Bold, not black — cards sit below headlines.
Zero to Launch on a Fintech UI
BODY
DM Sans · 400 · 1.125rem / 18px
line-height 1.625
Every running paragraph. 18px because a broadsheet is for reading, not skimming.
One beautiful screen is a mood board. I build the spacing scale, the type ramp, and the colour roles first, then compose screens out of them.
SECONDARY
DM Sans · 400 · 0.95rem / 15.2px
line-height 1.375
Sidebar values, captions with substance, boxed copy.
Kolkata, West Bengal · remote, overlapping US, UK and EU hours.
LABEL
DM Sans · 500 · 0.5625rem / 9px · uppercase
line-height 1.45 · tracking 0.18em
The signature device. Kickers, flags, captions, nav, buttons. The 0.18em tracking is what makes 9px legible.
SECTION A · THE REPORTS · FILED 2025
II. COLOUR ROLES · CONTRAST MEASURED AGAINST PAPER
Paper
#f5f2ea
--color-cream
Page background. The one colour that is never text.
FILL ONLY
Ink
#1a1a1a
--color-ink
Headlines and primary text.
15.6 : 1 · AAA
Body ink
#302f2f
--color-ink / 90%
Running paragraphs. Softened so long-form reading is less harsh than pure ink.
11.8 : 1 · AAA
Newsprint
#57564f
--color-newsprint
Captions, labels, metadata. Warm grey, never a cool one — cool grey fights the paper.
6.6 : 1 · AA
Editorial red
#8f1d14
--color-accent
Links, kickers, calls to action. The only chromatic colour on the page.
8.0 : 1 · AAA
Accent wash
#f7e7e3
--color-accent-pale
Fill behind boxed calls to action. Fill only, never text.
FILL ONLY
Deep paper
#ede8da
--color-cream-deep
Band fills and the halftone placeholder ground. Fill only.
FILL ONLY
Rule
rgba(26,26,26,.16)
--color-rule
Every hairline on the page. Columns are separated by rules, never by shadow.
FILL ONLY
III. THE SPACING RAMP · 4PX BASE
IV. DEVICES
RULES
1PX · RULE · COLUMN + ROW DIVIDERS
1PX · INK · BAND EDGES + NAV
2PX · INK · UNDER A SECTION LABEL
DROP CAP
Playfair Display at 800 weight, 3.4rem, floated left with a 0.82 line-height so it optically aligns to the first three lines of the paragraph rather than sitting on top of them.
CALL TO ACTION
ACCENT FILL · CREAM TEXT · 8.0 : 1
INK FILL — COLOUR GIVES WAY, IT DOES NOT BRIGHTEN
2PX INK BORDER · NO FILL
CRAFT ·
Nothing enters the system unless it can be expressed as a real token. Not approximately. Exactly.
One (1) product team where design decisions are not relitigated in three separate meetings. Must have real users. Fast review cycle valued over free snacks.
Designer who ships the frontend, 2+ yrs. Fluent in Figma and TypeScript. Brings own opinions on spacing scales. Available immediately, overlaps your timezone.
To whoever left a 4px inconsistency in the tab bar of a shipped app: I found it. It has been fixed. We need not speak of this again.
