유토피아(Utopia)는 글자 크기와 여백이 화면 폭에 따라 부드럽게 변하도록 설계하는 방법을 소개한다. 작은 화면과 큰 화면의 기준을 정하고 그 사이의 변화를 웹 브라우저에 맡긴다. 글자와 간격과 그리드를 위한 계산 도구를 제공한다. 별도의 프레임워크를 설치하는 대신 생성한 값을 자기 CSS에 적용할 수 있다. 상대 단위와 여백을 함께 다루며 반응형 디자인의 비례를 실험하기 좋다.
#도구 #웹사이트 #CSS #타이포그래피