Skip to content
Brand

Carta

The Jalur Gemilang, drawn to the government's construction sheet, with one change: its fourteen stripes are a bar chart. Each stripe is one unit shorter than the one above, so the fly edge runs at exactly 45°. Read fast, it is the flag. Read again, it is what this site does: public money, ranked.

Construction

Drawn on the official sheet

Every flag dimension comes from the government construction sheet. The only departure is the fly edge.

fly edge: x + y = 282¾332½2¾14 · canton14 · fly86
Proportion
1 : 2
28 × 14 units. One unit is one stripe.
Stripes
14, red first
Seven red, seven white, equal height; the bottom stripe is white.
Canton
14 × 8
Half the width, over the top eight stripes.
Crescent
Ø6 less Ø5½
Outer circle centred 5¾ in; the inner circle 1 unit nearer the fly.
Star
14 points, Ø5
Centred 8¾ in, inner vertices on Ø2, first point straight up.
The Carta cut
−1 unit a stripe
Stripe n ends at 28 − n, so the fly edge runs at 45°.

Source: the construction sheet in ASEAN's copy of the national flag specification. It dimensions the outer crescent and the star; the inner crescent circle is dimensioned only at its hoist edge, and its Ø5½ follows Flags of the World's reading of the same sheet, which lands its horns where the sheet draws them.

Colour

The flag's four, and the site's paper and ink

Biru
Canton
Pantone
2768 C
CMYK
100 100 0 0
Screen
#000066
Merah
Seven stripes
Pantone
199 C
CMYK
0 100 100 0
Screen
#cc0000
Kuning
Crescent and star
Pantone
108 C
CMYK
0 0 100 0
Screen
#ffcc00
Putih
Seven stripes
Pantone
none (paper)
CMYK
0 0 0 0
Screen
#ffffff

Pantone and CMYK: Jabatan Penerangan, Bendera Kita: Jalur Gemilang (2017), Jadual 1. The government publishes no screen values; the hex codes are those of Wikimedia's reference drawing. In code they are the Tailwind colours biru, merah and kuning, with full 50–950 scales for the first two. Across the site Biru carries the brand and interaction (links, focus, navigation) and Merah carries action and data (buttons, spending, overspend).

Dakwat
Rules and text
#272727 · charcoal-1000
Kertas
Panels and menus
#fbf6f1 · linen-50
Linen
Page ground
#f6ece3 · linen-100
Abu
Captions and notes
#5d5d5d · charcoal-600
Lockups

Four arrangements, one drawing

Stacked
The primary lockup: “Build” exactly as wide as the flag.
Inline
For one-line spaces: email signatures, slide footers.
Flag
Where “Build Malaysia” is written nearby.
Icon
Favicon and avatar: the canton, squared on its own blue.

Clear space is four stripes on every side. The smallest stacked logo is 1.5px a stripe, as in the header; below that, use the icon. Sizes at whole or half pixels a stripe keep every stripe edge sharp.

Motion

It moves like a chart

Stripes only grow or shrink from the hoist, the way bars do. The star only turns in whole points: a fourteen-point star turned one point looks exactly as it started, so the flag is never left off-spec. With reduced motion on, nothing moves.

Hover
The 45° edge steps out one stripe and the star turns one point. Mouse and trackpad only.
Loading 2025 spending
Loading
The edge ripples down the stripes while the star turns one point a beat. Page loads wait 300ms before it shows, so a fast page shows nothing.
Calculating
Small
Under 24px the stripes blur, so the small loader is the icon, its star spinning. Beside visible text it carries no label of its own, so screen readers hear the button once.

The header logo plays its intro once, on the first page of a visit: the canton, then the star turning in, then the stripes ranking in from the hoist.

Files

Download the logo

“Build” is drawn as outlines in every file, so it looks the same without the font installed.

Use

Don't

  • Mirror it. The canton stays at the hoist and the crescent opens toward the fly.
  • Cut the stripes any other way. The 45° edge is the only cut; other lengths read as a chart of made-up data.
  • Recolour it. There is no one-colour flag. Where only one colour prints, write “Build Malaysia” alone.
  • Set it on red. The red stripes vanish. Use white, Kertas or Biru.
  • Stretch, tilt or wave it. Carta is a chart, and charts sit level at 1 : 2.

The design is Build Malaysia's; the flag in it belongs to everyone.