
토스만의 디자인 툴, 데우스 
토스에서는 ‘데우스(Deus)’라는 자체 디자인 툴을 쓰고 있어요. 토스의 일하는 방식에 맞춰 설계된 디자인 툴로, 디자이너와 개발자 모두가 기능적 제약 없이 효율적으로 협업할 수 있도록 만들어졌어요. 이번 글에서는 전사에서 함께 사용하는 디자인 툴의 로고를 제작하면서 겪었던 고민과 과정을 공유하려고 해요.


데우스의 어원은 Deus Ex Machina. 그리스 연극에서 유래된 표현이에요. ‘기계 장치에서 내려오는 신’이라는 뜻으로, 예기치 않게 문제를 해결해주는 초월적인 존재를 의미하죠. 데우스 역시 필요한 순간 정확한 기능을 제공하는 도구가 되길 바라는 마음으로 붙여진 이름이에요.


하지만 기능의 중요도에 비해 뚜렷한 시각적 아이덴티티는 부족한 상태였어요. 별도의 로고 없이 토스 로고나 이모지를 상황에 따라 혼용해 사용해왔거든요. 전사에서 툴의 역할이 확장될수록 독립적인 브랜드 아이덴티티가 필요하다는 요구가 커졌어요. 외부에도 공개되는 툴이기에, 툴 자체의 정체성이 더 명확히 드러나야 한다고 생각했죠. 그렇게 로고를 제작하게 되었어요.

첫 번째 시도
처음에는 ‘데우스’라는 이름이 다소 낯설 수 있다고 생각해, 이름을 직관적으로 연상할 수 있는 심볼을 만드는 데 집중했어요. 그래서 ‘D’를 모티프로 한 시안부터 작업을 시작했어요.

전사 툴인 만큼, 데우스 팀 뿐만 아니라 다양한 직군의 토스 팀원들에게 의견을 받았는데요. 브랜드 톤앤매너부터 조형적 디테일까지, 정말 다양한 피드백이 쏟아졌어요. 

“툴의 첫인상으로 이게 맞는지 잘 모르겠어요”
“일반적인 앱 스타일이라 아쉬워요”
“조형이 불안정해요”
“두께가 줄어들면 어떨까요?”

예상보다 훨씬 디테일한 의견들이 나왔죠. 어디서부터 수용해야 할지, 어떤 부분을 고쳐야 할지 갈피를 못잡겠더라고요. 
브랜드의 본질부터 정의하기
그래서 단순히 '로고를 어떻게 만들까'를 고민하는 게 아니라, 데우스가 어떤 툴인지, 어떤 브랜드여야 하는지 스스로 먼저 정리해볼 필요가 있다고 생각했어요. 제가 먼저 데우스의 명확한 정체성을 정의해야, 그걸 기준으로 팀원들을 설득하고 피드백을 조율할 수 있을 거라 판단했죠.
토스에서는 새로운 툴로 옮겨갈 때 종종 ‘이주한다’는 표현을 써요. 이 표현에서 힌트를 얻어, 데우스를 새로운 세계로 이동하는 경험처럼 그려보고 싶었어요. 툴을 바꾼다는 건 이전과는 완전히 다른 환경으로 넘어가는 전환의 경험이니까요.
이런 스토리를 바탕으로, 데우스로의 전환을 미지의 행성으로 이주하는 장면에 빗대어 별빛, 우주적 심상 등을 모티브로 한 다양한 시안들을 실험해봤죠.

이렇게 스토리를 먼저 정리하고 나니, 팀원들도 시안의 의도를 훨씬 쉽게 이해하고 피드백을 줄 수 있었어요. 저 역시 기준이 명확해지면서 디자인 방향을 잡는 과정이 훨씬 수월해졌고요.

본질에 다시 집중하기
하지만 여전히 고민이 남아있었어요.
“이 스토리가 데우스를 정확히 설명해주고 있나?”
조형적으로 흥미로운 시안들도 있었지만, 툴을 처음 접하는 사람이 로고만 보고 데우스의 정체성과 역할을 짐작할 수 있을까? 라는 질문이 계속 들었어요.
이 고민 끝에 툴의 이름이자 정체성인 ‘Deus’라는 단어 자체의 스토리에 다시 집중해보기로 했어요.

