본문으로 건너뛰기
NNeumorphism UI
문서스타일링차트템플릿
—
KO
English한국어简体中文日本語
INSTALLABLE SCREENS

템플릿

설치한 컴포넌트로 완성한 실제 작업 화면. 미리보기와 설치 소스가 같습니다.

예시 데이터 · 2026년 9월 · USD. 실제 서비스와 연결되지 않았습니다.

성과 대시보드

같은 기간, 같은 원본으로 보는 성과.

2026-09-17 – 2026-09-30 · 기록된 날짜: 14 / 14

매출
US$60,644.00
방문
23,778
전환 방문
1,210
전환율
5.09%

매출과 목표

일별 매출을 통화로 표시합니다. 점선은 목표입니다.

매출: US$60,644.00 · 목표: US$75,810.00

정확한 데이터 보기
매출과 목표
날짜매출목표
2026-09-17US$3,682.00US$5,064.00
2026-09-18US$3,842.00US$5,118.00
2026-09-19US$4,292.00US$5,172.00
2026-09-20US$4,542.00US$5,226.00
2026-09-21US$3,640.00US$5,280.00
2026-09-22US$4,040.00US$5,334.00
2026-09-23US$4,142.00US$5,388.00
2026-09-24US$4,642.00US$5,442.00
2026-09-25US$4,842.00US$5,496.00
2026-09-26US$3,890.00US$5,550.00
2026-09-27US$4,340.00US$5,604.00
2026-09-28US$4,550.00US$5,658.00
2026-09-29US$5,000.00US$5,712.00
2026-09-30US$5,200.00US$5,766.00

유입 경로 비교

선택 기간의 경로별 합계입니다. 막대는 0에서 시작합니다.

방문: 23,778

정확한 데이터 보기
유입 경로 비교
유입 경로방문전환 방문전환율
Organic9,4703864.08%
Direct8,0114205.24%
Referral6,2974046.42%

방문 전환율

전환 방문 수를 방문 수로 나눕니다. 세로축은 0–100%로 고정합니다.

5.09% · 1,210 / 23,778

정확한 데이터 보기
방문 전환율
날짜방문전환 방문전환율
2026-09-171,557734.69%
2026-09-181,547774.98%
2026-09-191,622865.3%
2026-09-201,612915.65%
2026-09-211,602724.49%
2026-09-221,677804.77%
2026-09-231,667834.98%
2026-09-241,742935.34%
2026-09-251,732975.6%
2026-09-261,722774.47%
2026-09-271,797864.79%
2026-09-281,787915.09%
2026-09-291,8621005.37%
2026-09-301,8521045.62%

누락 날짜는 0이 아닌 빈 구간입니다. 방문이 0인 전환율은 정의되지 않습니다(—).

합계는 제공된 기록만 포함하며 완전성을 보장하지 않습니다. 기간은 제공된 마지막 날짜를 기준으로 합니다.

01

분석 대시보드

↗

기간·유입 경로 필터, 매출·전환율 차트, 정확한 표와 CSV 내보내기.

ChartRechartsCSV
화면 열기: 분석 대시보드

로컬 작동 예제입니다. 새로고침하면 초기화됩니다. 실제 저장은 onSave에 연결하세요.

WORKSPACE / PREFERENCES

나에게 맞는 작업 공간.

프로필을 정리하고 필요한 알림만 받아보세요.

공개 프로필알림 설정
AL

Alex Kim

alex@example.com

작업 공간의 내 프로필

공개 프로필

팀원이 알아볼 수 있는 이름을 사용하세요.

계정과 작업 공간의 안내를 받습니다.

240자 이내로 나를 소개하세요.

57/240

알림 설정

멘션, 할당 및 중요한 변경을 알립니다.

매일의 알림 대신 한 번의 요약을 받습니다.

모든 변경 사항 저장됨

02

설정·프로필

↗

입력 검증, 실시간 미리보기, 변경 감지, 저장 실패 복구와 변경 취소.

FormFieldSwitchToast
화면 열기: 설정·프로필

로컬 작동 예제입니다. 새로고침하면 초기화됩니다. onSave와 onDelete에 실제 서비스를 연결하세요.

WORKSPACE / RECORDS

작은 기록, 명확한 진행.

필요한 작업을 찾고, 내용을 정리하고, 다음 단계로 옮기세요.

전체 데이터12
진행 중6
초안4

데이터

12 개 검색 결과 · 0 개 선택됨
데이터
상태작업
Archived campaignMina보관됨2026-08-20
Content planningMina초안2026-10-15
Customer onboardingJun진행 중2026-10-08
Keyboard navigation auditJun진행 중2026-10-14
Legacy welcome screenJun보관됨2026-09-01
페이지 1 / 3

최근 변경

이 화면에서 변경한 내용이 표시됩니다.

03

데이터 관리

↗

검색, 상태 필터, 정렬, 페이지 이동, 선택, 생성·편집과 삭제 확인.

