큐레이션 · 오픈 · 무료

Akiflow

시간을 절약하도록 도와주는 AI를 사용하는 통합 작업 및 캘린더 앱입니다.

productcalendar
Akiflow 스크린샷
↓ 디자인 시스템 다운로드 (24 MB)OpenDesign 에서 열기

원본 사이트: https://akiflow.com

📦 팩 내용 보기 →

01

디자인 DNA

생산성AI캘린더작업효율성

일정과 할 일 목록을 하나의 AI 기반 뷰로 결합하는 스마트하고 깨끗한 디지털 플래너입니다.

02

컬러

#8B00FFAccent
#212833Ink
#323B4AInk soft
#FFFFFFBG
#F8FAFCBG soft
#EEF3F8BG quiet
#5E687BMuted
rgba(0, 0, 0, 0.08)Line

주요 작업과 강조를 위해 절제되게 사용되는, 고대비, 고채도 보라색 악센트가 있는 깨끗한 화이트 캔버스입니다.

03

타이포그래피

geometric-sans · humanist-sans

인상적인 전시 헤드라인에는 기하학적 산세리프를 사용합니다. · 명확하고 가독성 있는 본문 텍스트에는 휴머니스틱 산세리프를 사용합니다. · 큰 제목에는 타이트한 자간을 유지합니다.

04

여백

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

주요 요소 주변에 넉넉한 여백을 두어 집중적이고 정돈된 느낌을 만듭니다.

05

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

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

매우 낮은 불투명도의 검정색을 사용한 섬세한 1px 실선 테두리입니다.

0px 1px 20px rgba(0, 0, 0, 0.08) · 0px 1px 6px rgba(0, 0, 0, 0.16) · 0px 1px 16px rgba(144, 0, 255, 0.2)

06

레이아웃

1200container
12columns
24pxgutter
768 / 1024breakpoints

히어로 섹션을 위한 중앙 단일 열 레이아웃에서, 기능 그리드를 위한 다중 열 레이아웃으로 전환됩니다.

07

모션과 인터랙션

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

콘텐츠 블록의 스크롤 시 섬세한 페이드인. · 버튼과 링크의 매끄러운 호버 전환.

버튼이 약간 밝아지거나 섬세한 보라색 글로우 섀도우를 나타냅니다. · 주요 버튼에 섬세한 축소 효과가 있습니다.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

Akiflow는 AI 기반의 작업 및 캘린더를 위한 생산성 SaaS입니다. 디자인은 깨끗하고 전문적이며, 화이트 배경(#FFFFFF)에 짙은 잉크(#212833) 텍스트를 사용합니다. 주요 악센트는 고채도 보라색(#8B00FF)입니다. 타이포그래피는 기하학적 및 휴머니스틱 산세리프의 혼합입니다. 주요 금지 사항: 다크 모드를 피하고, 세리프 폰트를 사용하지 않으며, 각진 모서리가 있는 복잡한 레이아웃을 피합니다. 전체적인 느낌은 효율적이고 현대적이며 집중적입니다.

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

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

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

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