|

Araye Design

2026

Branding · UI/UX · Frontend Development

Next.js · TypeScript · Tailwind CSS

View Website
Araye Design — mobile cover

Overview

آرایه دیزاین یک استودیوی طراحی داخلی است که در پروژه‌های مسکونی، تجاری و خرده‌فروشی فعالیت می‌کند. پروژه به یک حضور دیجیتال نیاز داشت که پورتفولیو را با همان خویشتنداری و اعتمادی که فضاهای طراحی‌شده منتقل می‌کنند، ارائه دهد. هویت برند و پلتفرم دیجیتال از صفر طراحی و توسعه یافت: سیستم تایپوگرافی تمیز، زیبایی‌شناسی تاریک با کنتراست بالا و ویترین پروژه‌ای که عکاسی را در مرکز قرار می‌دهد. سایت با Next.js، TypeScript و Tailwind CSS ساخته شد، بهینه‌سازی عملکرد انجام شده و برای رشد پورتفولیوی استودیو قابل توسعه است. هر تصمیم طراحی بر یک اصل استوار بود: بگذار کار خودش حرف بزند.

Color System

A monochromatic foundation, seven steps from absolute black to white, anchored by three accent colors used only with full intent.

Ebony

#111111

Dark Oak

#2C2218

Umber

#5C4A36

Warm Mid

#9A8272

Sand

#C8BAA8

Canvas

#F0EBE3

White

#FFFFFF

Accent: Use with intent

Typography

Five type steps, each carrying a specific weight of meaning. From 96px display headlines down to 11px product labels.

Araye Design

Display

84px / Light

Space. Form. Material.

H1

48px / Regular

Residential & Commercial

H2

28px / Regular

Let the work speak.

Body

15px / Light

PROJECT · INTERIOR DESIGN

Label

10px / Medium

Brand Voice

Six words that form the editorial backbone of every piece of writing. The brand speaks in short, certain sentences. No warmth for warmth's sake.

  • Architectural
  • Confident
  • Restrained
  • Considered
  • Timeless
  • Refined

Spacing System

A fixed rhythm of eight values. Every element sits at a deliberate distance, nothing arbitrary, nothing accidental.

44px
88px
1616px
2424px
3232px
4848px
6464px
9696px

پروژه بعدی

Reve Cafe Digital Menu