‘Deus Ex Machina’ ⎯  기계 장치에서 내려오는 신
‘Deus’ ⎯  필요한 순간에 정확한 기능을 제공해주는 도구 

데우스의 어원과 이름이 가진 의미를, ‘하늘에서 내려오는 빛’이라는 메타포로 풀어보고 싶었어요.


먼저 빛의 속성과 브랜드 분위기를 정리하기 위해 무드보드를 구성하고, 빛줄기의 교차와 투시를 활용한 다양한 조형을 빠르게 실험했어요.


이 시안이 팀원들에게 많은 공감을 얻었어요. 하늘에서 내려오는 빛의 심상이 데우스 본래의 의미와 자연스럽게 녹아든 덕분이 아닐까 생각해요.

최종 시안 완성하기
하늘에서 내려오는 빛이라는 큰 틀은 정했지만, 디테일한 조정 과정이 필요했어요. 심볼만 단독으로 봐서는 데우스의 정체성과 어울리는지 판단하기 어려웠고, 무엇보다 다양한 사용 환경에서도 문제없이 적용될 수 있어야 했거든요.
그래서 워드마크와 함께 배치했을 때의 밸런스, 작은 크기로 줄였을 때의 시인성, 앱 아이콘이나 파비콘, 로딩 애니메이션 등 실사용 상황에서의 적용성을 기준으로 가장 적합한 룩을 찾아갔어요.

최종 후보는 4개였는데요. 그 중에서도 1번을 최종안으로 선택했어요.
워드마크와의 조화가 가장 안정적이었어요.
조형이 너무 강조되지도, 워드마크에 묻히지도 않는 균형을 만들 수 있었어요.
확장성과 활용성이 가장 뛰어났어요.
파비콘, 앱 아이콘, 로딩 모션 등 다양한 크기와 형태에서도 선명하게 유지됐고, 형태가 깨지거나 왜곡되지 않았어요.
조형적 간결함 속에서도 컨셉이 유지됐어요.
하늘에서 내려오는 빛이라는 메타포가 직관적으로 전달됐어요.


둥근 형태나 너무 얇은 조형들은 작은 크기에서는 시인성이 급격히 떨어졌고, 실제 제품 화면 위에 얹었을 때 브랜드 아이덴티티가 선명하게 드러나지 않는다는 한계가 있었어요.


로고에 담긴 메시지를 더 입체적으로 전달하고 싶어서, 로고의 핵심 구조를 활용한 브랜드 컨셉 영상도 함께 제작했어요.


다양한 직군의 토스 팀원들이 함께 애정을 갖고 만들어온 툴이라, 로고를 처음 공개하는 순간은 유독 긴장감이 컸어요.
다행히 공유 직후, 팀원들이 "가슴 뛰는 로고다"라는 반응을 보내줬고, 그동안 여러 번 방향을 고민하고 조율했던 시간이 보람으로 돌아오는 순간이었어요.

새로 만들어진 데우스 로고는 Simplicity Season 4를 통해 외부에도 처음 공개됐죠.
덕분에 데우스를 처음 만나는 분들에게도, 토스만의 디자인 툴로서의 정체성을 자연스럽게 소개할 수 있었어요.

Simplicity Season 4 ‘토스가 디자인 툴을 만든 이유’

