GPT-6.1 Terra와 Sol의 UI 디자인 비교.
Codex는 이제 GPT-6.1 Sol을 기본으로 쓰고, 2026년 10월 26일에 나온 더 빠르고 저렴한 GPT-6.1 Terra도 옵션 하나로 쓸 수 있습니다. 두 모델에 같은 UI 프롬프트 3개(랜딩 페이지, SaaS 대시보드, 모바일 앱 화면)를 디자인 방향 없이 줬습니다. Terra가 더 빨랐고 토큰도 적게 썼습니다. 더 큰 발견은 두 모델이 거의 같은 모습에 도달한다는 점입니다.
2026년 11월 7일 업데이트 · 6분 분량
짧게 답하자면
- UI 작업이라면 Terra를 기본으로 쓰는 편이 낫습니다. 랜딩 페이지 프롬프트에서 Terra는 1분 31초, 9,803토큰, Sol은 2분 16초, 21,583토큰이 걸렸습니다. 화면의 품질은 비슷했습니다.
- Sol은 스스로 더 많이 만듭니다. 요청하지 않았는데도 본문 바로가기 링크, 가격 미리보기 대화상자, '가격은 예시'라는 안내를 넣었습니다. 화면에 실제로 처리할 로직이 있을 때 쓰세요.
- 두 모델 모두 자기만의 취향은 없습니다. 방향을 주지 않자 화면 6개 중 5개가 세이지나 초록색이었고, 6개 모두 DM Sans를 썼으며, 검사기는 6개 모두에서 이모지 아이콘을 찾았습니다. 어떤 모델을 고르느냐보다 방향을 주느냐가 더 중요합니다.
테스트 방법
Codex CLI(0.166 버전)에 ChatGPT 계정으로 로그인해 기본 추론 수준(medium)으로, 빈 폴더에서 각 프롬프트를 모델마다 한 번씩 실행했습니다. 모든 프롬프트는 CDN Tailwind를 쓰는 index.html 하나를 요청했고, 색상, 글꼴, 스타일은 지정하지 않았습니다. 그다음 스크린샷을 찍고 모든 파일에 pretty-ui 검사기를 돌렸습니다.
프롬프트 3개:
- 프리랜서용 청구서 앱 Tally의 랜딩 페이지: 히어로, 기능 3개, 요금제 2개, 푸터.
- 구독 분석 앱의 메인 대시보드: MRR, 이탈률, 고객 수, 매출 차트, 최근 이벤트.
- 습관 추적 앱의 홈 화면(390×844): 오늘의 습관과 체크, 연속 일수, 하단 탭 바.
프롬프트마다 한 번씩만 실행했으니 작은 테스트일 뿐 벤치마크는 아닙니다. 같은 프롬프트를 다시 실행하면 다른 페이지가 나옵니다. 하지만 아래의 패턴은 모든 실행에서 나타났습니다.
결과
랜딩 페이지 프롬프트. 왼쪽이 Terra, 오른쪽이 Sol.
대시보드 프롬프트. 두 모델 모두 MRR을 약 48,000달러, 이탈률을 2.4%로 잡았습니다.
모바일 프롬프트. 둘 다 인사말, 한 주 날짜 줄, 연속 일수 카드, 초록색 체크 원을 골랐습니다.
| 프롬프트 | 모델 | 토큰 | 글꼴 | 주 색상 | 검사기 결과 |
|---|---|---|---|---|---|
| 랜딩 페이지 | Terra | 9,803 | DM Sans, Manrope | 세이지 바탕에 진한 초록 | 오류 5개: 이모지 아이콘, 임시 인물 이름 |
| 랜딩 페이지 | Sol | 21,583 | DM Sans, Manrope | 세이지 바탕에 진한 초록 | 오류 4개: 이모지 아이콘. 블러 경고 |
| 대시보드 | Terra | 12,532 | DM Sans, Manrope | 초록 | 이모지 아이콘, 임시 이름 |
| 대시보드 | Sol | 14,520 | DM Sans | 파랑과 초록 | 이모지 아이콘, 임시 이름 |
| 모바일 앱 | Terra | 10,981 | DM Sans, Manrope | 세이지 | 이모지 아이콘 7개 |
| 모바일 앱 | Sol | 12,073 | DM Sans, Manrope | 세이지 | 이모지 아이콘 6개 |
세 프롬프트 모두 Terra가 토큰을 덜 썼습니다. 두 모델 모두 완성도 높고 일관된 화면을 만들었습니다. 위계가 분명하고, 간격이 고르며, 여백도 자연스럽습니다. Sol의 페이지가 조금 더 풍성해서 상태와 작은 인터랙션이 더 많습니다.
새로운 'AI 기본 스타일'
2년 전에는 방향 없는 프롬프트가 보라색 그라데이션과 Inter를 내놓았습니다. 이번 6번의 실행에서 나온 것은 이렇습니다.
- 옅은 세이지나 오프화이트 배경에 진한 초록 강조색, 그리고 단어 하나나 배지에 라임색 강조.
- 모든 곳에 DM Sans, 자주 Manrope와 함께.
- 제목 위에 알약 모양의 작은 대문자 라벨, 예를 들어 'MADE FOR INDEPENDENT WORK'.
- 히어로 이미지에 겹쳐 떠 있는 카드, 예를 들어 'Paid' 배지가 붙은 청구서.
- 아이콘 대신 이모지: 연속 일수에는 불꽃, 습관에는 물방울.
- 임시 인물과 회사 이름. Terra는 'Acme Studio'의 'Olivia Rhye'에게 청구서를 보냈습니다. Olivia Rhye는 인기 있는 UI 키트에 나오는 샘플 사용자입니다.
하나하나는 잘못이 아니고, 화면도 보기 좋습니다. 문제는 방향 없이 페이지를 요청한 모든 사람이 같은 페이지를 받는다는 점이고, 그래서 곧 'AI가 만든 것'처럼 보이게 됩니다. 이런 패턴은 AI 티 나는 UI 디자인의 특징에 정리해 두었습니다.
UI 디자인에는 어떤 모델을 쓸까
- 화면을 탐색하고, 시안을 만들고, 반복해서 고칠 때: Terra. 빠르고 저렴해서 같은 시간에 더 많은 방향을 시도할 수 있습니다.
- 실제 동작이 있는 화면을 만들 때(폼, 데이터 표, 여러 파일에 걸친 흐름): Sol. 원래라면 따로 요청해야 할 상태와 예외 상황을 채워 줍니다.
- 어느 쪽이든 디자인은 직접 정하세요. 디자인 시스템이 있으면 두 모델 모두 그대로 따릅니다.
Codex CLI에서 모델을 바꾸려면 codex -m gpt-6.1-terra로 시작하거나, 세션 안에서 /model을 쓰세요.
기본 스타일이 아닌 디자인을 얻으려면
두 모델 모두 해법은 같습니다. 첫 화면을 만들기 전에 방향을 주세요.
- 디자인 시스템을 고르세요. 색상, 글꼴, 모서리, 간격을 정해 둡니다. 우리 디자인 시스템 라이브러리에서 고르거나 DESIGN.md를 작성하세요.
- 하나가 아니라 세 가지 방향을 요청하고 직접 고르세요. 오픈 소스 pretty-ui 스킬이 이 과정을 대신하고, 고른 것을 DESIGN.md로 저장합니다.
- 피할 것을 말하고, 결과를 확인하세요.
만들기 전에 DESIGN.md를 읽고, 거기 있는 색상, 글꼴, 모서리, 간격만 써 주세요. 이모지를 아이콘으로 쓰지 말고 [Lucide] 아이콘을 쓰세요. Acme나 John Doe 같은 샘플 이름 대신 [내 제품]에 맞는 현실적인 내용을 넣어 주세요. 제목 위에 작은 대문자 라벨은 두지 마세요. 그런 다음 [그 화면]을 만들어 주세요.
자주 묻는 질문
ChatGPT 플랜으로 Codex에서 GPT-6.1 Terra를 쓸 수 있나요?
네. 우리도 Codex CLI에서 ChatGPT 계정으로 실행했습니다. OpenAI는 2026년 10월 26일에 ChatGPT Work와 Codex에 이 모델을 내놓았습니다.
GPT-6.1 Sol이 Terra보다 디자인을 더 잘하나요?
우리 테스트에서는 아니었습니다. 화면의 품질은 비슷했고 모습도 닮았습니다. Sol이 더 쓴 토큰은 더 나은 모습이 아니라 대화상자와 접근성 세부 같은 기능을 더하는 데 쓰였습니다.
왜 두 모델 모두 세이지 그린과 DM Sans를 고르나요?
방향이 없으면 모델은 학습한 것 중 가장 전형적인 페이지를 만듭니다. 이전 기본값을 피하자는 조언이 퍼질 때마다 새로운 기본값이 생기는데, 지금은 차분한 초록 팔레트와 둥근 산세리프가 그것입니다. 디자인 시스템은 그 기본값을 여러분의 선택으로 바꿔 줍니다.