Demonstrates Brand, design & print
Identity studio
A demonstration of design-system thinking. Change one input — a logo direction, a base colour and harmony rule, a type pairing — and watch the logo, business card, brochure, letterhead, social post and a copyable email signature all update together. That simultaneous update is what a system is, and it is the same principle behind a component library or a set of business rules: define it once, apply it everywhere, change it in one place.
Logo
On paper and on the colour field. The same mark, both ways.Business card
Front and back, 3.5 by 2 inches.Brochure cover and letterhead
A4. The letterhead is what most businesses never get around to, and notice most.Email signature
Not a picture of one. Copy it and use it.Harsh Patel
Harlow & Vane
+1 647-981-7428harsh.sp98@gmail.comlinkedin.com/in/harshpatel98
Show the HTML
<table cellpadding="0" cellspacing="0" role="presentation" style="font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:20px;color:#161F27;">
<tr>
<td style="padding-right:14px;vertical-align:top;"><table cellpadding="0" cellspacing="0" role="presentation"><tr><td style="width:44px;height:44px;background:#316A9B;color:#F2F5F8;text-align:center;font-family:Georgia, 'Times New Roman', serif;font-size:16px;line-height:44px;">HV</td></tr></table></td>
<td style="border-left:1px solid #316A9B;padding-left:14px;vertical-align:top;">
<div style="font-family:Georgia, 'Times New Roman', serif;font-size:16px;line-height:20px;color:#161F27;">Harsh Patel</div>
<div style="font-size:13px;line-height:18px;color:#8D5E34;">Harlow & Vane</div>
<div style="margin-top:6px;font-size:12px;line-height:18px;color:#63717E;">+1 647-981-7428 <a href="mailto:harsh.sp98@gmail.com" style="color:#63717E;text-decoration:none;">harsh.sp98@gmail.com</a> <a href="https://linkedin.com/in/harshpatel98" style="color:#316A9B;text-decoration:none;">linkedin.com/in/harshpatel98</a></div>
</td>
</tr>
</table>The copied version uses table markup, inline styles and web-safe font stacks so it survives Gmail, Outlook and Apple Mail. Email clients substitute their own fonts; the colours and layout hold.
Social post
One more application of the same system. Square, 1080 by 1080.Take it with you
The system as a spec sheet: hex values with their roles, the type pairing, and CSS custom properties ready to paste.The brand spec sheet
A plain-text spec of the system on this page, as you have it set right now. It says plainly that the business in it is a concept.
What you are doing
Change one input and watch every piece follow. Type your own names in; nothing here is a real business.
Business & technology health check
Twelve questions across the five problem areas, and a plain summary
02Buy, build, integrate or automate
Answer a few questions and see which of the four routes actually fits
03Automation opportunity finder
Find which repetitive work is worth automating, and what to fix first
04Process mapper
Describe how work moves and watch the friction appear
05Built responsibly, in practice
The layers of a properly built site, and what stops the spam