적용해보기 
로고를 만드는 작업은 절대 한 번에 완성되지 않더라고요. 특히 데우스는 다양한 직군이 함께 쓰는 전사 툴이기 때문에, 디자인에 대한 이해관계도 다양했고, 각자 중요하게 생각하는 기준과 포인트도 조금씩 달랐어요.
이 과정에서 얻은 배움은 이렇게 정리할 수 있을 것 같아요.
1️⃣ 스스로 먼저 납득할 수 있는 스토리를 정의하기
모두를 설득할 수 있는 로고를 만들기 위해서는 먼저 어떤 브랜드인지 명확히 정의하는 것이 중요했어요. 정체성을 먼저 세워둬야 수많은 피드백 속에서도 중심을 잃지 않고, 방향을 조율해나갈 수 있었어요.
2️⃣ 다양한 실사용 환경까지 고려하기
하나의 로고가 다양한 채널에서 어떻게 사용될지까지 시뮬레이션하며 설계했어요. 직관적인 조형, 작은 크기에서도 읽히는 시인성, 워드마크와의 조화, 파비콘·로딩 등 실제 상황까지 고려했어요.




토스만의 디자인 툴, 데우스 
토스에서는 ‘데우스(Deus)’라는 자체 디자인 툴을 쓰고 있어요. 토스의 일하는 방식에 맞춰 설계된 디자인 툴로, 디자이너와 개발자 모두가 기능적 제약 없이 효율적으로 협업할 수 있도록 만들어졌어요. 이번 글에서는 전사에서 함께 사용하는 디자인 툴의 로고를 제작하면서 겪었던 고민과 과정을

토스의 새로운 디자인 툴, 그 로고는 어떤 모습이어야 할까요?
툴의 정체성을 담아낸 로고 제작기를 공유합니다.

로고 하나로 툴을 설명할 수 있다면


저번 아티클에서 토스 팀이 직접 개발한 그래픽 AI, 토스트를 소개해 드렸어요. 이번 글에서는 토스트로 이미지를 만드는 구체적인 방법과, 실제 토스 팀에서 활용한 사례들을 보여드릴게요.



금융 콘텐츠를 위한 2D 그래픽 만들기
토스에서는 토스피드를 비롯해 다양한 금융 콘텐츠를 제작하고 있어요. 금융 콘텐츠는 어렵고 복

Part 2. 토스에서는 토스트를 실제로 어떻게 활용하나요?

토스의 AI 그래픽 생성기, 토스트를 소개합니다 #2

여러분은 AI를 업무에 얼마나 활용하고 있나요? 토스에서는 그림 그려주는 AI, 토스트(tosst) 서비스를 사내에 오픈했어요. 토스트에 정보를 입력하면 그래픽이 몇 분 만에 만들어집니다. 토스 그래픽디자이너가 만든 것과 같은 톤과 퀄리티로요.



토스가 그래픽 AI를 만들게 된 이유
토스 그래픽 디자이너들은 하루에도 수십개의 그래픽을 제작해요. 그렇게 만들어진 그래픽들은 앱 아이콘부터 콘텐츠 이미지까지, 다양한 곳에서 ‘토스다움'을 보여주는 요소로 자리하고 있죠.

문제
하지만 중요도에 비해 팀 내 그래픽 디자이너는 턱없이 부족한 상황이에요. 협업해야 하는 팀원은 100명도 훌쩍 넘는데 그래픽 디자이너는 5명뿐이다 보니 요청이 들어오는 그래픽만 그리기에도 손이 모자랐고, 새로운 컨셉을 고민할 시간은 점점 부족해졌어요. 조직 규모에 맞게 그래픽 디자이너를 끊임없이 채용하고 교육하기에도 한계는 존재했고요. 
가설
그렇다면 토스의 그래픽 톤을 이해하는 그래픽 AI가 존재한다면? 그래서 단순한 작업에서 디자이너의 리소스를 줄일 수 있다면 그래픽 디자이너들이 좀 더 깊이 있는 작업에 뇌와 손을 쓸 수 있지 않을까? 토스의 그래픽 AI 프로젝트는 이 질문에서 시작됐어요.
해결
Step 1. 토스의 그래픽 톤 정의하기
스테이블 디퓨전(Stable Diffusion)을 활용해 보기로 한 뒤 가장 먼저 한 일은 ‘토스의 그래픽 톤을 정의하는 것'이었어요. 추상적으로 존재하는 토스의 그래픽 톤을 구체적으로 설명할 수 있어야 학습을 시킬 수 있기 때문이에요.
토스의 그래픽은 심플함을 위해 의미 없는 요소를 빼고 필요한 것만 남겨두지만, 요소의 부재로 그래픽의 완성도가 떨어지는 것을 막기 위해 형태와 텍스쳐의 완성도를 최대한으로 올려요. 좀 더 쉽게는 ‘가장 필요한 것만 예쁘게 남긴 상태'라고 설명할 수도 있는데요. 필요한 것만 남긴다는 것이 어떤 의미인지, 저희가 정의하는 가장 완성도 높은 형태와 텍스처는 무엇인지를 학습시켜야 한다는 결론이 나왔죠.
Step 2. 학습 리소스 만들기
토스의 모든 그래픽 자산은 소수의 그래픽 디자이너가 내부에서 제작하기 때문에 저작권에서 자유롭고, 톤도 통일되어 있어요. 이렇게 만들어져 있던 2,000여 개의 그래픽 리소스를 프롬프트*와 함께 1차로 학습시켰죠.
*프롬프트는 원하는 그래픽을 얻기 위해 AI에게 설명하는 명령어입니다. 컴퓨터와 사람이 서로 소통하는 일종의 언어라고 할 수 있어요

