GS25 · GS더프레시 · 와인25플러스
GS리테일의 O4O 앱이다. 청록은 브랜드 표면(아이콘 배경·마스코트·원형 아이콘)에 남기고 1차 액션만 근접 검정 채움으로 가르는 이 역할 분리가 md 가 관찰로 적은 배치다.
가로형 워드마크 자산은 277×84 흰색·투명 PNG 라 밝은 면 위에서는 보이지 않는다. 앱 아이콘이 청록 배경 위 흰 워드마크이므로 여기서도 같은 청록 면 위에 올렸다 — 재현이지 발명이 아니다.
다크에서도 워드마크가 놓이는 면은 청록 그대로 둔다. 흰색·투명 PNG 는 어두운 지면 위에서도 읽히지만, 그렇게 두면 청록 면이 곧 브랜드 표면이라는 관찰이 화면에서 사라진다.
아래 캡션은 규범이 아니라 관찰문이다.
배경 primary-dark · 전경 white — 확인된 값.
이 다크 렌더는 색상각·채도를 유지한 채 명도만 올린 적응이고, 발행된 다크 토큰이 아니다.
아이콘 도상은 대체 글리프다.
장바구니 뱃지의 숫자는 레이아웃 시연용 더미 데이터이며, 실제 장바구니 상태를 나타내지 않는다.
배송지 주소와 매장 안내 문구는 레이아웃 시연용 더미 데이터이며, 실제 배송지나 매장 운영 정보가 아니다.
선택 쪽을 채움으로 그린 것은 프리뷰의 렌더다.
인디케이터 색은 프리뷰가 고른 값이다.
위 도형은 대체 글리프다.
아래 주황은 프리뷰가 고른 값이다.
상품명·남은 일수·보관 수량은 레이아웃 시연용 더미 데이터이며, 실제 보관 상품이나 유효기간이 아니다.
보관 상품 · 2개
3일 남음와인25플러스
매장 픽업 주류 예약
배지의 주황은 프리뷰가 고른 값이다.
상품명·가격·할인 전 가격, 그리고 ‘무료배송·마감할인·사전예약’ 배지가 이 상품에 붙어 있다는 표시까지 전부 레이아웃 시연용 더미 데이터이며, GS25·GS더프레시의 실제 판매·배송·할인 조건이 아니다.
시연용 상품 A
0,000원 0,000원
곡률·그림자와 비활성 표현은 프리뷰의 렌더다.
상품명·가격·재고 수량·선택 수량은 레이아웃 시연용 더미 데이터이며, 실제 재고나 판매가가 아니다.
시연용 상품 B
실시간 재고 0개
일러스트 대신 청록 면으로 자리만 표시했다.
장바구니가 비어 있어요
아래 타일 형태는 프리뷰의 렌더다.
아래 면과 인디케이터는 프리뷰의 렌더다.
배너 문구와 슬라이드 순번은 레이아웃 시연용 더미 데이터이며, 실제 진행 중인 행사가 아니다.
GS Pay 는 GS 와 P 사이를 띄운다.
글리프는 대체 도상이다.
마스코트 자리는 빈 면으로 뒀다.
GS25
재미있는 편의점
GS더프레시
맛 신선 No.1 마트
이 스케치의 첫 슬롯은 md 의 40×40 헤더 액션이 아니라 관찰된 배송지 pill 이다.
앱 기본 배경은 흰 바탕 카드 레이아웃으로 관찰된다.
다크 표면값은 발행된 것이 없어, 이 어두운 면은 프리뷰가 정한 값이다.
다크의 밝은 잉크는 이 화면의 적응이다.
이 화면의 배송지·배너 문구·상품명·남은 일수·장바구니 뱃지 숫자·보관 수량은 전부 레이아웃 시연용 더미 데이터이며, GS25·GS더프레시·와인25플러스의 실제 판매·재고·배송·혜택 정보가 아니다.
GS25
재미있는 편의점
GS더프레시
맛 신선 No.1 마트
많이 찾는 서비스
나만의 냉장고 · 보관 2개
3일 남음확보된 정확값은 색 2종 · 타이포 1종 · 치수 2종이 전부다.
radius·elevation 은 공개된 것이 없어 이 화면의 곡률과 그림자는 렌더를 위한 선택이고 어디에도 값으로 적지 않았다.
깊이는 면 분리로 읽힌다.
다크에서도 깊이는 면 명도 차로 읽히고, 그 명도는 발행값이 아니다.
네이티브 UI 서체 패밀리명은 미확인이라, md 가 ‘작업 기준선’ 이라고 못 박은 스택으로 렌더한다.
정확값은 primary-dark·signature-cyan 두 색뿐이고, 근사 관찰색 셋은 발행값이 아니라 렌더를 위한 선택이다.
무채색 램프의 이름·번호는 명도순으로 붙인 것이지 발행된 토큰명이 아니다.
POP 두 색은 서비스표 통상사용권 계약 대상이라 이 파일에 싣지 않았다.