사진 Drazen Nesic / Unsplash
크리에이터·콘텐츠

윈도우 98 감성 그대로: 레트로 UI를 공짜로 입혀주는 98.css

편집 · 하루아이디어 편집팀 · 발행 2026년 7월 24일 · 출처: 98.css (GitHub)

개발자 Jordan Scales가 만든 98.css는 자바스크립트 없이 순수 CSS만으로 윈도우 98 스타일 화면을 재현하는 오픈소스 라이브러리입니다. Y2K 감성이 다시 주목받는 지금, 랜딩페이지나 소개 페이지에 재미를 더할 재료가 됩니다.

무엇인가요

98.css는 개발자 Jordan Scales(jdan)가 만든 오픈소스 디자인 시스템으로, 버튼·체크박스·창(윈도우)·제목 표시줄·상태 표시줄 같은 윈도우 98 스타일 UI 요소를 순수 CSS만으로 재현합니다. npm 설치나 CDN 링크 삽입만으로 바로 쓸 수 있고, 자바스크립트 의존성이 없어 어떤 프레임워크와도 함께 쓸 수 있다고 소개돼 있습니다. MIT 라이선스로 상업적 이용도 가능합니다.

왜 주목할까요

국내 관점 코멘트

국내에서도 뉴트로·Y2K 콘셉트의 캠페인이나 브랜드 협업이 꾸준히 나오고 있습니다. 다만 대개는 그래픽·굿즈 단위에 머물고, 실제 웹사이트나 랜딩페이지까지 그 감성을 이어가는 사례는 아직 흔치 않습니다. 98.css처럼 이미 만들어진 오픈소스를 가져다 쓰면 개발 리소스 없이도 하루 만에 레트로 컨셉 소개 페이지나 이벤트 페이지 시제품을 만들어볼 수 있습니다. 다만 모든 브랜드에 어울리는 톤은 아니니, 시제품을 만들어 팀 내부나 SNS에서 먼저 반응을 확인해보고 정식 캠페인으로 확장할지 판단하는 순서를 권합니다.

이 아이디어를 활용하려면

적합한 사람
크리에이터 · 마케터 · 개발자
예상 난이도
가볍게
필요 예산
무료
검증 기간
하루
이번 주에 해볼 일
  • 98.css로 소개 페이지나 이벤트 랜딩페이지 시제품 만들어보기
  • 브랜드 톤과 레트로 감성이 어울리는지 팀 내 의견 물어보기
  • 완성된 화면을 SNS에 올려 반응 테스트해보기

난이도·예산·기간은 편집장이 글을 근거로 추정한 값입니다.

원본 출처
98.css (GitHub) ↗

이 글은 편집 담당이 원문을 직접 확인해 요약하고, 하루아이디어의 국내 관점 분석을 더한 재가공 콘텐츠입니다. 편집 기준과 수정·삭제 요청은 편집 원칙에서 확인하실 수 있습니다.