클래스명 없이, 프레임웍없이... 시멘틱HTML만...

https://andybrewer.github.io/mvp/ 

간단하고 재사용 가능한 구성 요소

MVP는 루트 HTML 요소의 스타일을 지정하므로 새로운 CSS 프레임 워크 또는 명명 규칙을 배울 필요가 없습니다.

MVP는 빠른 시제품 제작을 위해 모든 브라우저와 장치에서 즉시 사용할 수 있도록 설계되었습니다.

CSS를 재설정하여 모든 프로젝트에 알맞은 스타일을 적용 할 수 있습니다.

MVP는 허용되는 MIT 라이센스에 따라 릴리스되므로 원하는 대로 자유롭게 사용할 수 있습니다.

즉, 개인 프로젝트, 상업 벤처, 리믹스 등을 모두 환영합니다.

:root {
  --border-radius: 5px;
  --box-shadow: 2px 2px 10px;
  --color: #118bee;
  --color-accent: #118bee0b;
  --color-bg: #fff;
  --color-bg-secondary: #e9e9e9;
  --color-secondary: #920de9;
  --color-secondary-accent: #920de90b;
  --color-shadow: #f4f4f4;
  --color-text: #000;
  --color-text-secondary: #999;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --hover-brightness: 1.2;
  --justify-important: center;
  --justify-normal: left;
  --line-height: 150%;
  --width-card: 285px;
  --width-card-medium: 460px;
  --width-card-wide: 800px;
  --width-content: 1080px;
}