디자인 일관성에 대한 공지

[crohasang]

1. 폰트 적용

Pretendard 폰트를 도입했습니다.
폰트 파일 위치: res -> font에서 확인하실 수 있습니다.

ui.theme -> Type.kt에서 아래와 같이 쓰여있습니다.

  val pretendardFamily = FontFamily(
      Font(R.font.pretendard_black, FontWeight.Black),
      Font(R.font.pretendard_bold, FontWeight.Bold),
      Font(R.font.pretendard_extrabold, FontWeight.ExtraBold),
      Font(R.font.pretendard_extralight, FontWeight.ExtraLight),
      Font(R.font.pretendard_light, FontWeight.Light),
      Font(R.font.pretendard_medium, FontWeight.Medium),
      Font(R.font.pretendard_regular, FontWeight.Normal),
      Font(R.font.pretendard_semibold, FontWeight.SemiBold),
      Font(R.font.pretendard_thin, FontWeight.Thin),
  )

기본적으로 Font는 pretendardFamily를 적용시켰으므로 FontWeight 설정을 통하여 필요하신 글꼴 사용하시면 됩니다.

2. 배경색 변경

MainAcitvity.kt에서 배경색을 변경했습니다.

SweatNoteTheme {
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = Color(0xFFF5F5F5)

                ) {
                    val navController = rememberNavController()
                    NavGraph(navController)
                }

            }

배경색은 Color(0xFFF5F5F5)이며, 모든 페이지에 일괄적으로 적용되었으므로 참고해주시면 감사합니다.

3. 페이지 상단 spacer와 제목 통일

일기 페이지, 통계 페이지, 일기 작성 페이지, 검색 페이지의 앱 상단 spacer(height)와 제목 위치와 글꼴을 통일시켰습니다.

일기 페이지

통계 페이지

Spacer(modifier = Modifier.height(50.dp))



        Text(
            "제목", fontWeight = FontWeight.ExtraBold, fontSize = 32.sp,
            modifier = Modifier.align(Alignment.CenterHorizontally)
        )

위의 코드가 모든 페이지에 적용되어있습니다. 작업하실 때 참고해주시면 감사합니다!