Data TableDate PickerSheet
화면 열기: 데이터 관리
AK

Alex Kim

@alexbuilds

Designer and developer sharing small tools, notes, and experiments.

다음 목적지

5 개 링크

  • PPortfolioexample.com새 탭에서 열림↗
  • GGitHubgithub.com새 탭에서 열림↗
  • NNewsletterbuttondown.email새 탭에서 열림↗
  • LLinkedInlinkedin.com새 탭에서 열림↗
  • EEmailhello@example.com→

연락하기

hello@example.com

04

링크 허브

↗

프로필, 그룹별 목적지 필터, 외부 링크 표시와 이메일 복사 복구.

External linksClipboard
화면 열기: 링크 허브
Sora Han
선정 작업연락

독립 작업 / Seoul

Sora Han

Product designer and front-end developer.

I design focused digital products for people doing complex work.

I work from early product thinking through accessible front-end delivery.

선정 작업

WaylineProduct design and front-end2026⌄

A dispatch planning workspace that turns route changes into clear next actions.

문제
Dispatchers needed to distinguish urgent route changes from routine updates.
접근
Mapped planning and dispatch handoffs, then prototyped one shared queue.
제공한 결과
Workflow map, interaction prototype, accessible React workspace.
성과
One view of ownership, exceptions and the next action for each route.
LedgerlineProduct design2025⌄

A calm reporting system for finance teams reviewing a busy monthly close.

문제
Reporting assumptions were scattered across tables, slides and messages.
접근
Designed a common review structure with comparable periods and visible definitions.
제공한 결과
Reporting model, chart language, reusable review components.
성과
Reviewers can trace each summary back to its source and unresolved questions.
Open IndexWeb design and development2025⌄

An accessible directory for shared tools, datasets and practical guides.

문제
A growing collection of public resources was difficult to browse and maintain.
접근
Organized resources around user tasks and tested search, filters and empty states.
제공한 결과
Information architecture, responsive directory, keyboard interaction checks.
성과
A searchable directory with clear categories and maintainable contribution rules.

복잡한 흐름을 더 단순하게 만들고 싶나요?

누가 사용하고 무엇이 불편한지, 첫 번째 유용한 릴리스가 무엇을 해야 하는지 알려주세요.

이메일GitHub ↗새 탭에서 열림LinkedIn ↗새 탭에서 열림

© 2026 Sora Han

맨 위로
05

포트폴리오

↗

프로필, 프로젝트 case study, 문제·접근·성과와 연락 링크.

Case studiesDetailsContact
화면 열기: 포트폴리오

FIELD NOTES / DESIGN & ENGINEERING

최근 글

실제 작업에서 얻은 제품·디자인·프런트엔드 메모를 모아봅니다.

3 개 글

  1. Sep 18, 2026Product · 4 분

    Useful empty states are part of the workflow

    Treat an empty result as a next-action surface instead of a dead end.

  2. Sep 10, 2026Engineering · 6 분

    Keyboard-first overlays without separate logic

    Use the primitive state model and style its visible states rather than rebuilding interaction.

  3. Aug 29, 2026Design · 5 분

    Depth without visual noise

    Reserve raised and inset surfaces for state and hierarchy instead of decorating every region.

06

블로그 아카이브

↗

검색, 주제 필터, 정렬과 명확한 빈 상태를 갖춘 data-driven 글 목록.

SearchTopicsSort
화면 열기: 블로그 아카이브
← 모든 글

Design

Why small interfaces age better

A practical case for fewer controls, clearer defaults, and less maintenance.

Sep 12, 2026·5 min read

Small interfaces are easier to understand on the first visit and easier to maintain on the hundredth release.

Start with the boundary

A useful interface begins by deciding what it will not ask the user to manage.

Keep the controls that change the outcome and move rare configuration closer to the moment it matters.

Make the default path obvious

A strong default removes a decision without hiding what happened.

  • Name the primary action precisely.
  • Show the current state beside the control that changes it.
  • Keep advanced choices available without making them mandatory.
모든 글맨 위로
07

블로그 글 상세

↗

제목·요약·발행 메타데이터·섹션·목록을 렌더링하는 정적 article 템플릿.

ArticleSectionsStatic
화면 열기: 블로그 글 상세

콘텐츠 작업실

로컬 UI 예제입니다. 실제 저장은 onSave에 연결하세요.

전체 글
3
게시됨
2
저장 안 됨
0

글 편집

업데이트 12 min

미리보기
게시됨

September product update

Highlights from the latest workspace release.

This release brings clearer ownership, faster search, and a simpler review queue.

08

로컬 CMS

↗

글 검색, 상태 필터, 편집·미리보기, dirty state와 저장 실패 복구.

EditorDirty statePreview
화면 열기: 로컬 CMS
Neumorphism UI56 UI · 16 blocks · 80 registry items

shadcn 호환 소스 Registry

GitHubCredits