큐레이션 · 오픈 · 무료

Vimcal

미팅이 너무 많은 사람들을 위한 세계 최고의 빠른 캘린더.

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

원본 사이트: https://www.vimcal.com

📦 팩 내용 보기 →

01

디자인 DNA

속도효율성제어프리미엄

일정 관리를 위한 고성능 조종석

02

컬러

#E35294Accent
#FFFFFFInk
#98A2B3Ink soft
#040126BG
#0a0a0aBG soft
#B0B1B4Muted
rgba(255,255,255,0.1)Line

고대비 흰색 텍스트와 선명한 네온 악센트가 적용된 다크 모드

03

타이포그래피

geometric-sans · humanist-sans · monospaced

헤드라인용 기하학적 산세리프 · 본문용 휴머니스틱 산세리프 · 기술적 세부사항용 모노스페이스

04

여백

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

8px 기본 그리드

05

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

sm · 4px
md · 6px
lg · 16px
pill · 999px

1px solid rgba(255,255,255,0.1)

rgba(255, 255, 255, 0.1) 0px 2px 5px 0px inset · rgba(227, 82, 148, 0.8) -8px 0px 20px 0px inset · rgba(23, 144, 255, 0.8) 8px 0px 20px 0px inset

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

좌측 텍스트, 우측 앱 프리뷰가 배치된 분할 히어로

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

페이드인 전환 · 미묘한 슬라이드 인

미세한 밝기 증가 · 즉시 반응 (<100ms)

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

Vimcal은 경리 비서 및 바쁜 전문가를 위한 프리미엄 생산성 도구입니다. 다크 모드(#040126 배경)를 기본으로 하며 고대비 흰색 텍스트와 핑크(#E35294), 블루(#1790FF)와 같은 선명한 악센트 색상을 특징으로 합니다. 타이포그래피는 헤드라인용 기하학적 산세리프와 본문용 휴머니스틱 산세리프를 사용합니다. 주요 기능은 다음과 같습니다: 1) 좌측 텍스트, 우측 앱 프리뷰가 배치된 분할 히어로 레이아웃, 2) 미세한 테두리가 있는 어두운 글래스모피즘 카드, 3) 전체 키보드 단축키 지원, 4) 즉시 반응 시간(<100ms). 필수 주의사항: 라이트 모드 사용 금지, 세리프 폰트 사용 금지, 작은 텍스트 사용 금지, 인터페이스 복잡화 금지, 느린 전환 사용 금지, 복잡한 색상 체계 사용 금지.

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

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

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

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