디자인 시안
참고 사이트의 톤을 CPATOOLS에 적용했을 때의 미니어처. 라이트/다크 좌우로 동시 비교.
※ 색·라운드·여백만 변형. 폰트 페어링 변형은 다음 단계 (현재 모두 Pretendard + JetBrains Mono).
1. Toss
한국 fintech · 청 액센트 · Pretendard 가독성 · 둥근 카드 ↗ toss.tech
한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;2. Anthropic
베이지 + 오렌지 액센트 · 미니멀 · 회사 브랜드 톤 ↗ anthropic.com
한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;3. Supabase
다크 우선 · 녹색 액센트 · 테크 + mono 친화 (우리 stack) ↗ supabase.com
한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;4. Obsidian
다크 + 보라 · 노트 / 문서 도메인 ↗ obsidian.md
한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;5. PostHog
아이보리 + 노랑 · mono · 인디 + 코믹 ↗ posthog.com
한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;Toss 변형 카탈로그
토스 베이스(=현재 사이트에 적용된 색) 위에 항목별로 단독 적용한 미니어처. 마음에 든 번호를 알려주면 사이트 전체에 적용.
※ "0. 베이스"는 현재 사이트의 모습. 다른 항목과 비교하면 차이가 명확.
0 · BASE
0. 토스 베이스 — 현재 적용된 색만
한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;A1 · TYPOGRAPHY
1. 헤딩 폰트 — JetBrains Mono → Pretendard sans
한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;A2 · RADIUS
2. 카드 라운드 — 8px → 16px
한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;A3 · ELEVATION
3. 카드 그림자 — 옅은 elevation
한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;A4 · BUTTON
4. 버튼 스타일 — 라운드 12px + 굵은 텍스트
한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;B5 · SPACING
5. 자간/행간 — letter-spacing -0.04em / line-height 1.7
한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;B6 · CHIP
6. 칩/뱃지 모양 — pill (rounded-full)
한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;B8 · CODE
7. 코드블록 라운드 — 0 → 8px
한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;★ ALL · COMBINED
전체 적용 — 1+2+3+4+5+6+7 동시
한국 회계사를 위한 AI 도구 허브
VBA · Python · Claude Skills · MCP로 만든 회계 자동화 도구
ChatGPT
실사용대화형 AI
Claude
실사용대화형 AI
회고: 사이트를 만들면서 배운 것
처음에는 워드프레스를 떠올렸지만, Astro의 정적 사이트 생성과 MDX의 조합이 1인 운영에 훨씬 잘 맞았다…
create function audience_stats() returns json
language plpgsql security definer as $$
-- ...
$$;결정 가이드
- 마음에 든 항목 번호 알려주세요. 예: "1, 2, 4 적용" 또는 "전체 적용".
- 적용 후 사이트 전체 (홈/도구/AI/블로그) 둘러보고 추가 조정 가능.