Araye Design

Overview

Araye Design is an interior design studio working across residential, commercial, and retail spaces. The project called for a digital presence that could hold their portfolio with the same restraint and confidence as the spaces they create. We built the brand identity and digital platform from the ground up — developing a clean typographic system, a high-contrast dark aesthetic, and a project showcase that puts photography at the forefront. The site was built in Next.js with TypeScript and Tailwind CSS, optimized for performance and designed to scale as the studio's portfolio grows. Every layout decision was guided by one principle: let the work speak.

Color System

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

Accent — Use with intent

Typography

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

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.