클래스 거의 안 쓰고 HTML만 적어도 완성되는 6.7KB CSS 프레임워크

요약 개발자들 사이에서 빌드 도구나 복잡한 CSS 클래스 없이 순수 HTML 태그만으로 깔끔한 웹페이지를 완성할 수 있는 초경량 CSS 프레임워크 'Sumi.css'가 공개되어 관심을 모으고 있습니다. Sumi.css는 압축(gzip) 기준 약 6.7KB에 불과한 단일 CSS 파일로 구성되어 있으며, 자바스크립트나 외부 종속성 없이 바로 동작합니다. 복잡한 빌드 과정 없이 CDN 링크를 추가하거나 sumi.min.css 파일을 프로젝트에 포함하기만 하면 즉시 적용할 수 있는 것이 특징입니다. 이 프레임워크의 핵심 콘셉트는 '클래스리스(Classless-first)' 지향입니다. 별도의 클래스명을 주렁주렁 달지 않고 시맨틱 HTML 태그를 작성하는 것만으로도 디자인이 완성됩니다. 제목 태그(h1~h6), 문단(p), 폼 입력창, 표, 내비게이션 바는 물론, 아코디언(<details>/<summary>)이나 모달 창(<dialog>)까지 기본 HTML 요소만으로 깔끔하게 렌더링됩니다. 또한 사용자의 시스템 설정에 맞춘 라이트·다크 모드가 자동 지원되며, data-theme 속성으로 수동 전환도 가능합니다. 추가적인 커스텀이나 특수한 레이아웃이 필요할 때만 최소한의 클래스(.grid, .container 등)와 ARIA 속성(aria-busy, aria-invalid 등)을 활용하도록 설계되었습니다. 모든 기본 스타일은 CSS 특이도(specificity)가 0으로 처리되어 있어, 개발자가 별도의 !important 선언 없이도 손쉽게 자신만의 스타일로 덮어쓸 수 있습니다. 간단한 토이 프로젝트나 문서 페이지를 빠르게 구축하려는 개발자들에게 실용적인 도구로 주목받고 있습니다.