ID check·Omni 대시보드 업데이트: 디자인 시스템 IRIS로 더 일관되고 빠르게 좋아지는 본인 인증 운영 화면

소식·공지사항 2026년 10월 28일 · ARGOS Identity, Suyeon Yang

안녕하세요. ARGOS Identity입니다. 2026년 10월 20일(화)부터 ID check 대시보드와 Omni가 새 버전으로 업데이트되었습니다. 로그인해 보셨다면 화면이 조금 더 가지런해진 것을 느끼셨을 겁니다. 버튼 모양이 어디서나 같아지고, 승인·검토 중·반려 같은 상태가 늘 같은 색으로 보이고, 마우스를 올리거나 누를 때의 반응이 일정해졌습니다. 쓰시던 기능이 바뀌거나 메뉴 위치가 달라지는 개편은 아닙니다. 대신 그 뒤에서 제품을 만드는 방식이 바뀌었습니다. 오늘은 그 변화에 붙인 이름, IRIS 디자인 시스템을 소개하고 앞으로 무엇이 달라지는지 말씀드리려 합니다. 고객님께서 따로 설정하거나 조치하실 일은 없습니다. 기존과 같이 로그인해 바로 이용하실 수 있으며, 대시보드에 저장된 데이터와 기존 기능은 그대로 유지됩니다.

​

디자인 시스템이란? 디자인 토큰·컴포넌트·화면의 3단계 구조

디자인 시스템은 색·글자·간격의 기준 값(디자인 토큰)과, 그 값으로 만든 컴포넌트를 기획·디자인·개발이 함께 쓰는 약속입니다. 세 단계로 이루어져 있습니다.

1. 디자인 토큰: “우리 브랜드 색은 이 값”, “본문 글자는 이 크기”처럼 기준이 되는 값입니다. 모든 화면이 이 값을 가져다 씁니다.
2. 컴포넌트: 버튼, 입력창, 날짜 선택기, 표처럼 화면마다 반복해서 쓰는 요소입니다. 마우스를 올렸을 때, 눌렀을 때, 사용할 수 없을 때의 모습까지 미리 정해져 있습니다.
3. 화면: 이 컴포넌트들을 조합해 만든 실제 페이지입니다.

예전에는 같은 역할의 버튼인데도 화면마다 색·높이·모서리가 조금씩 달랐습니다. 한 곳을 고치면 나머지를 따로 찾아다니며 고쳐야 했습니다. 이제는 기준 값 하나를 바꾸면, 그 값을 쓰는 모든 컴포넌트가 두 서비스에서 함께 바뀝니다.

​

IRIS 적용으로 ID check·Omni 대시보드에서 달라지는 4가지

​

1. ID check와 Omni, 어디서나 같은 UI와 같은 반응

ID check 대시보드에서 익힌 버튼·입력창·표의 생김새가 Omni에서도 똑같이 보입니다. 마우스를 올리면 살짝 진해지고, 누르면 한 단계 더 진해지며, 키보드로 이동하면 또렷한 포커스 테두리가 나타납니다. 두 제품을 오가며 쓰셔도 새로 익힐 것이 없습니다.

​

2. 승인·검토 중·반려, 인증 상태를 색으로 바로 확인

승인 완료는 초록, 검토 중은 노랑, 반려는 빨강. 배지·알림·표 어디에서나 같은 색 체계로 보입니다. 신원 인증 결과를 다루는 제품에서는 “이 건이 지금 어떤 상태인가”가 한눈에 들어오는 것이 가장 중요하다고 생각했습니다.

​

3. Pretendard 서체 통일과 대비 점검으로 높아진 가독성

글자는 Pretendard 한 가지 서체로 통일하고 크기 단계를 정리해, 제목·본문·보조 설명이 분명하게 구분되도록 했습니다. 글자와 배경의 대비도 기준을 두고 점검해 작은 보조 글자까지 읽기 어렵지 않게 다듬었습니다.

• 누를 수 없는 버튼이나 입력창은 전용 색으로 구분되어 한눈에 알아볼 수 있습니다.
• 긴 표는 내용을 줄이지 않고 옆으로 넘겨 볼 수 있습니다.

​

4. 한 번 고치면 두 제품에 함께 반영되는 빠른 개선

당장 눈에 띄지는 않지만 가장 큰 변화입니다. 앞으로 문제를 발견하면 화면마다 찾아 고치는 대신 시스템을 한 번 고칩니다. 그 결과가 ID check 대시보드와 Omni에 함께 반영됩니다. 이번 준비 과정에서 글자 체계를 바꿨을 때는 약 290개 화면 파일이 한 번에 바뀌었습니다. 앞으로 보내 주시는 의견이 제품에 닿기까지의 시간도 그만큼 짧아집니다. 빠르게 고치는 만큼, 고친 내용이 실제 화면에 반영되기 전에는 꼭 확인하는 단계를 거칩니다.

• 자동 테스트와 컴포넌트 문서(Storybook)로 동작과 모양을 확인합니다.
• 디자인과 실제 화면을 비교해 디자이너가 승인합니다.
• 변경 이력을 기록한 뒤에 배포합니다.

규칙은 막기 위한 것이 아니라 더 빨리 고치기 위한 방법입니다. 시스템으로 풀기 어려운 화면이 나오면 그 화면만 예외로 만드는 대신 시스템을 개선합니다. 그래서 예외가 쌓이지 않고, 시스템이 제품과 함께 자랍니다.

​

IRIS 적용 현황: ID check 대시보드 v4.0.0 · Omni v3.0.0

이번 업데이트(ID check 대시보드 v4.0.0 · Omni v3.0.0)부터 두 제품은 IRIS 디자인 시스템 위에서 동작합니다.

• 화면 파일 기준으로 **ID check 대시보드는 75%, Omni는 84%**가 디자인 시스템 컴포넌트로 만들어져 있습니다.
• 버튼·입력·배지부터 날짜 범위 선택, 데이터 표, 사이드바까지 41개 컴포넌트가 준비되어 있습니다.

앞으로 새 화면과 신규 제품은 이 컴포넌트를 조합하는 데서 시작합니다. 기본 요소를 다시 만드는 기간이 사라지는 만큼, 새 기능이 더 빨리 도착합니다.

​

더 나은 ID check·Omni 대시보드를 위해 의견을 보내 주세요

화면 하나하나가 “이 인증을 믿어도 되는가”의 신호가 되도록, 디자인과 개발이 계속 함께 관리하겠습니다. 새 버전을 쓰시다가 “여기는 다른 곳과 다른데?” 싶은 화면이 보이면 ARGOS Identity 고객지원센터로 알려 주세요. 그 한 곳만 고치는 것이 아니라, 시스템을 고쳐서 모든 화면을 함께 좋게 만들겠습니다. 감사합니다. ARGOS Identity 팀 드림