Workspace Blue

열린 폴더, 접힌 문서, 탁상 달력, 벽시계, 클립보드, 공책, 연필, 펜, 자, 가위, 종이 클립, 압정, 보관 상자, 프린터, 스캐너, 책상까지 16개예요. 문구, 정리 도구, 사무 기기가 한 가족이라 서류 작업을 다루는 화면을 다른 스타일 없이 이 세트만으로 짤 수 있어요.

파일은 모두 배경이 투명한 PNG이고 WebP도 같이 받을 수 있어요. 가로는 175~268px, 세로는 188~264px 범위인데 책상이 가장 넓고 압정이 가장 좁아요. 한 줄로 나란히 놓을 때 참고하세요.

이런 곳에 잘 어울려요

• 프로젝트 관리 도구의 칸반 열 머리글
• 경리·총무 실무 워크숍 자료집 표지
• 온라인 사무용품 쇼핑몰의 카테고리 타일
• 문서 스캔 방법 튜토리얼의 단계별 그림

이미지 한 장 + 공용 CSS로 연동

128px 표시 크기의 WebP 스프라이트, 공용 애니메이션, React 컴포넌트, 원본 파일을 함께 제공합니다. 스프라이트를 쓰면 컬렉션 전체가 이미지 요청 한 번으로 표시됩니다. 원본 해상도가 필요한 곳은 개별 WebP를 사용하세요.

<link rel="stylesheet" href="./assets.css">
<span class="cc-asset cc-folder-workspace-blue cc-float" role="img" aria-label="열린 폴더"></span>

cc-float · cc-pulse · cc-pop · cc-swing · cc-spin. 모션 줄이기 설정을 존중하며 외부 애니메이션 라이브러리가 필요하지 않습니다.