Singapore Airlines 대시보드 스타일 — 프리미엄, 탑승권, 단아함

탑승권과 좌석 배치도처럼 숫자를 단정하게 보여 주는 대시보드 스타일입니다. singaporeair.com의 실제 CSS 토큰을 읽고, 싱가포르항공이 탑승권과 좌석 배치도, 월간 운항 통계와 연차보고서의 차트에서 숫자를 보여 주는 방식을 하나의 카드와 차트 문법으로 옮겼습니다.

아래 샘플은 비즈니 에어의 가상 월간 운항 통계입니다. 위쪽 노선 지역 탭을 바꾸면 모든 카드가 함께 바뀝니다.

Design

• 색: singaporeair.com의 남색 탭 띠 #00266b와 주황 실선 #ff9f00 안에서 데이터의 주인공은 청록 #0096ae 하나, 나머지는 회색이고, 손익분기·목표에 못 미친 곳만 빨강 #dc0202입니다.
• 한 카드: 탑승권 KPI, 좌석 배치도, 노선도, 손익분기 대비 노선, 시간대별 출발, 운항 통계표가 모두 그림 번호 → 결과를 말하는 제목 → 부제 → 그림 → 주석 순서를 따릅니다.
• 글자와 숫자: Figtree와 Source Sans 3, Pretendard를 쓰고, 공항 코드는 Source Code Pro로, 탑승률 증감은 %p로, 표의 증감은 따로 둔 부호 칸에 적습니다.

DASHBOARD.md

DASHBOARD.md와 에이전트 스킬, Tableau 팔레트, Power BI 테마를 프로젝트 폴더에 한 줄로 넣습니다.

npx @vizney/styles@latest add singapore-airlines

DASHBOARD.md · 프롬프트 · zip 내려받기 · npm

우리 회사 웹사이트로 같은 패키지를 비공개로 만들어 드립니다. 제작 문의 · 다음에 만들 브랜드는 GitHub에서 요청하고 👍로 투표해 주세요.

Singapore Airlines의 공식 디자인이 아니며 제휴·승인 관계가 없습니다. 공개된 웹사이트(singaporeair.com)와 탑승권·좌석 배치도·연차보고서 등 공개된 접점에서 보이는 디자인을 읽어 낸 참고용 스타일이며 로고·서체·사진·데이터는 포함하지 않습니다. 상표는 각 소유자의 것입니다. 샘플의 회사(비즈니 에어)와 숫자는 모두 가상입니다.