1차 학습이 끝난 뒤에는 기존 리소스와 겹치지 않는 리소스들을 새로 제작해 학습시키는 과정을 반복했어요. 더 좋은 퀄리티의 결과물을 내기 위해서는 절대적으로 많은 양의 그래픽을 학습시키는 것이 유리한데요. 이미 1차 학습을 마친 AI를 일부 이용해 하루 100개 이상의 그래픽을 만들고 학습시킬 수 있었어요. 특히 AI가 잘 만들어낸 것들을 여러번 학습시킬수록 정확도는 높아져 갔고요.
아래의 비교이미지처럼 학습을 통해 AI는 오브제나 인물의 형태를 더욱더 명확하게 표현하기 시작했어요. 프롬프트의 이해도도 높아졌고, 특히 버젼이 높아질수록 그래픽 톤에 대한 이해도가 높아진걸 확인할 수 있어요.

Step 3. 쉽게 이용할 수 있는 서비스로 만들기
AI를 활용할 때 프롬프트를 어떻게 쓰는지가 결과물의 퀄리티를 좌우한다는 사실, 들어보셨나요? 이미지 생성 AI도 마찬가지로 어떤 수식어를 개체의 앞에 넣는지, 뒤에 넣는지에 따라 천차만별의 결과물이 나와요. 하지만 토스트의 사용자는 생성 AI나 그래픽 디자인에는 전문 지식이 없는 사람들이기 때문에 배경지식 없이도 쉽게 이용할 수 있게 했어요. 
필수로 입력해야 하는 항목은 단 2가지인데요. 뽑고 싶은 그래픽이 어떤 타입인지 분류를 선택하고 개체를 입력하는 게 다예요. 뒷단에서는 이미지 타입에 맞는 결과물이 나오도록, 그래픽 디자이너가 찾아낸 프롬프트들을 붙여두었어요. 이 옵션값은 계속해서 추가하고 개선해 나가고 있고요. 디테일한 부분을 연구하고, 일정한 톤으로 나오도록 설정값 만드는 일은 이 분야의 전문가인 그래픽 디자이너의 역할이라고 생각한 거죠.

결과
여러분의 이해를 도울 사례를 보여드릴게요. 토스트에서 ‘통나무집’이라는 키워드를 넣고 ‘기본’, ‘동화같은’, ‘인포그래픽’ 세가지 다른 이미지 타입으로 뽑으면 아래와 같은 결과물이 나와요.

