Singapore Airlines Dashboard Style — Premium, Boarding Pass, Courteous

A courteous, premium dashboard that reports its month on a boarding pass. It takes the measured CSS tokens of singaporeair.com and the way Singapore Airlines shows its numbers in the real world (the boarding pass, the seat map, the monthly operating statistics, the annual report's charts) as one card and one chart grammar.

The sample below is the fictional monthly operating statistics of Vizney Air. The route region tabs at the top change every card.

Design

• Color: inside singaporeair.com's navy tab bar #00266b and orange hairlines #ff9f00, the data has one teal subject, #0096ae; the rest is gray, and only what fell short of breakeven or target turns red, #dc0202.
• One card: boarding-pass KPIs, a seat map, a route map, routes against breakeven, departures by hour and the operating statistics table all follow figure label → a title that states the finding → subtitle → chart → note.
• Type and numbers: Figtree with Source Sans 3 for headings and Source Code Pro for airport codes; load factor changes in pts, and the table's changes in a sign column of their own.

DASHBOARD.md

Add DASHBOARD.md, the agent skill, Tableau palettes and a Power BI theme to your project folder with one command.

npx @vizney/styles@latest add singapore-airlines

DASHBOARD.md · Prompts · Download the zip · npm

We make the same package for your company, from your website, privately. Contact us · Want a brand in the catalog? Request it on GitHub and vote with 👍.

Not an official Singapore Airlines design, and not affiliated with or endorsed by Singapore Airlines. A reference style read from the publicly visible design of singaporeair.com and its public touchpoints such as boarding passes, seat maps and the annual report; it carries no logo, typeface, photo or data of theirs. Trademarks belong to their owners. The sample's company, Vizney Air, and all its numbers are fictional.