@design-ai/cli 4.55.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.claude-plugin/plugin.json +164 -0
- package/AGENTS.ko.md +126 -0
- package/AGENTS.md +182 -0
- package/CHANGELOG.md +6883 -0
- package/CLAUDE.md +39 -0
- package/LICENSE +21 -0
- package/README.ko.md +245 -0
- package/README.md +277 -0
- package/agents/README.md +14 -0
- package/agents/a11y-reviewer.md +121 -0
- package/agents/component-architect.md +57 -0
- package/agents/design-critic.md +46 -0
- package/agents/token-extractor.md +63 -0
- package/cli/bin/design-ai-mcp.mjs +6 -0
- package/cli/bin/design-ai.mjs +40 -0
- package/cli/commands/audit.mjs +111 -0
- package/cli/commands/check.mjs +226 -0
- package/cli/commands/doctor.mjs +141 -0
- package/cli/commands/examples.mjs +58 -0
- package/cli/commands/help.mjs +271 -0
- package/cli/commands/install.mjs +161 -0
- package/cli/commands/learn.mjs +1871 -0
- package/cli/commands/list.mjs +143 -0
- package/cli/commands/mcp.mjs +27 -0
- package/cli/commands/pack.mjs +211 -0
- package/cli/commands/prompt.mjs +199 -0
- package/cli/commands/route.mjs +247 -0
- package/cli/commands/search.mjs +60 -0
- package/cli/commands/show.mjs +52 -0
- package/cli/commands/site.mjs +558 -0
- package/cli/commands/status.mjs +161 -0
- package/cli/commands/uninstall.mjs +119 -0
- package/cli/commands/update.mjs +184 -0
- package/cli/commands/version.mjs +94 -0
- package/cli/commands/workspace.mjs +176 -0
- package/cli/lib/brief.mjs +52 -0
- package/cli/lib/check.mjs +642 -0
- package/cli/lib/dispatch.mjs +109 -0
- package/cli/lib/doctor.mjs +505 -0
- package/cli/lib/examples.mjs +258 -0
- package/cli/lib/exec.mjs +63 -0
- package/cli/lib/help-flags.mjs +5 -0
- package/cli/lib/learn.mjs +3694 -0
- package/cli/lib/log.mjs +47 -0
- package/cli/lib/mcp-server.mjs +426 -0
- package/cli/lib/output.mjs +101 -0
- package/cli/lib/pack.mjs +599 -0
- package/cli/lib/paths.mjs +63 -0
- package/cli/lib/prompt.mjs +603 -0
- package/cli/lib/route.mjs +740 -0
- package/cli/lib/search.mjs +158 -0
- package/cli/lib/show.mjs +161 -0
- package/cli/lib/signals.mjs +2337 -0
- package/cli/lib/site.mjs +6617 -0
- package/cli/lib/skill-proposals.mjs +2046 -0
- package/cli/lib/suggest.mjs +66 -0
- package/cli/lib/workspace.mjs +1056 -0
- package/commands/README.md +25 -0
- package/commands/component-spec.md +34 -0
- package/commands/conversational.md +44 -0
- package/commands/design-from-brief.md +141 -0
- package/commands/design-review.md +62 -0
- package/commands/document-from-brief.md +47 -0
- package/commands/extract-tokens.md +38 -0
- package/commands/game-ui.md +40 -0
- package/commands/illustration.md +37 -0
- package/commands/iterate.md +167 -0
- package/commands/motion-design.md +54 -0
- package/commands/palette-from-brand.md +50 -0
- package/commands/print.md +49 -0
- package/commands/slide-deck.md +46 -0
- package/commands/spatial.md +47 -0
- package/commands/stability-review.md +74 -0
- package/commands/video.md +42 -0
- package/commands/website-improvement.md +77 -0
- package/docs/AGENT-DEVELOPMENT.md +658 -0
- package/docs/AI-LEARNING.md +429 -0
- package/docs/AIDER-INTEGRATION.md +224 -0
- package/docs/ARCHITECTURE.ko.md +183 -0
- package/docs/ARCHITECTURE.md +105 -0
- package/docs/CODEX-INTEGRATION.md +311 -0
- package/docs/COMPANY-WEBSITE-DOGFOOD.ko.md +144 -0
- package/docs/COMPANY-WEBSITE-DOGFOOD.md +150 -0
- package/docs/COMPANY-WEBSITE-INTAKE-TEMPLATE.ko.md +153 -0
- package/docs/COMPANY-WEBSITE-INTAKE-TEMPLATE.md +154 -0
- package/docs/CONTRIBUTING.ko.md +203 -0
- package/docs/CONTRIBUTING.md +242 -0
- package/docs/CURSOR-INTEGRATION.md +220 -0
- package/docs/DISTRIBUTION.ko.md +248 -0
- package/docs/DISTRIBUTION.md +253 -0
- package/docs/DOGFOOD-FINDINGS.md +180 -0
- package/docs/DOGFOOD-V4-FINDINGS.md +139 -0
- package/docs/DOGFOOD-V4-MKDOCS-FINDINGS.md +233 -0
- package/docs/DOGFOOD-V4-NPM-FINDINGS.md +157 -0
- package/docs/DOGFOOD-V4-VSCODE-FINDINGS.md +135 -0
- package/docs/FIGMA-INTEGRATION.md +222 -0
- package/docs/MCP-INTEGRATION.md +243 -0
- package/docs/MIGRATION-v4.md +121 -0
- package/docs/PLUGIN-PACKAGING.md +240 -0
- package/docs/PRODUCT-READINESS.md +66 -0
- package/docs/QUICKSTART.ko.md +178 -0
- package/docs/QUICKSTART.md +179 -0
- package/docs/RELEASE-CHECKLIST.md +292 -0
- package/docs/ROADMAP.md +19495 -0
- package/docs/SESSION-LOG.md +940 -0
- package/docs/TOKEN-SYNC.md +237 -0
- package/docs/USING.ko.md +206 -0
- package/docs/USING.md +218 -0
- package/docs/WEBSITE-IMPROVEMENT.ko.md +75 -0
- package/docs/WEBSITE-IMPROVEMENT.md +89 -0
- package/docs/announcements/README.md +56 -0
- package/docs/announcements/dev-to-korea.md +206 -0
- package/docs/announcements/hashnode-post.ko.md +232 -0
- package/docs/announcements/okky-post.ko.md +158 -0
- package/docs/announcements/press-kit.md +101 -0
- package/docs/announcements/reddit-r-korea.md +196 -0
- package/docs/announcements/show-hn.md +114 -0
- package/docs/announcements/twitter-thread.md +255 -0
- package/docs/external-status.md +34 -0
- package/docs/integrations/aider-walkthrough.ko.md +275 -0
- package/docs/integrations/aider-walkthrough.md +274 -0
- package/docs/integrations/codex-walkthrough.ko.md +297 -0
- package/docs/integrations/codex-walkthrough.md +297 -0
- package/docs/integrations/cursor-walkthrough.ko.md +281 -0
- package/docs/integrations/cursor-walkthrough.md +284 -0
- package/docs/integrations/design-ai-mcp-server.md +169 -0
- package/docs/integrations/figma-mcp.md +149 -0
- package/docs/integrations/github-mcp.md +178 -0
- package/docs/integrations/linear-mcp.md +215 -0
- package/docs/integrations/notion-mcp.md +174 -0
- package/docs/integrations/sdk-walkthrough.ko.md +375 -0
- package/docs/integrations/sdk-walkthrough.md +375 -0
- package/docs/integrations/slack-mcp.md +208 -0
- package/docs/integrations/vscode-walkthrough.ko.md +202 -0
- package/docs/integrations/vscode-walkthrough.md +205 -0
- package/docs/requirements.txt +16 -0
- package/docs/site-overrides/extra.css +83 -0
- package/docs/site-overrides/favicon.svg +4 -0
- package/docs/site-overrides/logo.svg +10 -0
- package/docs/site-overrides/main.html +18 -0
- package/docs/website-console/app.js +2540 -0
- package/docs/website-console/index.html +24 -0
- package/docs/website-console/styles.css +975 -0
- package/examples/README.md +252 -0
- package/examples/cases/dogfood-v4-korean-hr-onboarding.md +356 -0
- package/examples/component-accordion-actions.md +153 -0
- package/examples/component-accordion-details.md +147 -0
- package/examples/component-accordion-summary.md +180 -0
- package/examples/component-accordion.md +229 -0
- package/examples/component-account-card.md +284 -0
- package/examples/component-address-input.md +260 -0
- package/examples/component-affix.md +190 -0
- package/examples/component-alert-dialog.md +210 -0
- package/examples/component-alert-title.md +77 -0
- package/examples/component-alert.md +192 -0
- package/examples/component-amount-input.md +278 -0
- package/examples/component-anchor.md +198 -0
- package/examples/component-app-bar.md +249 -0
- package/examples/component-aspect-ratio.md +156 -0
- package/examples/component-auto-complete.md +199 -0
- package/examples/component-avatar-group.md +170 -0
- package/examples/component-avatar.md +191 -0
- package/examples/component-back-top.md +123 -0
- package/examples/component-backdrop.md +148 -0
- package/examples/component-badge.md +181 -0
- package/examples/component-banner.md +237 -0
- package/examples/component-biometric-gate.md +281 -0
- package/examples/component-blockquote.md +153 -0
- package/examples/component-border-beam.md +207 -0
- package/examples/component-bottom-navigation.md +226 -0
- package/examples/component-box.md +112 -0
- package/examples/component-breadcrumb.md +222 -0
- package/examples/component-button-base.md +190 -0
- package/examples/component-button-group.md +117 -0
- package/examples/component-button.md +213 -0
- package/examples/component-calendar.md +280 -0
- package/examples/component-callout.md +131 -0
- package/examples/component-card-actions.md +101 -0
- package/examples/component-card-content.md +90 -0
- package/examples/component-card-header.md +122 -0
- package/examples/component-card-media.md +79 -0
- package/examples/component-card.md +233 -0
- package/examples/component-carousel.md +266 -0
- package/examples/component-cascader.md +135 -0
- package/examples/component-category-picker.md +271 -0
- package/examples/component-chart.md +237 -0
- package/examples/component-chat-interface.md +399 -0
- package/examples/component-checkbox.md +149 -0
- package/examples/component-click-away-listener.md +87 -0
- package/examples/component-code.md +213 -0
- package/examples/component-collapsible.md +219 -0
- package/examples/component-color-picker.md +110 -0
- package/examples/component-combobox.md +267 -0
- package/examples/component-command.md +299 -0
- package/examples/component-config-provider.md +190 -0
- package/examples/component-context-menu.md +179 -0
- package/examples/component-css-baseline.md +148 -0
- package/examples/component-date-picker.md +249 -0
- package/examples/component-descriptions.md +242 -0
- package/examples/component-dialog-actions.md +111 -0
- package/examples/component-dialog-content-text.md +76 -0
- package/examples/component-dialog-content.md +105 -0
- package/examples/component-dialog-title.md +104 -0
- package/examples/component-dialog.md +176 -0
- package/examples/component-divider.md +182 -0
- package/examples/component-doc-page.md +217 -0
- package/examples/component-drawer.md +257 -0
- package/examples/component-dropdown.md +220 -0
- package/examples/component-email-layout.md +253 -0
- package/examples/component-empty-state.md +269 -0
- package/examples/component-empty.md +172 -0
- package/examples/component-fade.md +87 -0
- package/examples/component-feature-grid.md +201 -0
- package/examples/component-field.md +266 -0
- package/examples/component-filled-input.md +114 -0
- package/examples/component-flex.md +117 -0
- package/examples/component-float-button.md +214 -0
- package/examples/component-form-control-label.md +134 -0
- package/examples/component-form-control.md +113 -0
- package/examples/component-form-controls.md +251 -0
- package/examples/component-form-group.md +86 -0
- package/examples/component-form-helper-text.md +95 -0
- package/examples/component-form-label.md +98 -0
- package/examples/component-form.md +291 -0
- package/examples/component-game-hud.md +362 -0
- package/examples/component-game-menu.md +327 -0
- package/examples/component-grid.md +140 -0
- package/examples/component-grow.md +79 -0
- package/examples/component-hero-block.md +252 -0
- package/examples/component-hover-card.md +211 -0
- package/examples/component-icon-button.md +142 -0
- package/examples/component-icon.md +102 -0
- package/examples/component-illustration.md +280 -0
- package/examples/component-image-list.md +107 -0
- package/examples/component-image.md +282 -0
- package/examples/component-input-adornment.md +101 -0
- package/examples/component-input-base.md +134 -0
- package/examples/component-input-number.md +141 -0
- package/examples/component-input-otp.md +271 -0
- package/examples/component-input.md +213 -0
- package/examples/component-item.md +243 -0
- package/examples/component-kbd.md +197 -0
- package/examples/component-krw-amount.md +219 -0
- package/examples/component-label.md +118 -0
- package/examples/component-layout.md +217 -0
- package/examples/component-link.md +223 -0
- package/examples/component-list-item-avatar.md +72 -0
- package/examples/component-list-item-button.md +139 -0
- package/examples/component-list-item-icon.md +82 -0
- package/examples/component-list-item-text.md +98 -0
- package/examples/component-list-item.md +116 -0
- package/examples/component-list-subheader.md +70 -0
- package/examples/component-list.md +198 -0
- package/examples/component-loading-button.md +125 -0
- package/examples/component-loading-sequence.md +254 -0
- package/examples/component-lottie-player.md +279 -0
- package/examples/component-masonry.md +191 -0
- package/examples/component-mentions.md +189 -0
- package/examples/component-menu-item.md +102 -0
- package/examples/component-menu-list.md +98 -0
- package/examples/component-menu.md +139 -0
- package/examples/component-menubar.md +259 -0
- package/examples/component-message.md +162 -0
- package/examples/component-mobile-stepper.md +155 -0
- package/examples/component-modal.md +220 -0
- package/examples/component-navigation-menu.md +295 -0
- package/examples/component-notification.md +166 -0
- package/examples/component-otp-countdown.md +245 -0
- package/examples/component-outlined-input.md +145 -0
- package/examples/component-page-transition.md +281 -0
- package/examples/component-pagination.md +226 -0
- package/examples/component-paper.md +199 -0
- package/examples/component-pass-auth.md +265 -0
- package/examples/component-payment-brand-button.md +253 -0
- package/examples/component-payment-method-selector.md +272 -0
- package/examples/component-payment-receipt.md +277 -0
- package/examples/component-popconfirm.md +144 -0
- package/examples/component-popover.md +239 -0
- package/examples/component-popper.md +129 -0
- package/examples/component-pricing-cards.md +247 -0
- package/examples/component-progress.md +195 -0
- package/examples/component-qr-code.md +201 -0
- package/examples/component-radio.md +167 -0
- package/examples/component-rate.md +202 -0
- package/examples/component-resizable.md +163 -0
- package/examples/component-result.md +270 -0
- package/examples/component-scroll-area.md +199 -0
- package/examples/component-scroll-reveal.md +320 -0
- package/examples/component-segmented.md +178 -0
- package/examples/component-select.md +258 -0
- package/examples/component-separator.md +177 -0
- package/examples/component-sheet.md +277 -0
- package/examples/component-sidebar.md +257 -0
- package/examples/component-skeleton.md +178 -0
- package/examples/component-slide.md +89 -0
- package/examples/component-slider.md +208 -0
- package/examples/component-snackbar-content.md +92 -0
- package/examples/component-snackbar.md +121 -0
- package/examples/component-sonner.md +165 -0
- package/examples/component-space.md +125 -0
- package/examples/component-spatial-locomotion.md +373 -0
- package/examples/component-spatial-panel.md +330 -0
- package/examples/component-speed-dial-action.md +78 -0
- package/examples/component-speed-dial.md +177 -0
- package/examples/component-spin.md +173 -0
- package/examples/component-spinner.md +204 -0
- package/examples/component-splitter.md +210 -0
- package/examples/component-stack.md +130 -0
- package/examples/component-statistic.md +282 -0
- package/examples/component-step-button.md +157 -0
- package/examples/component-step-connector.md +157 -0
- package/examples/component-step-content.md +121 -0
- package/examples/component-step-icon.md +115 -0
- package/examples/component-step-label.md +101 -0
- package/examples/component-step.md +84 -0
- package/examples/component-steps.md +264 -0
- package/examples/component-stock-chart.md +251 -0
- package/examples/component-swipeable-drawer.md +149 -0
- package/examples/component-switch.md +99 -0
- package/examples/component-tab-scroll-button.md +180 -0
- package/examples/component-tab.md +120 -0
- package/examples/component-table-body.md +82 -0
- package/examples/component-table-cell.md +118 -0
- package/examples/component-table-container.md +75 -0
- package/examples/component-table-footer.md +72 -0
- package/examples/component-table-head.md +78 -0
- package/examples/component-table-pagination.md +137 -0
- package/examples/component-table-row.md +113 -0
- package/examples/component-table-sort-label.md +109 -0
- package/examples/component-table.md +202 -0
- package/examples/component-tabs.md +184 -0
- package/examples/component-tag-badge.md +309 -0
- package/examples/component-tag.md +102 -0
- package/examples/component-testimonial-carousel.md +218 -0
- package/examples/component-textarea-autosize.md +114 -0
- package/examples/component-textarea.md +173 -0
- package/examples/component-time-picker.md +205 -0
- package/examples/component-timeline.md +170 -0
- package/examples/component-toast.md +224 -0
- package/examples/component-toggle-button.md +129 -0
- package/examples/component-toggle.md +220 -0
- package/examples/component-toolbar.md +104 -0
- package/examples/component-tooltip.md +178 -0
- package/examples/component-tour.md +176 -0
- package/examples/component-transaction-list-item.md +243 -0
- package/examples/component-transfer.md +156 -0
- package/examples/component-tree-select.md +202 -0
- package/examples/component-tree.md +297 -0
- package/examples/component-typography.md +215 -0
- package/examples/component-upload.md +295 -0
- package/examples/component-video-hero.md +409 -0
- package/examples/component-video-player.md +340 -0
- package/examples/component-voice-input.md +408 -0
- package/examples/component-watermark.md +217 -0
- package/examples/component-zoom.md +92 -0
- package/examples/doc-explanation-example.md +196 -0
- package/examples/doc-how-to-example.md +205 -0
- package/examples/doc-tutorial-example.md +162 -0
- package/examples/dogfood-korean-fintech-system.md +433 -0
- package/examples/email-transactional-example.md +259 -0
- package/examples/palette-saas-violet.md +235 -0
- package/examples/print-business-card-spec.md +205 -0
- package/examples/print-packaging-spec.md +285 -0
- package/examples/report-example.md +228 -0
- package/examples/slide-deck-example.md +237 -0
- package/examples/website-improvement-report.md +128 -0
- package/examples/website-improvement-workspace.json +126 -0
- package/install.sh +189 -0
- package/knowledge/COVERAGE.md +740 -0
- package/knowledge/PRINCIPLES.md +108 -0
- package/knowledge/a11y/contrast.md +70 -0
- package/knowledge/a11y/keyboard-and-focus.md +108 -0
- package/knowledge/colors/color-theory.md +90 -0
- package/knowledge/colors/mui-palette-structure.md +105 -0
- package/knowledge/colors/palettes-by-product-type.md +876 -0
- package/knowledge/components/INDEX.md +231 -0
- package/knowledge/components/index.json +1470 -0
- package/knowledge/components/shadcn-registry.md +159 -0
- package/knowledge/conversational/ai-chat-interfaces.md +323 -0
- package/knowledge/conversational/chatbot-design.md +312 -0
- package/knowledge/conversational/conversational-ui-fundamentals.md +299 -0
- package/knowledge/conversational/korean-voice-conventions.md +281 -0
- package/knowledge/conversational/voice-ui-patterns.md +297 -0
- package/knowledge/design-tokens/ant-design.md +124 -0
- package/knowledge/design-tokens/material-3.md +235 -0
- package/knowledge/design-tokens/polaris-and-carbon.md +231 -0
- package/knowledge/design-tokens/tailwind-v4.md +284 -0
- package/knowledge/game-ui/game-accessibility.md +317 -0
- package/knowledge/game-ui/game-ui-fundamentals.md +281 -0
- package/knowledge/game-ui/hud-design.md +324 -0
- package/knowledge/game-ui/korean-gaming-conventions.md +312 -0
- package/knowledge/game-ui/menu-systems.md +388 -0
- package/knowledge/i18n/korean-app-store-visual.md +223 -0
- package/knowledge/i18n/korean-document-style.md +301 -0
- package/knowledge/i18n/korean-payments.md +211 -0
- package/knowledge/i18n/korean-product-conventions.md +96 -0
- package/knowledge/i18n/korean-publishing.md +139 -0
- package/knowledge/i18n/korean-typography.md +123 -0
- package/knowledge/icons/curated-sets.md +225 -0
- package/knowledge/illustration/hero-illustrations.md +234 -0
- package/knowledge/illustration/illustration-systems.md +221 -0
- package/knowledge/illustration/mascot-design.md +208 -0
- package/knowledge/illustration/spot-illustrations.md +246 -0
- package/knowledge/illustration/svg-optimization.md +308 -0
- package/knowledge/layout/spacing-and-grid.md +119 -0
- package/knowledge/motion/app-loading-sequences.md +277 -0
- package/knowledge/motion/choreography-depth.md +297 -0
- package/knowledge/motion/marketing-motion.md +223 -0
- package/knowledge/motion/micro-interactions.md +266 -0
- package/knowledge/motion/motion-tools.md +281 -0
- package/knowledge/motion/principles.md +126 -0
- package/knowledge/patterns/auth-flow-design.md +316 -0
- package/knowledge/patterns/b2b-onboarding-flows.md +182 -0
- package/knowledge/patterns/brand-identity.md +238 -0
- package/knowledge/patterns/brand-references.md +97 -0
- package/knowledge/patterns/chart-color-encoding.md +269 -0
- package/knowledge/patterns/chart-types.md +344 -0
- package/knowledge/patterns/dashboard-composition.md +299 -0
- package/knowledge/patterns/design-system-qa.md +356 -0
- package/knowledge/patterns/document-typography.md +248 -0
- package/knowledge/patterns/email-design.md +338 -0
- package/knowledge/patterns/empty-states.md +263 -0
- package/knowledge/patterns/error-states.md +318 -0
- package/knowledge/patterns/form-design.md +237 -0
- package/knowledge/patterns/information-architecture.md +341 -0
- package/knowledge/patterns/landing-hero-design.md +283 -0
- package/knowledge/patterns/landing-page-patterns.md +681 -0
- package/knowledge/patterns/list-and-feed.md +371 -0
- package/knowledge/patterns/mobile-navigation.md +278 -0
- package/knowledge/patterns/money-and-amount.md +301 -0
- package/knowledge/patterns/onboarding.md +300 -0
- package/knowledge/patterns/pricing-page-design.md +261 -0
- package/knowledge/patterns/realtime-data.md +280 -0
- package/knowledge/patterns/report-design.md +330 -0
- package/knowledge/patterns/search-ux.md +373 -0
- package/knowledge/patterns/settings-page.md +325 -0
- package/knowledge/patterns/slide-deck-design.md +316 -0
- package/knowledge/patterns/styles-catalog.md +2599 -0
- package/knowledge/patterns/technical-writing.md +306 -0
- package/knowledge/patterns/ui-reasoning.md +1853 -0
- package/knowledge/patterns/ux-guidelines.md +1454 -0
- package/knowledge/platforms/react-native.md +395 -0
- package/knowledge/print/brochures-and-flyers.md +276 -0
- package/knowledge/print/korean-print-conventions.md +284 -0
- package/knowledge/print/packaging.md +321 -0
- package/knowledge/print/print-fundamentals.md +238 -0
- package/knowledge/print/signage-and-posters.md +235 -0
- package/knowledge/print/stationery.md +262 -0
- package/knowledge/spatial/ar-patterns.md +253 -0
- package/knowledge/spatial/comfort-and-accessibility.md +245 -0
- package/knowledge/spatial/spatial-design-fundamentals.md +346 -0
- package/knowledge/spatial/spatial-ui-elements.md +343 -0
- package/knowledge/spatial/vr-patterns.md +302 -0
- package/knowledge/typography/font-pairings.md +332 -0
- package/knowledge/typography/mui-type-scale.md +57 -0
- package/knowledge/typography/type-scale-fundamentals.md +105 -0
- package/knowledge/video/in-product-video.md +277 -0
- package/knowledge/video/korean-video-conventions.md +247 -0
- package/knowledge/video/marketing-video.md +258 -0
- package/knowledge/video/social-and-short-form.md +257 -0
- package/knowledge/video/video-fundamentals.md +296 -0
- package/package.json +106 -0
- package/skills/README.md +39 -0
- package/skills/color-palette/PLAYBOOK.md +175 -0
- package/skills/color-palette/SKILL.md +6 -0
- package/skills/color-palette/TEMPLATE.md +103 -0
- package/skills/component-spec-writer/PLAYBOOK.md +169 -0
- package/skills/component-spec-writer/SKILL.md +6 -0
- package/skills/component-spec-writer/TEMPLATE.md +115 -0
- package/skills/conversational-ui-designer/PLAYBOOK.md +231 -0
- package/skills/conversational-ui-designer/SKILL.md +6 -0
- package/skills/design-broadcast/PLAYBOOK.md +146 -0
- package/skills/design-broadcast/SKILL.md +6 -0
- package/skills/design-critique/PLAYBOOK.md +137 -0
- package/skills/design-critique/SKILL.md +6 -0
- package/skills/design-pr-review/PLAYBOOK.md +171 -0
- package/skills/design-pr-review/SKILL.md +6 -0
- package/skills/design-system-builder/PLAYBOOK.md +218 -0
- package/skills/design-system-builder/SKILL.md +6 -0
- package/skills/design-system-qa/PLAYBOOK.md +163 -0
- package/skills/design-system-qa/SKILL.md +6 -0
- package/skills/document-author/PLAYBOOK.md +167 -0
- package/skills/document-author/SKILL.md +6 -0
- package/skills/figma-token-sync/PLAYBOOK.md +149 -0
- package/skills/figma-token-sync/SKILL.md +6 -0
- package/skills/game-ui-designer/PLAYBOOK.md +209 -0
- package/skills/game-ui-designer/SKILL.md +6 -0
- package/skills/handoff-spec/PLAYBOOK.md +170 -0
- package/skills/handoff-spec/SKILL.md +6 -0
- package/skills/illustration-designer/PLAYBOOK.md +166 -0
- package/skills/illustration-designer/SKILL.md +6 -0
- package/skills/motion-designer/PLAYBOOK.md +223 -0
- package/skills/motion-designer/SKILL.md +6 -0
- package/skills/print-designer/PLAYBOOK.md +209 -0
- package/skills/print-designer/SKILL.md +6 -0
- package/skills/slide-deck-author/PLAYBOOK.md +198 -0
- package/skills/slide-deck-author/SKILL.md +6 -0
- package/skills/spatial-designer/PLAYBOOK.md +238 -0
- package/skills/spatial-designer/SKILL.md +6 -0
- package/skills/ux-audit/PLAYBOOK.md +142 -0
- package/skills/ux-audit/SKILL.md +6 -0
- package/skills/video-designer/PLAYBOOK.md +240 -0
- package/skills/video-designer/SKILL.md +6 -0
- package/skills/website-improvement/PLAYBOOK.md +118 -0
- package/skills/website-improvement/SKILL.md +6 -0
- package/skills/website-improvement/TEMPLATE.md +103 -0
- package/tools/audit/changelog-generate.py +176 -0
- package/tools/audit/check-coverage.py +483 -0
- package/tools/audit/doctor_assertions.py +256 -0
- package/tools/audit/example-qa.py +108 -0
- package/tools/audit/frontmatter-check.py +199 -0
- package/tools/audit/integration-check.py +95 -0
- package/tools/audit/korean-copy-check.py +161 -0
- package/tools/audit/link-check.py +146 -0
- package/tools/audit/local-ci.py +558 -0
- package/tools/audit/package-contents.py +723 -0
- package/tools/audit/package-smoke.py +22443 -0
- package/tools/audit/raw-hex-check.py +252 -0
- package/tools/audit/registry-smoke.py +8188 -0
- package/tools/audit/release-metadata.py +9832 -0
- package/tools/audit/run-all.py +351 -0
- package/tools/audit/smoke_assertions.py +12742 -0
- package/tools/audit/stability-review.py +332 -0
- package/tools/audit/stale-check.py +156 -0
- package/tools/migrations/add-version-frontmatter.py +132 -0
- package/tools/migrations/bump-last-updated.py +131 -0
- package/tools/migrations/promote-stability.py +172 -0
- package/tools/preview/README.md +58 -0
- package/tools/preview/render-tokens.py +454 -0
|
@@ -0,0 +1,238 @@
|
|
|
1
|
+
<!-- hand-written -->
|
|
2
|
+
---
|
|
3
|
+
title: Print fundamentals (CMYK, bleed, trim, DPI, paper)
|
|
4
|
+
applies_to: [print, physical, production, prepress]
|
|
5
|
+
version: 1.0.0
|
|
6
|
+
last_updated: 2026-05
|
|
7
|
+
stability: stable
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# Print fundamentals
|
|
11
|
+
|
|
12
|
+
Designing for print is not designing for screen. The math is different (CMYK not RGB), the resolution is different (300 DPI not 72/96 PPI), and you can't undo a print run.
|
|
13
|
+
|
|
14
|
+
This file is the foundation. Read before [`stationery.md`](stationery.md), [`brochures-and-flyers.md`](brochures-and-flyers.md), [`signage-and-posters.md`](signage-and-posters.md), [`packaging.md`](packaging.md), or [`korean-print-conventions.md`](korean-print-conventions.md).
|
|
15
|
+
|
|
16
|
+
## Color: CMYK vs RGB vs Spot
|
|
17
|
+
|
|
18
|
+
| | RGB | CMYK | Spot (Pantone) |
|
|
19
|
+
| --- | --- | --- | --- |
|
|
20
|
+
| What | Additive (light) | Subtractive (ink) | Pre-mixed ink |
|
|
21
|
+
| Where | Screens | Most printers | Premium print runs |
|
|
22
|
+
| Range | Wide gamut | Narrower (~70% of RGB) | Specific colors only |
|
|
23
|
+
| Use | Web, app | Brochures, business cards | Brand-critical color (logo) |
|
|
24
|
+
|
|
25
|
+
### What this means in practice
|
|
26
|
+
|
|
27
|
+
- **A bright RGB color** (e.g., `#00B4FF`) won't print as that color in CMYK. The press converts it to the nearest CMYK; result is duller, slightly shifted.
|
|
28
|
+
- **Test colors on press proofs** before final run. A digital preview lies.
|
|
29
|
+
- **Brand colors** in print should be specified as Pantone (PMS) numbers, not just CMYK percentages. PMS guarantees consistency across print runs.
|
|
30
|
+
- **Black**: pure CMYK black is C:0 M:0 Y:0 K:100. **Rich black** (C:60 M:40 Y:40 K:100) prints darker and is used for large black areas. Don't use rich black for small text — registration mistakes show as colored fringes.
|
|
31
|
+
|
|
32
|
+
### Designing in CMYK
|
|
33
|
+
|
|
34
|
+
Most workflows: design in InDesign / Illustrator / Affinity with CMYK color profile from the start. Don't design in RGB and convert at the end — colors will shift and the design must be re-checked.
|
|
35
|
+
|
|
36
|
+
For brand-critical pieces (business card, packaging): build the color palette in CMYK + Pantone references at the start of the project.
|
|
37
|
+
|
|
38
|
+
## Resolution: DPI vs PPI
|
|
39
|
+
|
|
40
|
+
- **PPI** (pixels per inch) — for digital images, screens.
|
|
41
|
+
- **DPI** (dots per inch) — for printed output.
|
|
42
|
+
|
|
43
|
+
Practical rule: **300 DPI at final print size** for photos. 600 DPI for line art / text-heavy.
|
|
44
|
+
|
|
45
|
+
If a photo is 1000×1000 pixels and the print size is 4×4 inches: 250 DPI — borderline acceptable. If print size is 8×8 inches: 125 DPI — visibly pixelated.
|
|
46
|
+
|
|
47
|
+
| Print size (inches) | Image size needed at 300 DPI |
|
|
48
|
+
| --- | --- |
|
|
49
|
+
| 2 × 3.5 (business card) | 600 × 1050 px |
|
|
50
|
+
| 4 × 6 (postcard) | 1200 × 1800 px |
|
|
51
|
+
| 8.5 × 11 (letter / A4-ish) | 2550 × 3300 px |
|
|
52
|
+
| 11 × 17 (tabloid / A3) | 3300 × 5100 px |
|
|
53
|
+
| 24 × 36 (poster) | 7200 × 10800 px |
|
|
54
|
+
|
|
55
|
+
For posters viewed from a distance: 150 DPI can be acceptable. For business cards held in the hand: 300+ DPI mandatory.
|
|
56
|
+
|
|
57
|
+
## Bleed, trim, safe area
|
|
58
|
+
|
|
59
|
+
Print pieces have three concentric zones:
|
|
60
|
+
|
|
61
|
+
```
|
|
62
|
+
┌────────────────────────────────────┐
|
|
63
|
+
│ Bleed (3-5mm beyond trim) │ ← color extends here
|
|
64
|
+
│ │
|
|
65
|
+
│ ┌──────────────────────────┐ │
|
|
66
|
+
│ │ Trim (the final size) │ │ ← cutter cuts here (with ±1mm margin)
|
|
67
|
+
│ │ │ │
|
|
68
|
+
│ │ ┌────────────────────┐ │ │
|
|
69
|
+
│ │ │ Safe area │ │ │ ← keep text + critical content here
|
|
70
|
+
│ │ │ (3-5mm inside) │ │ │
|
|
71
|
+
│ │ │ │ │ │
|
|
72
|
+
│ │ └────────────────────┘ │ │
|
|
73
|
+
│ └──────────────────────────┘ │
|
|
74
|
+
│ │
|
|
75
|
+
└────────────────────────────────────┘
|
|
76
|
+
```
|
|
77
|
+
|
|
78
|
+
| Zone | Purpose | Typical size |
|
|
79
|
+
| --- | --- | --- |
|
|
80
|
+
| **Bleed** | Color extends past trim so cut doesn't show white edge | 3mm (Korean standard), 0.125" / 3.175mm (US) |
|
|
81
|
+
| **Trim** | Final size of the piece | Per design |
|
|
82
|
+
| **Safe area** | Critical content (text, logo) that won't get cut | 3-5mm inside trim |
|
|
83
|
+
|
|
84
|
+
### Why this matters
|
|
85
|
+
|
|
86
|
+
Cutters have ±1mm tolerance. Without bleed, a slight cut shift = white sliver on the edge. Without safe area, text gets clipped.
|
|
87
|
+
|
|
88
|
+
Set up your file with bleed from the start in InDesign / Illustrator. Don't try to add bleed after.
|
|
89
|
+
|
|
90
|
+
### Common sizes (Korean / international)
|
|
91
|
+
|
|
92
|
+
| Name | Dimensions (mm) | Use |
|
|
93
|
+
| --- | --- | --- |
|
|
94
|
+
| **Korean 명함 (business card)** | 90 × 50 | Korean business card |
|
|
95
|
+
| **International business card** | 85 × 55 | Most Western markets |
|
|
96
|
+
| **A4** | 210 × 297 | Letters, brochures |
|
|
97
|
+
| **A5** | 148 × 210 | Half-letter, leaflets |
|
|
98
|
+
| **A6** | 105 × 148 | Postcards |
|
|
99
|
+
| **A3** | 297 × 420 | Posters (small) |
|
|
100
|
+
| **A2** | 420 × 594 | Posters (medium) |
|
|
101
|
+
| **A1** | 594 × 841 | Posters (large) |
|
|
102
|
+
| **A0** | 841 × 1189 | Posters (huge) |
|
|
103
|
+
| **DL** | 99 × 210 | Tri-fold envelopes / flyers |
|
|
104
|
+
|
|
105
|
+
Korean default for most marketing pieces: A4 / A5 / 명함. International default: Letter (216 × 279mm) is rare in Korea.
|
|
106
|
+
|
|
107
|
+
## Paper: weight, finish, type
|
|
108
|
+
|
|
109
|
+
### Weight (gsm — grams per square meter)
|
|
110
|
+
|
|
111
|
+
| gsm | Feel | Use |
|
|
112
|
+
| --- | --- | --- |
|
|
113
|
+
| 70-90 | Thin, see-through | Inside book pages, drafts |
|
|
114
|
+
| 100-120 | Standard letterhead | Stationery |
|
|
115
|
+
| 150-180 | Light card | Postcards, leaflets |
|
|
116
|
+
| 200-250 | Sturdy card | Quality flyers |
|
|
117
|
+
| 300+ | Heavy card | Business cards, premium print |
|
|
118
|
+
| 350-400 | Very heavy | Premium business cards, packaging |
|
|
119
|
+
|
|
120
|
+
Korean business cards typically: **250-300gsm**. Premium: **350gsm** with finish.
|
|
121
|
+
|
|
122
|
+
### Finish
|
|
123
|
+
|
|
124
|
+
| Finish | Look | Feel | Use |
|
|
125
|
+
| --- | --- | --- | --- |
|
|
126
|
+
| Matte / 무광 | No reflection | Soft, premium | Most B2B materials |
|
|
127
|
+
| Glossy / 유광 | High reflection | Slick | Brochures with photos |
|
|
128
|
+
| Satin / Silk | Mid | Smooth | Magazines |
|
|
129
|
+
| Uncoated | None | Natural texture | Letterhead, environmental brands |
|
|
130
|
+
| Soft-touch | Velvety | Premium | High-end business cards |
|
|
131
|
+
| Linen | Textured | Tactile | Wedding stationery, formal |
|
|
132
|
+
|
|
133
|
+
Different finishes change perceived brand:
|
|
134
|
+
- Matte = professional, calm, premium-modern.
|
|
135
|
+
- Glossy = energetic, inexpensive (mass-market), or premium-photo-led.
|
|
136
|
+
- Uncoated = environmental, artisanal, raw.
|
|
137
|
+
- Soft-touch = luxury, modern.
|
|
138
|
+
|
|
139
|
+
### Special finishes (premium)
|
|
140
|
+
|
|
141
|
+
- **Spot UV** — glossy varnish on specific areas (logo). Adds tactile contrast on matte stock.
|
|
142
|
+
- **Foil stamp / 박** — metallic gold / silver / copper / holographic. Premium signal.
|
|
143
|
+
- **Emboss / 양각** — raised areas (logo). Tactile, classic.
|
|
144
|
+
- **Deboss / 음각** — recessed areas. Subtle, modern.
|
|
145
|
+
- **Letterpress** — antique-feel impression. Wedding / luxury stationery.
|
|
146
|
+
- **Die-cut / 도무송** — custom shapes (rounded corners, unique silhouettes).
|
|
147
|
+
|
|
148
|
+
Each of these adds significant cost (often 2-5× standard print).
|
|
149
|
+
|
|
150
|
+
## File preparation checklist
|
|
151
|
+
|
|
152
|
+
Before sending to print:
|
|
153
|
+
|
|
154
|
+
- [ ] Color mode: CMYK (not RGB)
|
|
155
|
+
- [ ] Resolution: 300 DPI at final size for photos / raster
|
|
156
|
+
- [ ] Vector elements stay vector (logos, type)
|
|
157
|
+
- [ ] Bleed: 3mm minimum on all sides
|
|
158
|
+
- [ ] Safe area: 3-5mm inside trim for text
|
|
159
|
+
- [ ] Fonts: outlined OR licensed for embedding
|
|
160
|
+
- [ ] Ink coverage: total ≤ 300% (some printers say 280%) — sum of CMYK percentages
|
|
161
|
+
- [ ] Black: pure 100% K for small text; rich black (60/40/40/100) only for large fills
|
|
162
|
+
- [ ] Spot colors: defined as Pantone, not converted to CMYK silently
|
|
163
|
+
- [ ] Final size is correct (Korean 명함 vs international card differ)
|
|
164
|
+
- [ ] Crop marks + bleed marks included in PDF export
|
|
165
|
+
- [ ] PDF version: PDF/X-1a or PDF/X-4 (printer's spec)
|
|
166
|
+
- [ ] File embedded all images (no linked external paths)
|
|
167
|
+
- [ ] Spell-check Korean + English (printers don't proofread)
|
|
168
|
+
- [ ] Final proof signed off by client (don't print without)
|
|
169
|
+
|
|
170
|
+
## File formats
|
|
171
|
+
|
|
172
|
+
| Format | Use |
|
|
173
|
+
| --- | --- |
|
|
174
|
+
| **PDF/X-1a** | Most reliable for print; flat CMYK |
|
|
175
|
+
| **PDF/X-4** | Newer; supports transparency |
|
|
176
|
+
| **AI** | Adobe Illustrator native (vector source) |
|
|
177
|
+
| **INDD** | InDesign (multi-page documents) |
|
|
178
|
+
| **TIFF** | High-quality raster |
|
|
179
|
+
| **EPS** | Older vector format; still accepted |
|
|
180
|
+
|
|
181
|
+
Default for delivery: **PDF/X-1a** with bleed + crop marks. Provide source files (AI / INDD) if requested.
|
|
182
|
+
|
|
183
|
+
## Color management — ICC profiles
|
|
184
|
+
|
|
185
|
+
Different printers have different presses with different color characteristics. Match output to the printer's ICC profile:
|
|
186
|
+
|
|
187
|
+
- **Korean coated paper press**: typically `Japan Color 2001 Coated` or printer-specific profile.
|
|
188
|
+
- **US sheet-fed**: `U.S. Web Coated (SWOP) v2`.
|
|
189
|
+
- **EU print**: `ISO Coated v2 (ECI)`.
|
|
190
|
+
|
|
191
|
+
Ask the printer for their preferred profile. Embed it in the PDF export. Without ICC matching, colors shift.
|
|
192
|
+
|
|
193
|
+
## Cost drivers
|
|
194
|
+
|
|
195
|
+
Things that increase cost:
|
|
196
|
+
- **Quantity** (lower per-unit at high volume; minimum cost at low volume)
|
|
197
|
+
- **Color count** (1-color < 4-color CMYK < CMYK + spot)
|
|
198
|
+
- **Paper weight + finish** (heavier / specialty stock = more)
|
|
199
|
+
- **Special finishes** (foil, spot UV, emboss, die-cut)
|
|
200
|
+
- **Double-sided** (~1.4× single-sided, not 2×)
|
|
201
|
+
- **Variable data** (each piece personalized — premium digital print)
|
|
202
|
+
- **Rush turnaround** (3-day vs 7-day vs 14-day)
|
|
203
|
+
|
|
204
|
+
For pricing: get quotes from 2-3 Korean printers (충무로, 을지로 area, online platforms like Snaps, Vistaprint Korea).
|
|
205
|
+
|
|
206
|
+
## Korean print market
|
|
207
|
+
|
|
208
|
+
- **Major print districts**: 충무로 (specialty / quality), 을지로 (variety / volume), 인천 (large-scale runs).
|
|
209
|
+
- **Online services**: Snaps, Bizhows, 컴인쇄, Vistaprint Korea — convenient, mid-quality.
|
|
210
|
+
- **Premium**: Designhouse, traditional print shops with letterpress / foil expertise.
|
|
211
|
+
- **Standard turnaround**: 3-7 days for standard orders; rush 1-2 days at premium.
|
|
212
|
+
- **Minimum orders**: business cards typically 100-200 minimum; flyers / brochures 500-1000 minimum at most printers.
|
|
213
|
+
|
|
214
|
+
For mass / cheap: online platforms.
|
|
215
|
+
For brand-critical (business cards, premium brochures): traditional printer with sample proof.
|
|
216
|
+
|
|
217
|
+
See [`korean-print-conventions.md`](korean-print-conventions.md) for Korean-specific format and content rules.
|
|
218
|
+
|
|
219
|
+
## Don't
|
|
220
|
+
|
|
221
|
+
- Don't design in RGB and convert at the end — colors shift unpredictably. Start in CMYK.
|
|
222
|
+
- Don't ignore bleed — the 1mm cut tolerance will leave white slivers.
|
|
223
|
+
- Don't use 72 DPI photos for print — they pixelate even at small sizes.
|
|
224
|
+
- Don't trust digital preview for color accuracy — get a press proof for brand-critical work.
|
|
225
|
+
- Don't use rich black for small text — registration shifts cause colored fringes.
|
|
226
|
+
- Don't ship a file with linked images instead of embedded — printer might miss them.
|
|
227
|
+
- Don't change the design after the press starts. Re-runs are full price.
|
|
228
|
+
|
|
229
|
+
## Cross-reference
|
|
230
|
+
|
|
231
|
+
- [`knowledge/print/stationery.md`](stationery.md) — business cards, letterhead, envelopes
|
|
232
|
+
- [`knowledge/print/brochures-and-flyers.md`](brochures-and-flyers.md) — multi-page + folded pieces
|
|
233
|
+
- [`knowledge/print/signage-and-posters.md`](signage-and-posters.md) — large format
|
|
234
|
+
- [`knowledge/print/packaging.md`](packaging.md) — boxes, labels, dielines
|
|
235
|
+
- [`knowledge/print/korean-print-conventions.md`](korean-print-conventions.md) — KR-specific
|
|
236
|
+
- [`knowledge/typography/type-scale-fundamentals.md`](../typography/type-scale-fundamentals.md) — typography fundamentals
|
|
237
|
+
- [`knowledge/colors/color-theory.md`](../colors/color-theory.md) — color theory
|
|
238
|
+
- [`knowledge/patterns/brand-identity.md`](../patterns/brand-identity.md) — brand foundation
|
|
@@ -0,0 +1,235 @@
|
|
|
1
|
+
<!-- hand-written -->
|
|
2
|
+
---
|
|
3
|
+
title: Signage and posters (large-format print)
|
|
4
|
+
applies_to: [print, signage, poster, large-format]
|
|
5
|
+
version: 1.0.0
|
|
6
|
+
last_updated: 2026-05
|
|
7
|
+
stability: stable
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# Signage and posters
|
|
11
|
+
|
|
12
|
+
Large-format print: posters, banners, billboards, in-store signage, trade-show booths. Read [`print-fundamentals.md`](print-fundamentals.md) first.
|
|
13
|
+
|
|
14
|
+
The two key differences from small-format print:
|
|
15
|
+
|
|
16
|
+
1. **Reading distance** — posters are read from 1-3m, billboards from 10-50m+. Type sizing is dramatically different.
|
|
17
|
+
2. **Resolution requirements** — drop to 100-150 DPI at full size for most large prints (your eye averages at distance).
|
|
18
|
+
|
|
19
|
+
## Sizes
|
|
20
|
+
|
|
21
|
+
### Posters
|
|
22
|
+
|
|
23
|
+
| Korean / international | Size (mm) | Use |
|
|
24
|
+
| --- | --- | --- |
|
|
25
|
+
| **A4** | 210 × 297 | In-house / café notice |
|
|
26
|
+
| **A3** | 297 × 420 | Café / store window |
|
|
27
|
+
| **B3** | 364 × 515 | Subway poster |
|
|
28
|
+
| **A2** | 420 × 594 | Movie / event poster |
|
|
29
|
+
| **A1** | 594 × 841 | Conference / large event |
|
|
30
|
+
| **A0** | 841 × 1189 | Trade show / hero poster |
|
|
31
|
+
| **B2** | 515 × 728 | Bus stop, subway |
|
|
32
|
+
| **B1** | 728 × 1030 | Subway platform |
|
|
33
|
+
| **Subway 12-sheet** | 3050 × 1525 | Subway corridor |
|
|
34
|
+
|
|
35
|
+
### Banners (vinyl / fabric)
|
|
36
|
+
|
|
37
|
+
| Use | Size |
|
|
38
|
+
| --- | --- |
|
|
39
|
+
| Roll-up banner (현수막) | 850 × 2000mm typical |
|
|
40
|
+
| Pull-up retractable | 800 × 2000mm |
|
|
41
|
+
| Outdoor vinyl banner | 1m × 3m up to 5m × 20m |
|
|
42
|
+
| Trade show backdrop | 3m × 2.5m typical |
|
|
43
|
+
| Window vinyl | Custom to window |
|
|
44
|
+
|
|
45
|
+
### Billboards / 옥외광고
|
|
46
|
+
|
|
47
|
+
Korean OOH (out-of-home) regulations specify approved sizes per location. Check with the OOH vendor for spec sheets.
|
|
48
|
+
|
|
49
|
+
## Reading distance and type size
|
|
50
|
+
|
|
51
|
+
The "viewing distance × 1cm = letter height" rule:
|
|
52
|
+
|
|
53
|
+
| Distance | Min letter height |
|
|
54
|
+
| --- | --- |
|
|
55
|
+
| 1m (close-up poster) | 1cm = ~28pt |
|
|
56
|
+
| 3m (standard poster from across room) | 3cm = ~85pt |
|
|
57
|
+
| 10m (across street poster, large signage) | 10cm = ~283pt |
|
|
58
|
+
| 30m (billboard from car) | 30cm = ~850pt |
|
|
59
|
+
| 50m+ (highway billboard) | 50cm+ |
|
|
60
|
+
|
|
61
|
+
Real-world: large posters in subway stations need **80pt+ for headlines, 24pt+ for body**.
|
|
62
|
+
|
|
63
|
+
Korean 한글 reads slightly larger than Latin at same point size due to character density. You can usually go 1-2pt smaller for Korean than Latin and stay legible.
|
|
64
|
+
|
|
65
|
+
## Composition rules
|
|
66
|
+
|
|
67
|
+
### One message
|
|
68
|
+
|
|
69
|
+
A poster is read in 1-2 seconds. **One headline. One image. Optional one detail (date/place/QR).**
|
|
70
|
+
|
|
71
|
+
```
|
|
72
|
+
┌─────────────────────┐
|
|
73
|
+
│ │
|
|
74
|
+
│ [HEADLINE] │ ← read in 1 second
|
|
75
|
+
│ │
|
|
76
|
+
│ [Image] │ ← supports headline
|
|
77
|
+
│ │
|
|
78
|
+
│ Date | Place │ ← detail layer
|
|
79
|
+
│ │
|
|
80
|
+
│ [QR] [Logo] │ ← signature
|
|
81
|
+
└─────────────────────┘
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
Don't pack a poster with paragraphs. People walk past.
|
|
85
|
+
|
|
86
|
+
### Hierarchy
|
|
87
|
+
|
|
88
|
+
| Layer | Size | Content |
|
|
89
|
+
| --- | --- | --- |
|
|
90
|
+
| Hero | 60-80% of poster height | Image OR headline |
|
|
91
|
+
| Headline | 10-20% | What this is |
|
|
92
|
+
| Detail | 5-10% | When / where |
|
|
93
|
+
| Signature | 3-5% | Logo, QR, attribution |
|
|
94
|
+
|
|
95
|
+
### Visual weight
|
|
96
|
+
|
|
97
|
+
Posters work because of strong figure-ground contrast:
|
|
98
|
+
- Big shape on contrasting background.
|
|
99
|
+
- Bold type cutting through.
|
|
100
|
+
- Clear focal point — the eye lands somewhere specific.
|
|
101
|
+
|
|
102
|
+
Avoid:
|
|
103
|
+
- Even visual weight across the whole poster (no focal point).
|
|
104
|
+
- 5+ images of equal size.
|
|
105
|
+
- Tiny type covering 50% of the canvas.
|
|
106
|
+
|
|
107
|
+
## Resolution rules for large format
|
|
108
|
+
|
|
109
|
+
The "your eye averages at distance" effect means lower DPI is acceptable as size scales up:
|
|
110
|
+
|
|
111
|
+
| Print size | Reading distance | Recommended DPI at print size |
|
|
112
|
+
| --- | --- | --- |
|
|
113
|
+
| A4 poster (close hand) | 30cm | 300 DPI |
|
|
114
|
+
| A3 poster (close wall) | 1m | 200 DPI |
|
|
115
|
+
| A2 poster (room wall) | 1-2m | 150 DPI |
|
|
116
|
+
| A1 / A0 poster | 2-3m | 100-150 DPI |
|
|
117
|
+
| Subway poster | 1-3m | 100-150 DPI |
|
|
118
|
+
| Billboard | 10m+ | 30-72 DPI |
|
|
119
|
+
| Highway billboard | 30m+ | 15-30 DPI |
|
|
120
|
+
|
|
121
|
+
**Don't waste resolution**. A 300 DPI billboard at 30m is invisible to the viewer and costs 100× more in file size and processing.
|
|
122
|
+
|
|
123
|
+
## Color and contrast for outdoor / large-format
|
|
124
|
+
|
|
125
|
+
Outdoor environments + distance reduce perceived contrast:
|
|
126
|
+
|
|
127
|
+
- **Higher contrast than digital screen** — black on yellow, white on red, etc.
|
|
128
|
+
- **Avoid subtle gradients** at large size — banding becomes visible.
|
|
129
|
+
- **Brand colors** may need adjustment — the bright red of a logo may print muddy at billboard scale; ask the printer for a press proof.
|
|
130
|
+
- **UV stability** — outdoor prints fade. Specify UV-resistant ink + lamination for any print exposed to sun.
|
|
131
|
+
|
|
132
|
+
Korean subway / outdoor regulations sometimes restrict color for safety (e.g., no flashing red near traffic). Check OOH vendor's compliance sheet.
|
|
133
|
+
|
|
134
|
+
## Materials
|
|
135
|
+
|
|
136
|
+
### Paper posters
|
|
137
|
+
|
|
138
|
+
- **Standard offset poster**: 150-200gsm coated paper.
|
|
139
|
+
- **Premium poster**: 300gsm matte cover stock (photo prints, sold posters).
|
|
140
|
+
- **Window cling**: PVC vinyl, removable.
|
|
141
|
+
|
|
142
|
+
### Banners
|
|
143
|
+
|
|
144
|
+
- **Vinyl banner**: weatherproof, durable, 13oz / 18oz weights.
|
|
145
|
+
- **Mesh banner**: wind-permeable; for windy outdoor use.
|
|
146
|
+
- **Fabric banner**: premium look; trade show backdrops.
|
|
147
|
+
|
|
148
|
+
### Signage
|
|
149
|
+
|
|
150
|
+
- **Foamboard / KT 보드**: lightweight, indoor.
|
|
151
|
+
- **Acrylic / 아크릴**: premium, indoor.
|
|
152
|
+
- **Aluminum / 알루미늄 컴퍼지트**: durable, outdoor.
|
|
153
|
+
- **Vinyl on coroplast**: cheap, election-sign quality.
|
|
154
|
+
|
|
155
|
+
Material affects perceived brand. A laser-print poster on copy paper signals "temporary / cheap." A fabric trade-show backdrop with grommets signals "premium / professional."
|
|
156
|
+
|
|
157
|
+
## Subway / outdoor print requirements (Korean)
|
|
158
|
+
|
|
159
|
+
Korean subway poster specs (most common):
|
|
160
|
+
- **Size**: B3 (364 × 515mm) or B2 (515 × 728mm)
|
|
161
|
+
- **Bleed**: 5mm all sides
|
|
162
|
+
- **Resolution**: 200-300 DPI
|
|
163
|
+
- **File**: PDF/X-1a CMYK
|
|
164
|
+
- **Submit deadline**: 7-14 days before posting
|
|
165
|
+
|
|
166
|
+
Each subway operator (Seoul Metro, KORAIL, Busan Metro) has their own spec sheet. Ask for the latest.
|
|
167
|
+
|
|
168
|
+
Korean billboard / OOH:
|
|
169
|
+
- Specs vary by vendor and location.
|
|
170
|
+
- Many have safety-content review (no offensive content, certain industries restricted).
|
|
171
|
+
- Lead time: 2-4 weeks for production + posting.
|
|
172
|
+
|
|
173
|
+
## Trade show booths
|
|
174
|
+
|
|
175
|
+
For 3m × 2.5m backdrops:
|
|
176
|
+
- Headline at human-eye-level (1.5-1.7m from floor).
|
|
177
|
+
- Logo at top OR centered above headline.
|
|
178
|
+
- Don't put critical content below 0.5m or above 2.2m (people block view; eye height varies).
|
|
179
|
+
- Tile-friendly design (some booths have visible tile seams every 1m).
|
|
180
|
+
|
|
181
|
+
## Posters for subways: special considerations
|
|
182
|
+
|
|
183
|
+
Korean subway riders look at posters at **1-2m for 5-30 seconds** (waiting for train). This is more reading time than a billboard.
|
|
184
|
+
|
|
185
|
+
You can include:
|
|
186
|
+
- A clear headline.
|
|
187
|
+
- One supporting fact OR image.
|
|
188
|
+
- A QR code (people scan with phone while waiting).
|
|
189
|
+
- Brand signature.
|
|
190
|
+
|
|
191
|
+
Don't include:
|
|
192
|
+
- Long body copy paragraphs.
|
|
193
|
+
- More than one CTA.
|
|
194
|
+
- Tiny type at the bottom (lost on most viewers).
|
|
195
|
+
|
|
196
|
+
## Production checklist (large format)
|
|
197
|
+
|
|
198
|
+
- [ ] Color mode: CMYK
|
|
199
|
+
- [ ] Resolution at print size: per category above
|
|
200
|
+
- [ ] Bleed: 5mm minimum (more for very large pieces)
|
|
201
|
+
- [ ] Safe area: 10mm+ inside trim for text
|
|
202
|
+
- [ ] Material specified (paper / vinyl / fabric)
|
|
203
|
+
- [ ] Finish specified (matte / glossy / lamination / UV-coated)
|
|
204
|
+
- [ ] File format: PDF/X-1a or PDF/X-4
|
|
205
|
+
- [ ] Fonts outlined or embedded
|
|
206
|
+
- [ ] Sample test print at 1:1 corner section if going to billboard scale (catch resolution / color issues)
|
|
207
|
+
- [ ] OOH compliance check (if outdoor / public space)
|
|
208
|
+
- [ ] Lead time confirmed with vendor
|
|
209
|
+
|
|
210
|
+
## Common large-format mistakes
|
|
211
|
+
|
|
212
|
+
- **Tiny type** — minimum legible size at distance is bigger than designers expect.
|
|
213
|
+
- **Wasted resolution** — 300 DPI on a billboard is overkill.
|
|
214
|
+
- **Center-aligned everything** — gets lost. Pick anchor positions.
|
|
215
|
+
- **Photography upscaled too far** — pixelation visible at large size.
|
|
216
|
+
- **Brand color shifts** — RGB-bright color → CMYK-muddy. Test on press.
|
|
217
|
+
- **Forgot bleed** — subway posters cropped, white edges.
|
|
218
|
+
- **Logo in corner so small nobody reads it** — if branded, brand it.
|
|
219
|
+
|
|
220
|
+
## Don't
|
|
221
|
+
|
|
222
|
+
- Don't design a poster like a brochure. Brochures have time. Posters have seconds.
|
|
223
|
+
- Don't put paragraphs of body copy on a poster nobody will stop to read.
|
|
224
|
+
- Don't ship 300 DPI files for a 4m × 6m billboard. Wasteful, slow.
|
|
225
|
+
- Don't ignore reading distance when sizing type. Test by stepping back.
|
|
226
|
+
- Don't choose vinyl banner material for a long-term sign. UV degradation.
|
|
227
|
+
- Don't skip sample proof for billboards. Color shift at scale is real.
|
|
228
|
+
|
|
229
|
+
## Cross-reference
|
|
230
|
+
|
|
231
|
+
- [`knowledge/print/print-fundamentals.md`](print-fundamentals.md) — CMYK, bleed, DPI
|
|
232
|
+
- [`knowledge/print/brochures-and-flyers.md`](brochures-and-flyers.md) — small format
|
|
233
|
+
- [`knowledge/print/korean-print-conventions.md`](korean-print-conventions.md) — KR specifics
|
|
234
|
+
- [`knowledge/typography/type-scale-fundamentals.md`](../typography/type-scale-fundamentals.md) — type sizing
|
|
235
|
+
- [`knowledge/illustration/hero-illustrations.md`](../illustration/hero-illustrations.md) — hero illustration use
|