01TemplateArohan concept work

Identity studio

One live brand system. Choose a logo direction, a base colour and harmony rule, and a type pairing, then watch the logo, business card, brochure, letterhead, social post and a copyable email signature all update at once. Type your own names in; nothing here is a real business.

Logo

On paper and on the colour field. The same mark, both ways.

Harlow & Vane

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 &amp; Vane</div>
      <div style="margin-top:6px;font-size:12px;line-height:18px;color:#63717E;">+1 647-981-7428&nbsp;&nbsp;&nbsp;<a href="mailto:harsh.sp98@gmail.com" style="color:#63717E;text-decoration:none;">harsh.sp98@gmail.com</a>&nbsp;&nbsp;&nbsp;<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.

Primary#316A9B

Secondary#8D5E34

Tertiary#A2BED7

Ink#161F27

Paper#F2F5F8

TemplateEvery piece here is Arohan concept work. Harlow & Vane is fictional; the contact details are real and are Harsh’s.

What you are doing

Change one input and watch every piece follow. That simultaneous update is what a coordinated brand system means, and what a logo from one place and cards from another never gives you.

This is a demonstration. The real thing is built for you.

Start a conversation