No Bar
Dalat.
Vietnamese character,
after dark.
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.
- Place
- Dalat, Vietnam
- Format
- Bar landing page
- Primary next step
- Get directions
Real venue photography / Project archiveThe 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.
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.
iCiel Novecento Sans
Display, scale and impact.
Beau Sans
Supporting voice and detail.
Language becomes
a way to discover.
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.
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.
- 01Arrival
Feel the place
Real people, low light and the bar in motion.
- 02Identity
Find its point of view
Vietnamese heritage, expressed in the present.
- 03Menu
Discover a drink
Categories, ingredients and flavour, in two languages.
- 04Map
Find the door
Address, opening status and a direct map action.
- 05Contact
Make the next move
Hours, Instagram and directions in one final frame.
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.
Character on the surface.
Structure underneath.
React / TypeScript
Reusable sections for the bar’s story, menu and visit information.
React Router / i18next
English and Vietnamese content for local guests and visitors.
Framer Motion / Lenis
Scroll-led transitions and interactive menu states in the current implementation.
Menu data / WebP / Leaflet
Repository-based drinks content, optimized imagery and a lazily loaded map.