큐레이션 · 오픈 · 무료

Reclaim

일정 자동화와 워라밸 회복을 위해 설계된 AI 우선 캘린더 애플리케이션입니다.

productivitysaas
Reclaim 스크린샷
↓ 디자인 시스템 다운로드 (14 MB)OpenDesign 에서 열기

원본 사이트: https://reclaim.ai

📦 팩 내용 보기 →

01

디자인 DNA

지능형자동화생산성일정 관리

작업 캘린더를 자동으로 정리하는 AI 기반 시간 관리 도구입니다.

02

컬러

#5562EBAccent
#181D25Ink
#4A4A4AInk soft
#FFFFFFBG
#EBEFFFBG soft
#F5F7FABG quiet
#6B7280Muted
rgba(24, 29, 37, 0.1)Line

깔끔하고 고대비의 기본 톤에 활기찬 프라이머리 블루 액센트와 포인트를 위한 조화로운 그린 톤을 적용합니다.

03

타이포그래피

geometric-sans · humanist-sans · monospace

대담하고 현대적인 전시용 타이포그래피에는 기하학적 산세리프를 사용합니다. · 가독성 있는 본문 카피에는 휴머니스트 산세리프를 사용합니다.

04

여백

4px
8px
16px
24px
32px
48px
64px
96px
128px

4px 그리드를 기반으로 하며, 히어로 섹션에는 넉넉한 여백을, UI 컴포넌트에는 더 빡빡한 간격을 적용합니다.

05

표면 (라운드 / 그림자 / 경계선)

sm · 4px
md · 8px
lg · 12px
pill · 999px

0px 5px 40px 0px rgba(9, 14, 21, 0.16) · 0px 20px 32px -8px rgba(9, 20, 66, 0.25)

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024 / 1440breakpoints

주요 중앙 정렬 히어로 섹션과 교차하는 콘텐츠 블록이 특징인 반응형 그리드입니다.

07

모션과 인터랙션

150msmicro
250mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

뷰포트에 진입하는 요소들을 위한 미세한 페이드인 및 트랜스폼 전환. · 호버 시 인터랙티브 요소들의 색상 및 스트로크 전환.

주요 버튼의 미세한 색상 변화나 밝기 변화; 카드의 약간의 스케일링이나 그림자 상승 효과. · 스케일 또는 불투명도 변화를 통한 즉각적인 시각적 피드백.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

Reclaim — 桌面首屏（hero）
桌面首屏（hero）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 移动首屏
移动首屏

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

Reclaim.ai는 자동화된 캘린더 관리에 초점을 맞춘 AI 기반 생산성 SaaS 도구입니다. 시스템은 깔끔한 밝은 테마의 미학을 사용하며, 프라이머리 액센트 색상은 #5562EB(활기찬 블루), 세컨더리 그린은 #7AC17B입니다. 타이포그래피는 기하학적 및 휴머니스트 산세리프 폰트의 조합으로, 현대적이고 가독성 높은 인터페이스를 만듭니다. 주요 요소로는 웅장하고 혜택 중심적인 헤드라인과 넉넉한 여백이 포함됩니다. 핵심 디자인 규칙: 버튼에 날카로운 사각형 모서리를 사용하지 않음(알약 형태 사용); 다크 모드를 주요 UI로 사용하지 않음; 비헤드라인 텍스트에 복잡한 그라데이션 사용하지 않음; 모든 주요 CTA에 높은 대비 보장; 혼잡한 느낌을 피하기 위해 넉넉한 여백 유지.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

en · zh-CN · zh-TW · ja · ko