> ## Documentation Index
> Fetch the complete documentation index at: https://www.argosidentity.com/blog/llms.txt
> Use this file to discover all available pages before exploring further.

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

> ARGOS의 eKYC 솔루션 ID check와 AI Agent Omni 대시보드에 디자인 시스템 IRIS가 적용되었습니다. 같은 UI와 상태 색, 높아진 가독성, 더 빠른 개선까지 대시보드에서 달라지는 4가지를 소개합니다.

[소식·공지사항](https://www.argosidentity.com/blog/ko/news.md) <time dateTime="2026-10-28">2026년 10월 28일</time> · ARGOS Identity, Suyeon Yang![ID check·Omni 대시보드 업데이트: 디자인 시스템 IRIS로 더 일관되고 빠르게 좋아지는 본인 인증 운영 화면](https://mintcdn.com/blog-argosidentity/NUZHtslQE-FOI9DJ/images/news/dashboard-design-system-ko.png?fit=max\&auto=format\&n=NUZHtslQE-FOI9DJ\&q=85\&s=4e94e816b418d92bcfd598e769ff6063)안녕하세요. 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에서도 똑같이 보입니다. 마우스를 올리면 살짝 진해지고, 누르면 한 단계 더 진해지며, 키보드로 이동하면 또렷한 포커스 테두리가 나타납니다. 두 제품을 오가며 쓰셔도 새로 익힐 것이 없습니다.![ID check 대시보드 크레딧 사용 통계 화면](https://mintcdn.com/blog-argosidentity/NUZHtslQE-FOI9DJ/images/news/dashboard-design-system-idcheck.png?fit=max\&auto=format\&n=NUZHtslQE-FOI9DJ\&q=85\&s=ca6d84a23108610e14bf332d4ca67b19)새 디자인이 적용된 ID check 대시보드의 크레딧 사용 통계 화면. 상태별 건수, 일일 제출 사용량, 제출 상태 분포를 같은 형태의 카드로 보여 줍니다.![Omni 문서 업로드 완료 화면](https://mintcdn.com/blog-argosidentity/NUZHtslQE-FOI9DJ/images/news/dashboard-design-system-omni.png?fit=max\&auto=format\&n=NUZHtslQE-FOI9DJ\&q=85\&s=c1cc76385a383b1656a39a339bfc3563)새 디자인이 적용된 Omni의 문서 업로드 완료 화면. 진행 단계, 완료 안내, 건수 표시가 ID check와 같은 기준의 색과 모양으로 표시됩니다.### 2. 승인·검토 중·반려, 인증 상태를 색으로 바로 확인승인 완료는 초록, 검토 중은 노랑, 반려는 빨강. 배지·알림·표 어디에서나 같은 색 체계로 보입니다. 신원 인증 결과를 다루는 제품에서는 "이 건이 지금 어떤 상태인가"가 한눈에 들어오는 것이 가장 중요하다고 생각했습니다.![버튼, 입력창, 상태 표시 예시](https://mintcdn.com/blog-argosidentity/NUZHtslQE-FOI9DJ/images/news/dashboard-design-system-components-ko.png?fit=max\&auto=format\&n=NUZHtslQE-FOI9DJ\&q=85\&s=f4ad88c6340c20884d238d082254cf91)두 대시보드에 공통으로 쓰이는 버튼, 입력창, 상태 표시. 승인은 초록, 보류는 노랑, 삭제·반려는 빨강처럼 색마다 뜻이 정해져 있습니다.### 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 팀 드림**[![신원을 확인하는 기술에서 운영을 실행하는 AI까지, ARGOS Identity 소개서 보기](https://mintcdn.com/blog-argosidentity/8G_U5FzQ5k_5sGM0/images/banners/banner-company-ko.jpg?fit=max\&auto=format\&n=8G_U5FzQ5k_5sGM0\&q=85\&s=d1d76b17692332f3522299b1f58798b6)](https://www.argosidentity.com/ko/company?utm_source=blog\&utm_medium=banner\&utm_campaign=20261028)

\## ARGOS 뉴스레터


      

신원 인증·eKYC·AML 소식과 ARGOS 업데이트를 메일로 받아보세요.


      \<form noValidate>(필수) 개인정보 수집·이용에 동의합니다.
        
        \<details><summary>개인정보 수집·이용 안내</summary>
          \<ul /></details>
        
          
          (선택) 광고성 정보 수신에 동의합니다.</form>



This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.