Lompat ke konten utama

Brand kit

The Hidangi look, in one place.

Warm, friendly, and unmistakably ours — a playful bento system built for small restaurants. Here are the logo, the exact colours, the type, and the voice, taken straight from the shipped product. Please use the real assets below.

Hidangi brand board — logo, food photography, QR menu and colour system on a warm cream grid
01

The mark is Bento H — a bold H built from rounded saffron and coral blocks, next to the hidangi.my wordmark. It reads as a friendly menu grid: hospitality, blocks of food, a table laid out.

Wordmark
WordmarkPrimary lockupDownload PNG
Bento H mark
Bento H markIcon-only, squareDownload PNG
App icon
App iconSaffron, roundedDownload PNG
Mono mark
Mono markOne-colour / stampDownload PNG

Do

  • Keep clear space around the mark — at least the height of the H.
  • Use it on the cream ground, white, or a calm light photo.
  • Use the supplied assets at their native proportions.

Don’t

  • Stretch, rotate, recolour, or add shadows and gradients.
  • Place it on a busy or low-contrast background.
  • Redraw it or swap in a different mark.
02

Colour

A warm neutral ground with saffron as the accent — a fill for brand actions, never small text. Every value below is the exact token the apps and web share, checked for WCAG AA where it carries meaning.

Core

#211E2B
InkText and borders — the warm near-black
#FBF8F1
GroundThe neutral warm canvas every screen sits on
#FFF8DE
CreamA warmer tint for large accents
#F1ECE0
PaperSunken surface behind cards
#FFFFFF
WhiteBento card fill

Brand & accents

#F3A712
SaffronThe brand action — a fill, never small text
#FF7167
CoralPlayful accent (landing, highlights)
#76D9F5
SkyAccent + focus ring
#DFD0FF
LilacSoft accent (AI, secondary highlights)

Semantic

#127A4B
SuccessAvailable, accepted — AA on light
#C4362C
DangerSold out, destructive, needs attention
#2960C4
InfoLinks and informational text
#5F5A6B
SecondaryMuted text on light surfaces
03

Type & voice

Sans · Inter

Aa Bb Cc

Interface and body. Prices, menus, buttons.

Serif · Georgia

Aa Bb Cc

Editorial headings on the web and blog.

Mono

09:41 · #A12

Labels, order numbers, codes, hex.

Voice

We sound like
  • Warm and plain — a helpful neighbour, not a corporation.
  • Short and practical. Say what to do, then why.
  • Respectful of a busy one- or two-person restaurant.
We avoid
  • Jargon, hype, and fake urgency.
  • Implying we take payment — guests always pay at the counter.
  • Over-promising “guaranteed” alerts or results.

English is the default interface language; AI content and the blog also speak Bahasa Malaysia and Bahasa Indonesia.

04

The bento system

Content sits in white bento cards with thick ink borders and a soft offset shadow, on the warm ground. Saffron fills the one primary action. It should feel tidy, tactile, and a little playful — like a well-laid tray.

TodayRM 42818 orders
MenuNasi Lemak · RM 8.50● Available

Do

  • One saffron primary action per view; the rest is calm.
  • Thick ink border (1.5–2px), rounded corners, small offset shadow.
  • Name colour by role — pair it with text or an icon, never colour alone.

Don’t

  • Flood a screen with saffron — it fatigues the eye.
  • Use thin, borderless, floaty cards.
  • Rely on hue alone to signal sold-out or danger.

Questions or a partnership? Get in touch.

Brand kit — Hidangi · Hidangi