From e3c7dbf272d92acc0ef5ddf3a8f0d34931c0159c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=84=9C=EC=A0=9C=EA=B2=BD?= Date: Tue, 19 May 2026 14:04:55 +0900 Subject: [PATCH] =?UTF-8?q?style:=20shadow-Soft=20=ED=86=B5=EC=9D=BC=20?= =?UTF-8?q?=EB=B0=8F=20=EB=9E=9C=EB=94=A9=C2=B7=EB=8C=80=EC=8B=9C=EB=B3=B4?= =?UTF-8?q?=EB=93=9C=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=A0=95?= =?UTF-8?q?=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../common/ComingSoonPlaceholder.tsx | 2 +- src/components/common/button/Button.tsx | 2 +- src/components/common/card/Card.tsx | 2 +- src/components/common/card/StatCard.tsx | 2 +- src/components/common/drawer/Drawer.tsx | 2 +- .../common/dropdownmenu/DropdownMenu.tsx | 2 +- src/components/common/modal/Modal.tsx | 2 +- src/components/common/select/SearchSelect.tsx | 2 +- src/components/common/toggle/Toggle.tsx | 2 +- .../dashboard/platform/SinglePlatformView.tsx | 6 +- src/components/landing/GuideOverviewChart.tsx | 2 +- src/components/landing/GuidePlatform.tsx | 2 +- src/components/landing/GuideTimeline.tsx | 4 +- src/components/landing/LandingFAQ.tsx | 2 +- src/components/landing/LandingFeatures.tsx | 20 ++-- src/components/landing/LandingGuide.tsx | 4 +- src/components/landing/LandingHeader.tsx | 4 +- src/components/landing/LandingHero.tsx | 2 +- src/components/landing/LandingMultiDevice.tsx | 6 +- src/components/landing/LandingPricing.tsx | 10 +- .../workspace/MemberManagementLoading.tsx | 2 +- src/components/workspace/WorkspaceCard.tsx | 4 +- .../workspace/WorkspaceListLoading.tsx | 2 +- .../overview/OverviewBudgetSection.tsx | 8 +- .../overview/OverviewCampaignSnapshotCard.tsx | 2 +- .../dashboard/overview/OverviewKpiSection.tsx | 2 +- src/pages/landing/LandingPage.tsx | 2 +- src/pages/workspace/Workspace.tsx | 2 +- src/stories/Shadows.stories.tsx | 8 +- src/styles/tokens.css | 13 +++ src/styles/utilities.css | 94 +------------------ 31 files changed, 71 insertions(+), 148 deletions(-) diff --git a/src/components/common/ComingSoonPlaceholder.tsx b/src/components/common/ComingSoonPlaceholder.tsx index 33a08a9..8011f96 100644 --- a/src/components/common/ComingSoonPlaceholder.tsx +++ b/src/components/common/ComingSoonPlaceholder.tsx @@ -52,7 +52,7 @@ const ComingSoonPlaceholder = memo(function ComingSoonPlaceholder({ )} > ({ {isOpen && ( -
+
{filteredOptions.length > 0 ? (
    (
    @@ -244,7 +244,7 @@ export default function SinglePlatformView({ className={twMerge( "px-4 py-2 font-body2 transition-all duration-200", viewRange === 7 - ? "bg-info-blue text-surface-100 shadow-sm" + ? "bg-info-blue text-surface-100 shadow-Soft" : "bg-surface-100 text-text-muted hover:bg-surface-200", )} > @@ -256,7 +256,7 @@ export default function SinglePlatformView({ className={twMerge( "border-l border-surface-400 px-4 py-2 font-body2 transition-all duration-200", viewRange === 30 - ? "bg-info-blue text-surface-100 shadow-sm" + ? "bg-info-blue text-surface-100 shadow-Soft" : "bg-surface-100 text-text-muted hover:bg-surface-200", )} > diff --git a/src/components/landing/GuideOverviewChart.tsx b/src/components/landing/GuideOverviewChart.tsx index 7265fb7..046bd55 100644 --- a/src/components/landing/GuideOverviewChart.tsx +++ b/src/components/landing/GuideOverviewChart.tsx @@ -35,7 +35,7 @@ export default function GuideOverviewChart() { } >
    -
    +

    광고 클릭수 추이

    오후 12시 기준 클릭수 48,500 diff --git a/src/components/landing/GuidePlatform.tsx b/src/components/landing/GuidePlatform.tsx index 24bbe52..3f9f4a8 100644 --- a/src/components/landing/GuidePlatform.tsx +++ b/src/components/landing/GuidePlatform.tsx @@ -90,7 +90,7 @@ export default function GuidePlatform() { {isMenuOpen && ( -

    +
    {PLATFORMS.map((platform) => { const isSelected = selectedIds.includes(platform.id); diff --git a/src/components/landing/GuideTimeline.tsx b/src/components/landing/GuideTimeline.tsx index 7cc2a3a..e494ef6 100644 --- a/src/components/landing/GuideTimeline.tsx +++ b/src/components/landing/GuideTimeline.tsx @@ -38,7 +38,7 @@ export default function GuideTimeline() { Day - + Week @@ -124,7 +124,7 @@ export default function GuideTimeline() { return (
    {/* Left Indicator */} diff --git a/src/components/landing/LandingFAQ.tsx b/src/components/landing/LandingFAQ.tsx index 83ec945..78a1656 100644 --- a/src/components/landing/LandingFAQ.tsx +++ b/src/components/landing/LandingFAQ.tsx @@ -20,7 +20,7 @@ export default function LandingFAQ() { />
    -
    +
    {LANDING_FAQ_ITEMS.map(({ q, a }) => (
    diff --git a/src/components/landing/LandingFeatures.tsx b/src/components/landing/LandingFeatures.tsx index d0440bc..6837329 100644 --- a/src/components/landing/LandingFeatures.tsx +++ b/src/components/landing/LandingFeatures.tsx @@ -28,9 +28,9 @@ function IntegrationGraphic() { viewport={{ once: true, amount: 0.45 }} transition={{ duration: 0.5, ease: "easeOut" }} > - +
    - +
    Naver
    @@ -40,9 +40,9 @@ function IntegrationGraphic() {
    - +
    -
    +
    @@ -56,9 +56,9 @@ function IntegrationGraphic() {
    - +
    - +
    Kakao
    @@ -73,10 +73,10 @@ function IntegrationGraphic() { function WorkflowGraphic() { return ( -
    +
    @@ -187,7 +187,7 @@ function WorkspaceGraphic() { )}
    diff --git a/src/components/landing/LandingGuide.tsx b/src/components/landing/LandingGuide.tsx index 0056fcf..d140fcc 100644 --- a/src/components/landing/LandingGuide.tsx +++ b/src/components/landing/LandingGuide.tsx @@ -46,7 +46,7 @@ export default function LandingGuide() { className={`w-full md:w-3/5 rounded-3xl overflow-hidden ${ page.useTimeline || page.usePlatform || page.useOverview ? "bg-transparent shadow-none" - : "bg-surface-100 shadow-card border border-surface-400/70" + : "bg-surface-100 shadow-Soft border border-surface-400/70" }`} initial={{ opacity: 0, x: page.reverse ? 42 : -42 }} whileInView={{ opacity: 1, x: 0 }} @@ -91,7 +91,7 @@ export default function LandingGuide() { {page.number} - + {page.label}
    diff --git a/src/components/landing/LandingHeader.tsx b/src/components/landing/LandingHeader.tsx index 979d858..8cb5ec1 100644 --- a/src/components/landing/LandingHeader.tsx +++ b/src/components/landing/LandingHeader.tsx @@ -58,7 +58,7 @@ export default function LandingHeader() {
    @@ -94,7 +94,7 @@ export default function LandingHeader() { 회원가입 diff --git a/src/components/landing/LandingHero.tsx b/src/components/landing/LandingHero.tsx index 474da9d..fd2bec7 100644 --- a/src/components/landing/LandingHero.tsx +++ b/src/components/landing/LandingHero.tsx @@ -43,7 +43,7 @@ export default function LandingHero() { />
    -
    +
    @@ -41,7 +41,7 @@ export default function LandingMultiDevice() {
    -
    +
    @@ -59,7 +59,7 @@ export default function LandingMultiDevice() {
    -
    +
    diff --git a/src/components/landing/LandingPricing.tsx b/src/components/landing/LandingPricing.tsx index 49b3889..59577f7 100644 --- a/src/components/landing/LandingPricing.tsx +++ b/src/components/landing/LandingPricing.tsx @@ -68,12 +68,12 @@ export default function LandingPricing() { }} className={`bg-surface-100 rounded-[28px] p-7 lg:p-8 relative transition-[box-shadow,transform,border-color] duration-300 flex flex-col ${ plan.featured - ? "order-first md:order-0 border border-primary-400/55 shadow-landing-featured-plan -translate-y-1" - : "border border-surface-400/70 shadow-card hover:shadow-card-hover" + ? "order-first md:order-0 border border-primary-400/55 shadow-Soft -translate-y-1" + : "border border-surface-400/70 shadow-Soft" }`} > {plan.featured && ( -
    +
    인기 플랜
    )} @@ -108,7 +108,7 @@ export default function LandingPricing() { href={proMailtoHref} className={`mb-4 inline-flex h-12 w-full items-center justify-center rounded-2xl font-heading4 transition-colors ${ plan.featured - ? "bg-primary-400 text-surface-100 hover:bg-primary-500 shadow-landing-cta" + ? "bg-primary-400 text-surface-100 hover:bg-primary-500 shadow-Soft" : "bg-text-disabled text-text-title hover:brightness-95 active:brightness-90 border border-surface-400/70" } focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400/35 focus-visible:ring-offset-2 focus-visible:ring-offset-surface-100`} > @@ -120,7 +120,7 @@ export default function LandingPricing() { onClick={handleCta} className={`mb-4 h-12 w-full rounded-2xl font-heading4 transition-colors ${ plan.featured - ? "bg-primary-400 text-surface-100 hover:bg-primary-500 shadow-landing-cta" + ? "bg-primary-400 text-surface-100 hover:bg-primary-500 shadow-Soft" : "bg-text-disabled/50 text-text-title hover:brightness-95 active:brightness-90 border border-surface-400/70" } focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400/35 focus-visible:ring-offset-2 focus-visible:ring-offset-surface-100`} > diff --git a/src/components/workspace/MemberManagementLoading.tsx b/src/components/workspace/MemberManagementLoading.tsx index 54a1b2d..e412642 100644 --- a/src/components/workspace/MemberManagementLoading.tsx +++ b/src/components/workspace/MemberManagementLoading.tsx @@ -3,7 +3,7 @@ import { Skeleton, SkeletonCircle } from "../common/skeleton/Skeleton"; function MemberRowSkeleton() { return ( -
    +
    diff --git a/src/components/workspace/WorkspaceCard.tsx b/src/components/workspace/WorkspaceCard.tsx index 907678e..75968f3 100644 --- a/src/components/workspace/WorkspaceCard.tsx +++ b/src/components/workspace/WorkspaceCard.tsx @@ -28,9 +28,9 @@ function WorkspaceCard({ workspace: w, isSelected = false, onClick }: TProps) {