Studio Màu CamStudio Màu Cam
Creative technology, across platforms

A bold idea.
Built with care.

Emerging technology.
Digital to physical.

An independent studio exploring emerging technology across software, electronics and physical experiences.

Explore the work
Based in Dalat, Vietnam
01 / Principles

Ideas, made
with intention.

How we work
01

Give the idea character.

A clear point of view, down to the details.

02

Make it work.

Expression and usability, considered together.

03

Keep what matters.

Every detail needs a reason to be here.

02 / Selected work

Character,
made tangible.

01 / No Bar Dalat
03 / The team

Creative minds.
Shared intention.

GarfDev

GarfDev

Creative developer

Full-stack web and app development, with an eye for expressive design.

Based in DalatConnect on LinkedIn (opens in a new tab)
04 / Get in touch

Have something
in mind?

Tell us about your idea. Let’s make it tangible.

Studio Màu Cam / Selected work 01
No Bar's live website opens with a mosaic of the venue, people and cocktails
Bar / Landing page / Dalat

No Bar
Dalat.

Vietnamese character,
after dark.

Live website capture
01 / The brief

Bring the place
into the screen.

No Bar is a bar in Dalat. Its landing page introduces the atmosphere, the story and the drinks, then helps guests plan a visit.

Physical spaceFull energyVietnamese identity
Place
Dalat, Vietnam
Format
Bar landing page
Primary next step
Get directions
Warm light and radiating wall geometry inside No BarReal venue photography / Project archive
02 / Art direction

The room
sets the rhythm.

Warm practical light. Deep shadow. People close to the frame. The visual reference is the physical bar, rather than a generic neon-nightlife aesthetic.

03 / Visual language

Local identity.
Contemporary expression.

Oversized type and documentary imagery hold the identity. Violet, moss and blue-black carry the night; amber comes from the photographs.

Blue-blackDepth
VioletIdentity
MossContrast
Amber lightPhotography
Project typography

iCiel Novecento Sans

Display, scale and impact.

Project typography

Beau Sans

Supporting voice and detail.

04 / The current menu

Language becomes
a way to discover.

01sắc
02huyền
03không
04hỏi
05ngã
06nặng

Six Vietnamese tone names give the current signature set its vocabulary. The theme belongs to this drinks collection, leaving room for future sets to develop a different visual vocabulary.

Current public menu / Cropped live website capture
05 / Guest journey

From atmosphere
to arrival.

From a first impression of the bar to the drinks menu and directions: each section helps guests decide on a night at No Bar.

  1. 01
    Arrival

    Feel the place

    Real people, low light and the bar in motion.

  2. 02
    Identity

    Find its point of view

    Vietnamese heritage, expressed in the present.

  3. 03
    Menu

    Discover a drink

    Categories, ingredients and flavour, in two languages.

  4. 04
    Map

    Find the door

    Address, opening status and a direct map action.

  5. 05
    Contact

    Make the next move

    Hours, Instagram and directions in one final frame.

Mobile No Bar website with concept navigation and direct menu access
06 / Interaction

Expressive.
Still usable.

  • Two languagesEnglish and Vietnamese share the same visitor journey.
  • Drinks within reachCategory selection, ingredients and flavour details stay in the interface.
  • A clear next stepDirections, opening status and the address turn browsing into a plan.
07 / Website build

Character on the surface.
Structure underneath.

Interface

React / TypeScript

Reusable sections for the bar’s story, menu and visit information.

Routing and language

React Router / i18next

English and Vietnamese content for local guests and visitors.

Motion

Framer Motion / Lenis

Scroll-led transitions and interactive menu states in the current implementation.

Content and place

Menu data / WebP / Leaflet

Repository-based drinks content, optimized imagery and a lazily loaded map.

No Bar Dalat

Meet the bar online.
Find your way inside.

Explore the live website (opens in a new tab)