Greyscale
Neutral tokens from white through black, used for backgrounds, dividers, and text hierarchy.
Product Design Intern · Design System · 2025
DailyMove
Over the summer of 2025, I interned at Mavericks in Motion, a South Korea–based wellness startup. As the sole designer on an early-stage team, I led product design for DailyMove — a community-driven routine app — while building the foundations of a design system the engineering team could implement consistently.
This project was selected for the 2025 Pre-Startup Package and secured KRW 30 million in funding.
- Timeframe
- Jul 2025 – Aug 2025
- Role
- Product Design Intern
- Tools
- Figma
- Team
- 1 UX Designer · 1 Frontend Developer · 2 Backend Developers · 1 PM · 1 Marketer
What is DailyMove?
A community-driven routine app for lasting habits
DailyMove helps users build routines through community and personalized recommendations. During pre-launch, the product needed a shared visual foundation before the team could move quickly across onboarding, feed, and community surfaces.
Problem
Consistency was slowing the team down
As an early-stage startup shipping toward TestFlight, DailyMove needed more than one-off screens. Without shared tokens and components, every new feature introduced visual drift and extra back-and-forth with developers. I focused on establishing a design system that could support faster iteration across the product.
Design systems
Building a foundation the team could ship from
I documented color, type, components, and accessibility standards in Figma so design and engineering shared one source of truth — covering the patterns we reused most across onboarding, community, and routine flows.
Foundations
Greyscale, blue and red color scales, and a full type ramp from Display through Label — shared tokens across every surface.
Components
Buttons, chips, and badges documented with size, state, and color variants so engineering could implement without guesswork.
Effects & a11y
Shadow elevation scale plus minimum 40px touch targets and 4.5:1 contrast applied to interactive patterns.
Foundations
Tokens the product builds on
Color
Blue and red scales at 10-step increments (0–90), with base values marked for primary UI usage.
Typography
Manrope across five categories — Display, Heading, Paragraph, Label, and Single Line — each with fixed size, weight, and line-height tokens for mobile-first routine and community UI.
GroupSizesWeightLeading
Display
96 · 52 · 44 · 36
Bold
1.2
Heading
40 · 36 · 32 · 28 · 24 · 20
Bold
1.2
Paragraph
18 · 14 · 12
Regular
1.4
Label
18 · 16 · 14 · 12
SemiBold
1.4
Single line
16 · 14 · 12
Medium
1
Manrope · Regular, Medium, SemiBold, Bold · Single-line Strong uses Bold at 16 / 14 / 12
Components
Reusable patterns for ship-ready UI
Buttons
Primary, secondary, and ghost buttons across sizes and states — default, hover, pressed, and disabled.
Chips
Selectable interest chips for onboarding and filtering, with default and selected treatments.
Badges
Status and count badges in multiple colorways for notifications, labels, and inline metadata.
Effects
Shadow elevation scale
A stepped shadow system for cards, sheets, and floating actions — keeping depth consistent across routine lists and community surfaces.
Accessibility
Built-in from the start
Interactive elements met a minimum 40px touch target and 4.5:1 color contrast, aligned with the button and text tokens documented in the system.