로고SEED Design
마이그레이션

Migration Reference

V2 V3 마이그레이션 레퍼런스

Color

Semantic Tokens

V2V3비고
$semantic.color.on-primary
$semantic.color.primary
또는
$semantic.color.primary-low
$semantic.color.secondary
$semantic.color.secondary-low
$semantic.color.success
또는
$semantic.color.success-low
$semantic.color.warning
$semantic.color.warning-low
$semantic.color.danger
또는
$semantic.color.danger-low
$semantic.color.overlay-dim
$semantic.color.overlay-low
$semantic.color.paper-sheet
$semantic.color.paper-dialog
$semantic.color.paper-floating
$semantic.color.paper-contents
$semantic.color.paper-default
$semantic.color.paper-background
$semantic.color.paper-accent
$semantic.color.primary-hover
$semantic.color.primary-pressed
$semantic.color.primary-low-hover
$semantic.color.primary-low-active
$semantic.color.primary-low-pressed
$semantic.color.gray-hover
$semantic.color.gray-pressed
$semantic.color.on-primary-overlay-50V3에서 지원되지 않는 색상
$semantic.color.on-primary-overlay-200V3에서 지원되지 않는 색상
$semantic.color.on-primary-low-overlay-50V3에서 지원되지 않는 색상
$semantic.color.on-primary-low-overlay-100V3에서 지원되지 않는 색상
$semantic.color.on-primary-low-overlay-200V3에서 지원되지 않는 색상
$semantic.color.on-gray-overlay-50
$semantic.color.on-gray-overlay-100V3에서 지원되지 않는 색상
$semantic.color.divider-1
$semantic.color.divider-2
$semantic.color.divider-3
$semantic.color.accent
또는
$semantic.color.ink-text
$semantic.color.ink-text-low
$semantic.color.gray-active

Scale Tokens

V2V3비고
$scale.color.gray-00
$scale.color.gray-50
$scale.color.gray-100
$scale.color.gray-200
$scale.color.gray-300
$scale.color.gray-400
$scale.color.gray-500
$scale.color.gray-600
$scale.color.gray-700
$scale.color.gray-800
$scale.color.gray-900
$scale.color.gray-alpha-50
또는
$scale.color.gray-alpha-100
$scale.color.gray-alpha-200
$scale.color.gray-alpha-500
$scale.color.carrot-50
$scale.color.carrot-100
$scale.color.carrot-200
$scale.color.carrot-300
$scale.color.carrot-400
$scale.color.carrot-500
$scale.color.carrot-600
$scale.color.carrot-700
$scale.color.carrot-800
$scale.color.carrot-900
$scale.color.carrot-950
$scale.color.carrot-alpha-50
$scale.color.carrot-alpha-100
$scale.color.carrot-alpha-200
$scale.color.blue-50
$scale.color.blue-100
$scale.color.blue-200
$scale.color.blue-300
$scale.color.blue-400
$scale.color.blue-500
$scale.color.blue-600
$scale.color.blue-700
$scale.color.blue-800
$scale.color.blue-900
$scale.color.blue-950
$scale.color.blue-alpha-50
$scale.color.blue-alpha-100
$scale.color.blue-alpha-200
$scale.color.red-50
$scale.color.red-100
$scale.color.red-200
$scale.color.red-300
$scale.color.red-400
$scale.color.red-500
$scale.color.red-600
$scale.color.red-700
$scale.color.red-800
$scale.color.red-900
$scale.color.red-950
$scale.color.red-alpha-50
$scale.color.red-alpha-100
$scale.color.red-alpha-200
$scale.color.green-50
$scale.color.green-100
$scale.color.green-200
$scale.color.green-300
$scale.color.green-400
$scale.color.green-500
$scale.color.green-600
$scale.color.green-700
$scale.color.green-800
$scale.color.green-900
$scale.color.green-950
$scale.color.green-alpha-50
$scale.color.green-alpha-100
$scale.color.green-alpha-200
$scale.color.yellow-50
$scale.color.yellow-100
$scale.color.yellow-200
$scale.color.yellow-300
$scale.color.yellow-400
$scale.color.yellow-500
$scale.color.yellow-600
$scale.color.yellow-700
$scale.color.yellow-800
$scale.color.yellow-900
$scale.color.yellow-950
$scale.color.yellow-alpha-50
$scale.color.yellow-alpha-100
$scale.color.yellow-alpha-200
$scale.color.purple-50
$scale.color.purple-100
$scale.color.purple-200
$scale.color.purple-300
$scale.color.purple-400
$scale.color.purple-500
$scale.color.purple-600
$scale.color.purple-700
$scale.color.purple-800
$scale.color.purple-900
$scale.color.purple-950

