WICKEDWickedHost / INTERFACE
WickedHost모든 준비가 끝났어요
명확한 목적.
익숙한 경험.
익숙한 경험.
색상, 글꼴, 컴포넌트와 동작까지.
실제 화면을 만드는 요소를 함께 봅니다.
보고, 눌러보고, 이해하기.
50개 전체 보기한글과 영문을 함께 사용할 수 있습니다.
이름을 입력해 주세요.
입력 필드
명확한 라벨과 즉각적인 피드백.
사용량 알림
한도에 가까워지면 알려드려요.
스위치를 눌러 저장과 상태 변화를 확인하세요.
꺼짐
켜짐
비활성 · 꺼짐
비활성 · 켜짐
읽기 전용
저장 중
스위치
한 번의 조작으로 바뀌는 설정.
저장했습니다
변경한 예제 설정이 반영되었습니다.
이름을 확인해 주세요
빈 이름으로 저장할 수 없습니다.
사용량이 한도에 가까워요
다음 작업 전에 남은 용량을 확인하세요.
정보를 확인하고 있어요
완료되면 이 화면에 결과가 표시됩니다.
알림
결과와 다음 행동을 알려주는 메시지.
| 선택 | 상태 | 메모리 | |
|---|---|---|---|
| 개발 서버 | 실행 중 | 2.4 GiB | |
| 문서 서버 | 실행 중 | 1.2 GiB | |
| 테스트 서버 | 중지됨 | 0 GiB |
테이블
데이터를 읽고 비교하는 기본 구조.
같은 언어로 만드는 디자인.
기초 가이드Background
#f6f7f3Foreground
#171916Surface
#ffffffAccent
#8ccb24WickedHost 제품군.
vPanel/Pterodactyl을 기준으로 Blesta까지 같은 시각 규칙을 사용합니다. 제품 전환은 적용 맥락을 바꾸며 디자인은 바꾸지 않습니다.