‘동화같은’ 옵션에는 creating dreamlike atmosphere, soft pastel colors등의 프롬프트가, ‘인포그래픽’ 옵션에는 catalog of, found in graphic magazine 등의 프롬프트가 들어가 있어요. 그래서 똑같이 ‘통나무집’이라는 키워드를 넣어도 원하는 타입의 결과물을 얻을 수 있죠.
적용해보기
프롬프트 Tip
AI 학습 모델에 따라 다른 결과물이 나오겠지만, 토스트를 만들며 기억에 남는 프롬프트 몇 가지가 있어요. 인물이 주인공인 그래픽을 만드는 경우, 원하는 톤을 만들기위해서는 프롬프트의 서두가 굉장히 중요한데요, 다음과 같은 몇가지의 prefix prompt(서두에 붙는 프롬프트)를 넣으면 원하는 결과에 더 가깝게 나온다는걸 알아냈어요.
Detailed realistic photography of~
다양한 인물사진을 참고하기 때문에 인물 동작의 완성도가 높아져요

Cinematic illustration of~
영화 속 장면을 참고하기 때문에 배경의 완성도가 높아져요

Pastel tone monochrome illustration of~
인물 배경까지 전체적인 컬러톤을 제어하기 좋아요

이처럼 토스에서 그래픽 디자이너의 역할은 직접 그래픽을 제작하는 것을 넘어 새로운 그래픽 톤을 정의하고, 프롬프트 연구를 통해 AI를 학습시키는 것으로까지 확장되고있어요. 
지금까지 토스가 토스트가 왜 시작됐고 어떻게 만들어졌는지 이야기 해봤는데요, 다음 아티클에서는 실제 서비스에 적용된 토스트 결과물들을 보여드릴게요.



여러분은 AI를 업무에 얼마나 활용하고 있나요? 토스에서는 그림 그려주는 AI, 토스트(tosst) 서비스를 사내에 오픈했어요. 토스트에 정보를 입력하면 그래픽이 몇 분 만에 만들어집니다. 토스 그래픽디자이너가 만든 것과 같은 톤과 퀄리티로요.



토스가 그래픽 AI를 만들게 된 이유
토스 그래픽 디자이너들은 하루에도 

Part 1. 토스트, 이렇게 만들었어요

토스의 AI 그래픽 생성기, 토스트를 소개합니다 #1




토스는 왜 이모지 폰트를 만들었을까?

토스페이스는 토스의 그래픽 스타일로 디자인한 이모지 폰트입니다. 이모지 폰트는 문자가 아닌 그림 🖼️ 으로 이루어진 독특한 폰트예요. 하나의 유니코드마다 사회적으로 약속된 의미를 표현하고, ttf 형식으로 키보드에서 한 자씩 찍어 사용한다는 점에서 폰트의 형식과 동일하다고 할 

세계적인 IT 기업에서나 만드는 이모지 폰트를 어떻게 한국 금융 플랫폼 토스에서 만들게 됐을까? 토스의 이모지 폰트, 토스페이스 제작의 모든 것을 공개합니다.

토스의 이모지 폰트, 토스페이스 제작기




토스 그래픽 디자이너는 어떤 일을 하나요?

토스의 그래픽 디자이너는 토스 제품의 시각 경험을 책임지는 사람들이에요.
제품에 사용되는 아이콘, 3D, 애니메이션 등의 디지털 그래픽을 기획하고 제작하는 일을 합니다. 화면 맥락에 맞는 좋은 그래픽을 통해 사용자가 제품을 쉽고 재밌게 쓸 수 있도록 만들어요.
그래픽 디자

첫 번째 그래픽 디자이너로 입사해서 자리잡기까지의 여정과, 그래픽 디자이너만의 노하우를 알려드려요.

첫 그래픽 디자이너가 했던 가장 비효율적인 일

보여지는 아름다움, 그 너머에는 과연 무엇이 있을까요? 그래픽이라는 가장 정성적인 영역에서 정답을 탐구해 나가는 토스 그래픽 디자인의 이야기를 들려드릴게요.

그래픽, 보이는 아름다움 그 너머

접근성 업무일지

토스의 접근성 이야기기를 들려드려요.

토스 피플

SLASH 24

언더커버 사일로

토스의 서바이벌 예능 <언더커버 사일로>의 비하인드 스토리

Simplicity 4

토스 디자인 컨퍼런스 Simplicity 4의 비하인드 스토리

아티클 시리즈