Static Tokens

V2V3비고
$static.color.static-black
$static.color.static-white
$static.color.static-gray-900static에서 palette로 변경되는 색상으로 용도 파악 필요
$static.color.static-carrot-50static에서 palette로 변경되는 색상으로 용도 파악 필요
$static.color.static-carrot-800static에서 palette로 변경되는 색상으로 용도 파악 필요
$static.color.static-green-50static에서 palette로 변경되는 색상으로 용도 파악 필요
$static.color.static-green-800static에서 palette로 변경되는 색상으로 용도 파악 필요
$static.color.static-yellow-50static에서 palette로 변경되는 색상으로 용도 파악 필요
$static.color.static-yellow-800static에서 palette로 변경되는 색상으로 용도 파악 필요
$static.color.static-red-50static에서 palette로 변경되는 색상으로 용도 파악 필요
$static.color.static-red-800static에서 palette로 변경되는 색상으로 용도 파악 필요
$static.color.static-blue-50static에서 palette로 변경되는 색상으로 용도 파악 필요
$static.color.static-blue-800static에서 palette로 변경되는 색상으로 용도 파악 필요
$static.color.static-black-alpha-200
$static.color.static-black-alpha-500
$static.color.static-white-alpha-50V3에서 지원되지 않는 색상
$static.color.static-white-alpha-200

Typography

V2V3비고
$semantic.typography.h1매핑 없음Deprecated
$semantic.typography.h2매핑 없음Deprecated
$semantic.typography.h3매핑 없음Deprecated
$semantic.typography.h4t10Bold
또는
screenTitle
줄간격 -0.1px
$semantic.typography.title1Boldt9Bold줄간격 -0.4px
$semantic.typography.title1Regular매핑 없음Deprecated
$semantic.typography.title2Boldt7Bold
$semantic.typography.title2Regulart7Regular
$semantic.typography.title3Boldt6Bold줄간격 -0.3px
$semantic.typography.title3Regulart6Regular
$semantic.typography.subtitle1Boldt5Bold줄간격 +0.4px
$semantic.typography.subtitle1Regulart5Regular줄간격 +0.4px
$semantic.typography.subtitle2Boldt4Bold줄간격 +0.1px
$semantic.typography.subtitle2Regulart4Regular줄간격 +0.1px
$semantic.typography.bodyL1Boldt5Bold줄간격 -2px
$semantic.typography.bodyL1RegulararticleBody
$semantic.typography.bodyL2Boldt4Bold줄간격 -2px
$semantic.typography.bodyL2Regulart4Regular (Alternative)Deprecated
$semantic.typography.bodyM1Boldt5Bold줄간격 +0.4px
$semantic.typography.bodyM1Regulart5Regular줄간격 +0.4px
$semantic.typography.bodyM2Boldt4Bold줄간격 +0.1px
$semantic.typography.bodyM2Regulart4Regular줄간격 +0.1px
$semantic.typography.caption1Boldt3Bold줄간격 -1.5px
$semantic.typography.caption1Regulart3Regular (Alternative)Deprecated
$semantic.typography.caption2Boldt2Bold줄간격 -0.2px
$semantic.typography.caption2Regulart2Regular줄간격 -0.2px
$semantic.typography.label1Boldt6Bold줄간격 -0.3px
$semantic.typography.label1Regulart6Regular
$semantic.typography.label2Boldt5Bold줄간격 +0.4px
$semantic.typography.label2Regulart5Regular줄간격 +0.4px
$semantic.typography.label3Boldt4Bold줄간격 +0.1px
$semantic.typography.label3Regulart4Regular줄간격 +0.1px
$semantic.typography.label4Boldt2Bold줄간격 -0.2px
$semantic.typography.label4Regulart2Regular줄간격 -0.2px
$semantic.typography.label5Boldt1Bold줄간격 +0.1px
$semantic.typography.label5Regulart1Regular줄간격 +0.1px
$semantic.typography.label6Boldt1Bold (Alternative)Deprecated
$semantic.typography.label6Regulart1Regular (Alternative)Deprecated

