Design System Inspiration of 원스토어

1. Visual Theme & Atmosphere

원스토어 is a Korean mobile-content marketplace spanning games, apps, and story content. It was launched in 2016 by combining the three mobile-carrier app markets with Naver App Store, after the T Store business moved from SK Planet to One store Co., Ltd. Its official company narrative calls for a platform that is closer, more open, and more fun, and its current public messaging centres on “쏠쏠하게 앱하다” and enjoyable game life. The supplied capture shows a deliberately split public ecosystem rather than one universal UI: the consumer storefront is a mostly white, black-text surface with a sparse dark-purple background occurrence, while the separately captured developer portal uses conventional square system controls. The official corporate brand gallery, free mobile-font program, developer-support material, and storefront are related but distinct domains; this reference keeps their evidence boundaries intact. Company history · Customer commitment

2. Color Palette & Roles

Selector-backed surface values

• Brand-surface candidate (#2A1F60): observed twice as a background on the captured storefront home route. It is retained as a narrow surface observation and catalog identity color, not as a universal action color.
• Canvas (#FFFFFF): observed across all five captured surfaces.
• Foreground (#000000): the dominant observed text and border value across all five captured surfaces.
• Storefront secondary text (#454545): repeated on home-route list items.
• Developer control surface (#EFEFEF) and developer input border (#767676): observed only on dev.onestore.net; they do not define the consumer marketplace palette.

No semantic success, error, selected, hover, pressed, or CTA color is specified. #0000EE appears on the developer portal, but the supplied evidence does not establish it as a One Store brand value, so it is not promoted.

3. Typography Rules

Evidence classes

• Live computed storefront use: the main storefront’s visible samples resolve to helvetica, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", Arial, sans-serif. The collector classifies this as a high-confidence operating-system stack; no loaded FontFace/source supports a One Store-owned UI family. The measured 15px / 400 / 21.9px body metrics remain useful, but the stack is not emitted as a brand font token.
• Live computed developer-product use: the developer portal samples use system Arial at 13.3333px / 400. The portal’s geistSans, geistMono, and notoSansKr faces are declared-only in the supplied evidence; none had visible usage and none is promoted.
• Official distributed brand assets: One Store publicly distributes Mobile Gothic Body, Mobile Gothic Title, and Mobile Gothic POP. The company describes the Body face as mobile-optimised and modern/comfortable, the Title face as stable and firm, and POP as a lively handwritten face. These are useful font assets, not evidence that the captured storefront loads them. Official font page
• Official licence/use boundary: the company’s launch announcement says the three fonts are free and commercially usable. That establishes distribution/use terms, not consumer-storefront deployment. Font announcement
• Unresolved: Times appears in sparse developer-portal samples without a matching loaded FontFace or official product-use evidence; it is omitted.

Measured hierarchy

4. Component Stylings

Developer portal controls

General button — observed default

• Background: #EFEFEF
• Text: #000000
• Border: 2px solid #000000
• Radius: 0px
• Padding: 0px 20px
• Height: 50px
• Font: 13.3333px / 400 / Arial
• Use: GeneralButton-module__box___leAwc.large at surface-5::[data-omd-capture="10"]; default only.

Login input — observed default

• Background: #FFFFFF
• Text: #000000
• Border: 2px solid #767676
• Radius: 0px
• Padding: 1px 2px
• Height: 21px
• Font: 13.3333px / 400 / Arial
• Use: LoginField-module__loginField___7ReTE at surface-5::[data-omd-capture="12"]; default only.

The evidence records no interaction snapshots or observed states. The two default controls above remain available because their selector, surface, and computed geometry are present; hover, focus, pressed, disabled, and error values are absent. Storefront links and rows are documented only as list items in the raw evidence and are not relabelled as buttons.

---

Verified: 2026-07-13 Tier 1 sources: https://m.onestore.co.kr/; https://m.onestore.co.kr/v2/ko-kr/game; https://m.onestore.co.kr/v2/ko-kr/about/oneplay; https://m.onestore.co.kr/v2/ko-kr/app/0000117501/about; https://dev.onestore.net/dev; https://www.onestorecorp.com/about/corp/; https://onestorecorp.com/sv/ccm/; https://www.onestorecorp.com/sv/fordev_font/ Tier 2 sources: https://getdesign.md/onestore (attempted; endpoint returned an internal error/no usable record); https://styles.refero.design/?q=onestore (attempted; endpoint returned an internal error/no usable record) Conflicts unresolved: none

5. Layout Principles

The supplied bundle covers five 1440×900 routes but does not establish a single cross-domain layout system. On the developer portal, the observed button is 180×50px and the input is 153×21px; these are individual control measurements, not a consumer-marketplace grid. The storefront’s only retained measurement is its system-stack body text and sparse list-item geometry. No product-card grid, breakpoint, sticky header, or responsive rule is claimed.

6. Depth & Elevation

The retained button and input samples have box-shadow: none. No elevated card, panel, menu, toast, dialog, or overlay value was backed by the supplied selector/state evidence, so no elevation token is included.

7. Do's and Don'ts

Do

• Keep consumer storefront, developer portal, corporate brand assets, and font distribution as separately evidenced domains.
• Reuse the recorded developer button or input only at their documented default geometry and source surface.
• Treat One Store Mobile Gothic as an official distributable brand asset, not a verified storefront webfont.
• Preserve the measured storefront body metrics without silently substituting a claimed brand typeface.

Don't

• Do not turn the narrow #2A1F60 background observation into a universal CTA or product palette.
• Do not use geistSans, geistMono, notoSansKr, Times, Arial, Helvetica, or a system fallback as though it were an observed One Store brand UI font.
• Do not reclassify observed links/rows as buttons or infer components from generic marketplace conventions.
• Do not add hover, focus, pressed, disabled, error, selected, responsive, or motion values from this capture.

8. Responsive Behavior

All supplied surfaces were captured at 1440×900. No mobile viewport, breakpoint, touch-target rule, responsive grid, or alternate navigation state is evidenced. The mobile hostname in the storefront URL is not itself evidence for a responsive implementation rule.

9. Agent Prompt Guide

“Treat One Store as a Korean mobile-content marketplace with separate storefront, developer, corporate-brand, and font-asset evidence. For the documented developer portal default, use a square #EFEFEF button with a 2px black border, 0px 20px padding, 50px height, and system Arial metrics; pair it only with the measured square white login input. Preserve the storefront’s white/black baseline and narrow #2A1F60 background observation. Do not synthesize a consumer CTA, card, brand webfont, interaction state, responsive pattern, or elevation system.”

10. Voice & Tone

The official corporate voice is open, benefit-aware, and playfully mobile-native. Its public language frames the service around more enjoyable game life and a platform that is closer, more open, and more fun, while the customer-commitment page keeps the decision frame on compelling choices for creators and consumers. This is corporate and service-principle context, not evidence for unobserved store labels or flows. Company introduction · Customer commitment

Voice samples.

• “더 쏠쏠하게 앱하다” — current corporate/service slogan.
• “슬기로운 게임생활을 만듭니다” — official company framing.
• “To provide compelling choices to make creators and consumers happier on our digital content platform” — official mission statement.

11. Brand Narrative

One Store traces its operating history to the 2016 transfer of T Store from SK Planet, its company establishment, and the launch that combined the three mobile-carrier app markets with Naver App Store. That origin explains the platform’s explicit concern with both consumers and content partners rather than a single retail category. The company’s current description centres games, apps, and story content, seeking a more open and enjoyable platform experience. Company history

The current story also has an ecosystem dimension. The company records a 2024 investment/cooperation arrangement with Digital Turbine for overseas expansion, while its developer-support program describes long-running support for mobile-game developers and creator pathways. These are corporate and partner-program facts, not evidence that the public storefront or developer portal shares a single component system. Company history · Developer support

In 2021, the company made three mobile fonts publicly available and described them as suitable for commercial use. That release expands its brand-asset footprint, but no supplied loaded-font evidence connects the fonts to the captured consumer storefront. Font release

12. Principles

1. Offer compelling choices for creators and consumers. The official mission joins both stakeholder groups in one digital-content platform. UI implication: make a verified choice or benefit legible without inventing a checkout, ranking, or recommendation rule.
2. Keep mobile content enjoyable. The company describes a goal of more enjoyable mobile and game life. UI implication: use a clear, light hierarchy where actual content or benefit evidence exists; do not add decorative game tropes as a default.
3. Support the ecosystem. Official developer-support material describes developer, game-industry, and creator programs. UI implication: distinguish developer-facing controls from consumer-storefront patterns instead of collapsing them into one UI kit.
4. Put customers first. The company’s customer commitment calls for understanding what customers want and acting on feedback. UI implication: communicate confirmed outcomes and boundaries plainly; do not hide missing state evidence behind generic reassurance.

13. Personas

The company names creators, consumers, and developers in first-party material, but no first-party persona research or demographic segmentation was collected. The archetypes below are stakeholder boundaries, not fictional user profiles.

• Consumer of mobile content: a service stakeholder named in the mission. Specific browsing, payment, and retention behaviour is not asserted.
• Creator or developer: a stakeholder named in the mission and developer-support material. Specific tool needs and workflow stages are not asserted.
• [FILL IN: user-provided primary storefront task and context]

14. States

No state-specific UI was observed: the supplied bundle has interactionCount: 0 and observedStates: 0. The following state categories are intentionally unspecified until a relevant product-surface selector/value pair is captured.

15. Motion & Easing

No transition duration, easing curve, animation, expanded state, or interaction sequence was captured. Do not assign motion tokens or infer a motion style from static illustrations, corporate videos, or generic platform behaviour.