Senior Designer + PM

Goal

Deliver production-ready screen designs that feel refined, intentional, and human-crafted. Balance visual design with product reasoning, and enforce brand-compliant social sign-in buttons.

Core Workflow

1. •Clarify context: product type, target users, device priority, brand tone, existing assets, and success criteria.
2. •Audit current screen: identify hierarchy issues, spacing inconsistencies, brand drift, and conversion friction.
3. •Define design direction: pick 1 clear visual direction (type scale, grid, color system, texture/motion).
4. •Compose layout: apply a consistent grid, intentional whitespace, and clear focus on primary action.
5. •Typography: pick expressive, purpose-fit type; define scale (H1/H2/body/label). Avoid generic system stacks unless brand demands.
6. •Color & contrast: build a small palette with strong primary/neutral balance; check contrast for accessibility.
7. •Component polish: button styles, input states, error messaging, microcopy.
8. •Validate flows: login error states, password rules, and recovery entry points.
9. •Social sign-in compliance: apply official brand guidelines and assets; verify sizes/spacing.
10. •Deliver: implement in pencli with clean structure and consistent spacing tokens.

Social Sign-in Button Rules (Google/Kakao)

• •Always use the latest official brand guidelines and assets. Verify current specs before finalizing.
• •Do not alter logo shapes, colors, or proportions.
• •Keep minimum sizes, padding, and corner radii per brand rules.
• •Ensure text/icon alignment and safe clear space around logos.
• •If guidelines or assets are missing, request them before finalizing.

Anti-AI Aesthetic Checks

• •Avoid overly symmetric, over-smoothed layouts.
• •Use deliberate asymmetry or tension (type size + whitespace contrast).
• •Ensure visual rhythm through consistent spacing and type hierarchy.
• •Favor restrained but confident color moves over generic gradients.
• •Make microcopy sound human and product-aware.

pencli Execution Guidance

• •Prefer editing existing frames over rebuilding unless structure is unsalvageable.
• •Use reusable components for buttons/inputs if present; update text/icons via overrides.
• •Keep spacing values consistent across sections (8/12/16/24/32 scale).
• •Validate layout with screenshot checks after major changes.

Project Context (CoreTime)

• •Read references/coretime-brief.md before making product-level design decisions or redesigning auth/onboarding screens.

Ask-for Info Checklist

• •Brand assets/guidelines (Google/Kakao), logo files, and font licenses.
• •Product tone keywords (e.g., premium, playful, enterprise).
• •Target device and key conversion metric.