Iconography

Monochrome

V2V3
IconAddThin
IconAddRegular
IconAddFill
IconAddCircleThin
IconAddCircleRegular
IconAddCircleFill
IconAebThin
IconAebRegular
IconAebFill
IconAiThin
IconAiRegular
IconAiFill
IconAndroidShareThin
IconAndroidShareRegular
IconAndroidShareFill
IconArrowThin
IconArrowRegular
IconArrowFill
IconArrowDownwardThin
IconArrowDownwardRegular
IconArrowDownwardFill
IconArrowDropDownThin
IconArrowDropDownRegular
IconArrowDropDownFill
IconArrowDropUpThin
IconArrowDropUpRegular
IconArrowDropUpFill
IconArrowUpwardThin
IconArrowUpwardRegular
IconArrowUpwardFill
IconArticleThin
IconArticleRegular
IconArticleFill
IconBackwardThin
IconBackwardRegular
IconBackwardFill
IconBillThin
IconBillRegular
IconBillFill
IconBoldThin
IconBoldRegular
IconBoldFill
IconBookmarkThin
IconBookmarkRegular
IconBookmarkFill
IconBookmarkListThin
IconBookmarkListRegular
IconBookmarkListFill
IconCalendarThin
IconCalendarRegular
IconCalendarFill
IconCallThin
IconCallRegular
IconCallFill
IconCallDeclinedThin
IconCallDeclinedRegular
IconCallDeclinedFill
IconCameraThin
IconCameraRegular
IconCameraFill
IconCarThin
IconCarRegular
IconCarFill
IconCarAroundViewThin
IconCarAroundViewRegular
IconCarAroundViewFill
IconCarBlindSpotThin
IconCarBlindSpotRegular
IconCarBlindSpotFill
IconCarCruiseControlThin
IconCarCruiseControlRegular
IconCarCruiseControlFill
IconCarEpbThin
IconCarEpbRegular
IconCarEpbFill
IconCarHeatedSeatThin
IconCarHeatedSeatRegular
IconCarHeatedSeatFill
IconCarHeatedSteeringWheelThin
IconCarHeatedSteeringWheelRegular
IconCarHeatedSteeringWheelFill
IconCarLdwsThin
IconCarLdwsRegular
IconCarLdwsFill
IconCarLeatherSeatThin
IconCarLeatherSeatRegular
IconCarLeatherSeatFill
IconCarNavigationThin
IconCarNavigationRegular
IconCarNavigationFill
IconCarPowerTrunkThin
IconCarPowerTrunkRegular
IconCarPowerTrunkFill
IconCarRearCameraThin
IconCarRearCameraRegular
IconCarRearCameraFill
IconCarRearSensorThin
IconCarRearSensorRegular
IconCarRearSensorFill
IconCarSmartKeyThin
IconCarSmartKeyRegular
IconCarSmartKeyFill
IconCarVentilationSeatThin
IconCarVentilationSeatRegular
IconCarVentilationSeatFill
IconCartThin
IconCartRegular
IconCartFill
IconCertificationThin
IconCertificationRegular
IconCertificationFill
IconChallengeThin
IconChallengeRegular
IconChallengeFill
IconChartThin
IconChartRegular
IconChartFill
IconChatBubbleCheckThin
IconChatBubbleCheckRegular
IconChatBubbleCheckFill
IconChattingThin
IconChattingRegular
IconChattingFill
IconChattingSendThin
IconChattingSendRegular
IconChattingSendFill
IconCheckThin
IconCheckRegular
IconCheckFill
IconCheckFlowerThin
IconCheckFlowerRegular
IconCheckFlowerFill
IconChevronLeftThin
IconChevronLeftRegular
IconChevronLeftFill
IconChevronRightThin
IconChevronRightRegular
IconChevronRightFill
IconClickThin
IconClickRegular
IconClickFill
IconClockThin
IconClockRegular
IconClockFill
IconCloseThin
IconCloseRegular
IconCloseFill
IconCobuyingThin
IconCobuyingRegular
IconCobuyingFill
IconCommunityThin
IconCommunityRegular
IconCommunityFill
IconCondoThin
IconCondoRegular
IconCondoFill
IconConfirmationThin
IconConfirmationRegular
IconConfirmationFill
IconConfirmationPayThin
IconConfirmationPayRegular
IconConfirmationPayFill
IconConfirmationProfileThin
IconConfirmationProfileRegular
IconConfirmationProfileFill
IconContentsThin
IconContentsRegular
IconContentsFill
IconConvertThin
IconConvertRegular
IconConvertFill
IconCopyThin
IconCopyRegular
IconCopyFill
IconCouponThin
IconCouponRegular
IconCouponFill
IconCouponDownloadDoneThin
IconCouponDownloadDoneRegular
IconCouponDownloadDoneFill
IconCouponUsedThin
IconCouponUsedRegular
IconCouponUsedFill
IconDeleteKeyboardThin
IconDeleteKeyboardRegular
IconDeleteKeyboardFill
IconDeliveryThin
IconDeliveryRegular
IconDeliveryFill
IconDirectionThin
IconDirectionRegular
IconDirectionFill
IconDownloadThin
IconDownloadRegular
IconDownloadFill
IconEditThin
IconEditRegular
IconEditFill
IconEmoticonThin
IconEmoticonRegular
IconEmoticonFill
IconEmoticonBadThin
IconEmoticonBadRegular
IconEmoticonBadFill
IconExpandThin
IconExpandRegular
IconExpandFill
IconExpandLessThin
IconExpandLessRegular
IconExpandLessFill
IconExpandMoreThin
IconExpandMoreRegular
IconExpandMoreFill
IconFileThin
IconFileRegular
IconFileFill
IconFilter02Thin
IconFilter02Regular
IconFilter02Fill
IconForwardThin
IconForwardRegular
IconForwardFill
IconGenderThin
IconGenderRegular
IconGenderFill
IconGlobalThin
IconGlobalRegular
IconGlobalFill
IconGpsThin
IconGpsRegular
IconGpsFill
IconGpsEnableThin
IconGpsEnableRegular
IconGpsEnableFill
IconGpsEnable2Thin
IconGpsEnable2Regular
IconGpsEnable2Fill
IconGroupchatKingThin
IconGroupchatKingRegular
IconGroupchatKingFill
IconHandleThin
IconHandleRegular
IconHandleFill
IconHashtagThin
IconHashtagRegular
IconHashtagFill
IconHeadphoneThin
IconHeadphoneRegular
IconHeadphoneFill
IconHeartThin
IconHeartRegular
IconHeartFill
IconHelpThin
IconHelpRegular
IconHelpFill
IconHelpcenterThin
IconHelpcenterRegular
IconHelpcenterFill
IconHelperThin
IconHelperRegular
IconHelperFill
IconHomeThin
IconHomeRegular
IconHomeFill
IconHouseThin
IconHouseRegular
IconHouseFill
IconHousekeepingBookThin
IconHousekeepingBookRegular
IconHousekeepingBookFill
IconImportThin
IconImportRegular
IconImportFill
IconInfoThin
IconInfoRegular
IconInfoFill
IconInterestThin
IconInterestRegular
IconInterestFill
IconInterestListThin
IconInterestListRegular
IconInterestListFill
IconInviteThin
IconInviteRegular
IconInviteFill
IconInviteFriendThin
IconInviteFriendRegular
IconInviteFriendFill
IconIosShareThin
IconIosShareRegular
IconIosShareFill
IconJobsThin
IconJobsRegular
IconJobsFill
IconKeyboardHidingThin
IconKeyboardHidingRegular
IconKeyboardHidingFill
IconKeywordThin
IconKeywordRegular
IconKeywordFill
IconLaptopThin
IconLaptopRegular
IconLaptopFill
IconLeafThin
IconLeafRegular
IconLeafFill
IconListThin
IconListRegular
IconListFill
IconListCardThin
IconListCardRegular
IconListCardFill
IconListCheckThin
IconListCheckRegular
IconListCheckFill
IconListSelectThin
IconListSelectRegular
IconListSelectFill
IconListThumbnailThin
IconListThumbnailRegular
IconListThumbnailFill
IconLocationThin
IconLocationRegular
IconLocationFill
IconLockThin
IconLockRegular
IconLockFill
IconLoudspeakerThin
IconLoudspeakerRegular
IconLoudspeakerFill
IconMapThin
IconMapRegular
IconMapFill
IconMarketThin
IconMarketRegular
IconMarketFill
IconMarketCheckThin
IconMarketCheckRegular
IconMarketCheckFill
IconMarketWriteThin
IconMarketWriteRegular
IconMarketWriteFill
IconMentionThin
IconMentionRegular
IconMentionFill
IconMenuThin
IconMenuRegular
IconMenuFill
IconMicThin
IconMicRegular
IconMicFill
IconMicOffThin
IconMicOffRegular
IconMicOffFill
IconMissionThin
IconMissionRegular
IconMissionFill
IconMobileThin
IconMobileRegular
IconMobileFill
IconMoneySendThin
IconMoneySendRegular
IconMoneySendFill
IconMoneySendYenThin
IconMoneySendYenRegular
IconMoneySendYenFill
IconMoneyWonThin
IconMoneyWonRegular
IconMoneyWonFill
IconMoneyYenThin
IconMoneyYenRegular
IconMoneyYenFill
IconMoonThin
IconMoonRegular
IconMoonFill
IconMoreHorizThin
IconMoreHorizRegular
IconMoreHorizFill
IconMoreVertThin
IconMoreVertRegular
IconMoreVertFill
IconMyThin
IconMyRegular
IconMyFill
IconMyProfileThin
IconMyProfileRegular
IconMyProfileFill
IconNearMeThin
IconNearMeRegular
IconNearMeFill
IconNewtopicThin
IconNewtopicRegular
IconNewtopicFill
IconNoteThin
IconNoteRegular
IconNoteFill
IconNotificationThin
IconNotificationRegular
IconNotificationFill
IconNotificationFallThin
IconNotificationFallRegular
IconNotificationFallFill
IconNotificationOffThin
IconNotificationOffRegular
IconNotificationOffFill
IconOrderThin
IconOrderRegular
IconOrderFill
IconPauseThin
IconPauseRegular
IconPauseFill
IconPaymentThin
IconPaymentRegular
IconPaymentFill
IconPercentThin
IconPercentRegular
IconPercentFill
IconPhotoThin
IconPhotoRegular
IconPhotoFill
IconPhotoEditThin
IconPhotoEditRegular
IconPhotoEditFill
IconPhotoEditCropThin
IconPhotoEditCropRegular
IconPhotoEditCropFill
IconPhotoEditDrawThin
IconPhotoEditDrawRegular
IconPhotoEditDrawFill
IconPhotoEditRotateThin
IconPhotoEditRotateRegular
IconPhotoEditRotateFill
IconPhotoSeveralThin
IconPhotoSeveralRegular
IconPhotoSeveralFill
IconPlayThin
IconPlayRegular
IconPlayFill
IconPollThin
IconPollRegular
IconPollFill
IconPriceWonThin
IconPriceWonRegular
IconPriceWonFill
IconPriceYenDefault
IconPriceYenVariant4
IconPriceYenVariant3
IconProductThin
IconProductRegular
IconProductFill
IconProfileThin
IconProfileRegular
IconProfileFill
IconProfileBadgeThin
IconProfileBadgeRegular
IconProfileBadgeFill
IconProhibitionThin
IconProhibitionRegular
IconProhibitionFill
IconPushpinThin
IconPushpinRegular
IconPushpinFill
IconQuestionCheckThin
IconQuestionCheckRegular
IconQuestionCheckFill
IconRedoThin
IconRedoRegular
IconRedoFill
IconRefundThin
IconRefundRegular
IconRefundFill
IconRemoveCircleThin
IconRemoveCircleRegular
IconRemoveCircleFill
IconReplyThin
IconReplyRegular
IconReplyFill
IconReplyMissionThin
IconReplyMissionRegular
IconReplyMissionFill
IconReplyReThin
IconReplyReRegular
IconReplyReFill
IconReportThin
IconReportRegular
IconReportFill
IconReservationThin
IconReservationRegular
IconReservationFill
IconRestaurantThin
IconRestaurantRegular
IconRestaurantFill
IconRetryThin
IconRetryRegular
IconRetryFill
IconReviewStarThin
IconReviewStarRegular
IconReviewStarFill
IconScannerThin
IconScannerRegular
IconScannerFill
IconSearchThin
IconSearchRegular
IconSearchFill
IconSearchDocThin
IconSearchDocRegular
IconSearchDocFill
IconSellThin
IconSellRegular
IconSellFill
IconSettingThin
IconSettingRegular
IconSettingFill
IconSignoutThin
IconSignoutRegular
IconSignoutFill
IconSortThin
IconSortRegular
IconSortFill
IconStoryThin
IconStoryRegular
IconStoryFill
IconStoryArticleThin
IconStoryArticleRegular
IconStoryArticleFill
IconSubtractCircleThin
IconSubtractCircleRegular
IconSubtractCircleFill
IconSubtractionThin
IconSubtractionRegular
IconSubtractionFill
IconSuggestThin
IconSuggestRegular
IconSuggestFill
IconSunThin
IconSunRegular
IconSunFill
IconTalkingdownThin
IconTalkingdownRegular
IconTalkingdownFill
IconTalkingupThin
IconTalkingupRegular
IconTalkingupFill
IconTextThin
IconTextRegular
IconTextFill
IconThumbDownThin
IconThumbDownRegular
IconThumbDownFill
IconThumbUpThin
IconThumbUpRegular
IconThumbUpFill
IconToolboxThin
IconToolboxRegular
IconToolboxFill
IconTranslateThin
IconTranslateRegular
IconTranslateFill
IconTrashThin
IconTrashRegular
IconTrashFill
IconUndoThin
IconUndoRegular
IconUndoFill
IconUserGroupThin
IconUserGroupRegular
IconUserGroupFill
IconVideoThin
IconVideoRegular
IconVideoFill
IconViewCountThin
IconViewCountRegular
IconViewCountFill
IconViewCountOffThin
IconViewCountOffRegular
IconViewCountOffFill
IconVolumeOffThin
IconVolumeOffRegular
IconVolumeOffFill
IconVolumeOnThin
IconVolumeOnRegular
IconVolumeOnFill
IconVoteThin
IconVoteRegular
IconVoteFill
IconVoucherThin
IconVoucherRegular
IconVoucherFill
IconWalkThin
IconWalkRegular
IconWalkFill
IconWarningThin
IconWarningRegular
IconWarningFill
IconWriteThin
IconWriteRegular
IconWriteFill
IconWriteFrequentUseThin
IconWriteFrequentUseRegular
IconWriteFrequentUseFill
IconWriteStoryThin
IconWriteStoryRegular
IconWriteStoryFill

Multicolor

V2V3
IconCategoryRealty
IconCategoryCar
IconCategoryJobs
IconCategoryGroup
IconCategoryAd
IconCategoryBizprofile
IconCategoryRestaurant
IconCategoryCafe
IconCategoryTruck
IconCategoryFitness
IconCategoryBeauty
IconCategoryBeautyshop
IconCategoryConstruction
IconCategoryClass
IconCategoryLife
IconCategoryHomerepair
IconCategoryAcademy
IconCategoryFarm
none
IconCategoryClassRemoved
none
IconCategoryMedical
none
IconCategoryLaundry
none
IconCategoryLost
none
IconCategoryRecommandation
none
IconCategoryBuytogether
none
IconCategoryPopularity
none
IconCategoryQuestions
none
IconCategoryTogether
none
IconCategoryPet
none
IconCategoryCare
none
none
none
none
none

On this page