WICKEDTeamWicked / INTERFACE
TeamWicked모든 준비가 끝났어요
명확한 목적.
익숙한 경험.
익숙한 경험.
색상, 글꼴, 컴포넌트와 동작까지.
실제 화면을 만드는 요소를 함께 봅니다.
보고, 눌러보고, 이해하기.
40개 전체 보기한글과 영문을 함께 사용할 수 있습니다.
이름을 입력해 주세요.
입력 필드
명확한 라벨과 즉각적인 피드백.
사용량 알림
한도에 가까워지면 알려드려요.
스위치를 눌러 저장과 상태 변화를 확인하세요.
꺼짐
켜짐
비활성 · 꺼짐
비활성 · 켜짐
읽기 전용
저장 중
스위치
한 번의 조작으로 바뀌는 설정.
저장했습니다
변경한 예제 설정이 반영되었습니다.
이름을 확인해 주세요
빈 이름으로 저장할 수 없습니다.
사용량이 한도에 가까워요
다음 작업 전에 남은 용량을 확인하세요.
정보를 확인하고 있어요
완료되면 이 화면에 결과가 표시됩니다.
알림
결과와 다음 행동을 알려주는 메시지.
| 선택 | 상태 | 메모리 | |
|---|---|---|---|
| 개발 서버 | 실행 중 | 2.4 GiB | |
| 문서 서버 | 실행 중 | 1.2 GiB | |
| 테스트 서버 | 중지됨 | 0 GiB |
테이블
데이터를 읽고 비교하는 기본 구조.
같은 언어로 만드는 디자인.
기초 가이드Background
#f4f5efForeground
#0a0a0aSurface
#eceee6Accent
#a8d946TeamWicked 자체 디자인.
teamwicked.me의 브랜드 표현·콘텐츠·웹 인터페이스를 다룹니다. 호스팅 관리·결제 제품은 별도의 WickedHost 디자인 시스템입니다.
WickedHost 디자인 시스템으로 이동