Skip to main content
Vira Noafarin
Back to the Concept LabBrand & experience

Brand & digital experience

An identity that works equally well on a letterhead and a phone screen, while remaining the same brand in Persian and English.

This is a Noafarin concept and is not presented as completed client work.

Format
Original Noafarin concept
Business scenario
Professional services
Year
2026
Capabilities
Brand identity، Design system، Design، Development
studio.vnh.design/home
BRAND / SYSTEM
ARTBOARD / WEB EXPERIENCE
SAVED

DESIGNING THE NEXT SIGNAL

IDENTITIES MADE TO BE SEEN — AND REMEMBERED.

NFORM / 01
SCROLL TO DISCOVER

Interactive concept

Shape the brand system yourself

Change the palette, format and mark size to see how a coherent identity stays recognisable across different media.

Brand system playgroundNOAFARIN / LAB
IDENTITY / 01
N

A brand with a clear voice

STRATEGY IDENTITY EXPERIENCEV/N

This is a usable concept prototype. Its data is illustrative and does not represent a real client or shipped product.

Walk the structure

This is the site’s full information architecture, down to the last level. Click into any section and keep going — the same route a real buyer takes to reach a technical specification.

brand.example.ir/

Home

Brand home

One identity that works on a letterhead and on a phone screen, and reads the same in Persian and English.

01

Challenge

Most brand identities here are designed for print and then forced into digital. The logo is illegible at small sizes, the colours have no contrast on a dark screen, and Persian and English end up feeling like two different companies.

02

Discovery

The work starts with a simple question: where do people see this brand today? The answer is usually an email signature, a social profile or an invoice. The brochure comes later.

03

Strategy

The identity is designed from the smallest application upward, not the other way round. If the mark works at 16 pixels, it will work on a sign.

04

Approach

The Persian and Latin typefaces are chosen together. They must share visual weight, x-height and temperament, or the two languages read as two brands.

05

Design

The output is not an image file; it is a living design system: colour and type tokens, spacing rules, and real components that exist in code.

The Persian rules are written down explicitly. For example, letter spacing is not permitted because it disconnects the script.

06

Technology

The system is implemented as CSS custom properties so design and code read from one source and do not drift apart over time.

07

Launch

Handover includes a short guide designed for daily use. Its value comes from clarity, not its page count.

08

Growth

The system is versioned and extended as each new application appears.

09

Results

Proposed success measure

Because this is not a live client project, we do not invent results. On a real engagement, success measures are agreed before design and validated with live data after launch.

Have a project worth building properly?

Start a project