Coinone
1. Visual Theme & Atmosphere
Coinone is a Korean virtual-asset exchange whose public company materials frame the business around bringing blockchain into the world and creating an environment grounded in trust, innovation, and expertise. Founded in 2014, the exchange presents a formal blue identity in its corporate guideline, then uses a more utilitarian product language in the public routes captured here. The current exchange home is white, compact, and set in the loaded pretendardCoinone webfont; its public trading route is denser and uses the separately loaded Spoqa Han Sans. The corporate brand page is a third, distinct source domain: it defines the signature, clear space, and Coinone Blue palette, but its Roboto-led documentation chrome is not a product font rule. This reference preserves those boundaries rather than forcing them into one inferred UI system.
2. Layout & Grid
- The public home and public BTC/KRW trading route are both product surfaces, but their captured controls use different loaded families and density. They are recorded as separate product sub-surfaces.
- The home capture contains compact 24px and 32px controls; the trading route contains a 37px chart tab and a 40px side tab.
- The supplied capture does not establish a reusable page grid, breakpoint, logged-in balance view, order-entry flow, or mobile navigation behavior.
- The corporate brand guideline provides identity rules and its own documentation chrome. It is not used to populate exchange layout tokens.
3. Color & Typography
Color tokens
#006BD6 — official Coinone Blue main color.#0090FF — official point color.#194386 and #062554 — official supporting blue and navy colors.#FFFFFF — observed public product canvas and compact-control background.#17181B — observed product foreground across the home and trading route.#0B59D5 — observed current-home primary blue. It is distinct from, but compatible with, the official #006BD6 identity swatch; the two values are recorded by source domain rather than collapsed.#DDE4EB — observed home compact-control border.
Typography evidence classes
- Live home computed use:
pretendardCoinone is loaded/high confidence with 408 observed uses across home body, controls, cards, headings, inputs, and badges. Three Coinone CDN WOFF2 source URLs corroborate the computed family. It is the home UI family in the machine tokens.
- Live trading computed use:
Spoqa Han Sans is loaded/high confidence with 314 observed uses across the BTC/KRW public trading route, including controls, rows, tabs, and text. Its loaded source list includes Coinone-hosted font assets. It is a separate trading-route family, not a fallback for the home.
- Documentation chrome: Roboto and Arial occur on the corporate brand page; the bundle classifies them as system families. They are not product UI tokens.
- Loaded icon asset:
coinone_glyph_ui is loaded for one observed icon-font use. It is an interface asset, not a text family token.
- Declared-only assets:
coinone_glyph_coin, Glyphicons Halflings, Noto Sans KR, pretendardCoinone Fallback, and slick have zero visible uses in the supplied capture. They remain declared-only and are not substituted or promoted.
- Licence boundary: no first-party public font-licence statement was found for
pretendardCoinone or the Coinone-hosted Spoqa files in the requested searches. The capture proves live loading and use; it does not establish redistribution terms.
4. Components
Home sign-in control
Default
- Text:
#79818F
- Border:
1px solid #AEB3BB
- Radius:
3px
- Padding:
0px 8px
- Height:
24px
- Font:
12px / 400 pretendardCoinone
- Use: Public-home sign-in control;
home::[data-omd-capture="14"].
Home compact control
Default
- Background:
#FFFFFF
- Text:
#040505
- Border:
1px solid #DDE4EB
- Radius:
6px
- Padding:
6px 12px
- Height:
32px
- Font:
13px / 500 pretendardCoinone
- Use: Public-home compact product control;
home::[data-omd-capture="59"].
Trading chart tab
Default
- Text:
#18191C
- Padding:
0px 16px
- Height:
37px
- Font:
13px / 400 Spoqa Han Sans
- Use: Public BTC/KRW trading chart tab;
surface-2::[data-omd-capture="49"].
Trading side tab
Default
- Text:
#9E9E9E
- Height:
40px
- Font:
14px / 400 Spoqa Han Sans
- Use: Public BTC/KRW trading side tab;
surface-2::[data-omd-capture="156"].
The supplied bundle reports interactionCount: 0 and no interaction records. Its static hover, focus, and pressed selector snapshots are not promoted as reusable states. No disabled, menu, dialog, validation, toast, responsive, or logged-in variants are claimed.
Verified: 2026-07-13
Tier 1 sources: https://coinone.co.kr/ (public exchange home), https://coinone.co.kr/exchange/trade/btc/krw (public trading surface), https://www.coinonecorp.com/company/brand (official brand guideline), and https://image-public.coinone.co.kr/download/corphome/coinone_guide_4.0.pdf (official brand-guideline PDF).
Tier 2 sources: https://getdesign.md/coinone and https://styles.refero.design/?q=coinone were both attempted; built-in web open returned safe-open failures and subsequent web searches returned no Coinone record. No Tier 2 values were used.
Conflicts unresolved: none
Legacy generic CTA, filter-chip, store-button, icon-button, trading-state, system-font, shadow, motion, and fallback-family claims were removed or narrowed where the 2026 supplied capture does not provide selector-backed product evidence.
5. Elevation
The selector-backed home and trading controls above have box-shadow: none. The capture does not substantiate a reusable shadow or elevation ladder.
6. Spacing & Shape
Observed component spacing is intentionally kept small and local: 4px and 8px occur in home controls, 12px in the compact-control horizontal padding, and 16px in the chart-tab horizontal padding. The recorded radii are 3px for the sign-in control, 6px for the compact control, and 26px for a home badge. These are observations, not a universal radius scale.
7. Iconography & Imagery
The public exchange home has a loaded coinone_glyph_ui asset for one observed icon-font use. The supplied bundle does not establish a named icon set, image treatment, illustration style, or media-card specification.
Do
- Keep the official Coinone Blue palette and current product-blue observation distinct in implementation notes.
- Preserve the home/trading typography boundary when recreating one of the captured routes.
- Treat the corporate brand guideline as identity evidence, not as a source of exchange-control CSS.
Don't
- Substitute a declared-only or system family for
pretendardCoinone or Spoqa Han Sans while presenting it as the observed family.
- Invent hover, error, empty, modal, responsive, or logged-in component variants from static capture samples.
- Generalize the corporate guideline's Roboto documentation chrome into exchange UI typography.
8. Accessibility
- The home compact control records
#040505 text on white with a #DDE4EB border; the sign-in control records #79818F text with a #AEB3BB border.
- The capture includes static focus/pressed snapshots but no interaction record, so it does not establish a reusable keyboard focus-visible treatment.
- No accessibility conformance score, screen-reader behavior, validation behavior, or mobile target rule is claimed from these public captures.
9. Content & Voice
Coinone's official mission emphasizes blockchain-enabled connection and names trust, innovation, and expertise as values. Its product and support materials pair task-specific guidance with customer-verification and investor-protection information. Use concrete service language and make compliance or risk boundaries explicit; do not invent promotional trading promises or unobserved product microcopy.
10. Voice & Tone
Voice adjectives: clear · trust-oriented · technically grounded
| Do | Don't |
|---|
| Explain the task, requirement, or protection boundary directly. | Add urgency or return promises not supported by official material. |
| Separate exchange action copy from compliance/support information. | Turn the company mission into a UI slogan without route-specific evidence. |
| Use precise, calm Korean financial-service language. | Treat illustrative copy as a captured product string. |
11. Brand Narrative
Coinone's official history records the company's establishment in 2014 and the launch of its Bitcoin exchange that October. Its mission page describes the company as believing in the possibilities created by free connection and movement of value through blockchain, under the slogan “Bringing Blockchain into the World.” The company names trust, innovation, and expertise as its values.
The official business page describes Coinone Exchange as a Korean professional virtual-asset exchange and presents asset safety, anti-money-laundering systems, transparent listing policy, and a user-centered trading environment as core operating themes. The public brand guideline gives that service context a consistent visual identity: a horizontal signature as the default, protected clear space, and blue as the main color representing the future.
12. Principles
- Make trust legible. UI implication: keep verification, safety, and status language explicit instead of implying a guarantee.
- Separate identity from surface evidence. UI implication: use the official palette as brand context while retaining the captured home and trading controls as route-local facts.
- Support expert use without inventing density rules. UI implication: preserve observed trading-tab typography, but do not infer an entire order-entry system from a public route.
- Keep product and support boundaries clear. UI implication: do not turn support documentation or corporate copy into an observed exchange state.
13. Personas
The first-party sources identify stakeholder groups rather than publishing user-research personas. The following are source-grounded service audiences, not synthetic behavioral profiles:
- Exchange members — people using Coinone's exchange and asset-management services.
- Prospective or returning users completing customer verification — the official support flow identifies customer verification and real-name account checks as service requirements.
- Customers seeking security or investor-protection guidance — the support center publishes phishing, fraud, account-protection, and investor-protection information.
14. States
No empty, loading, success, validation-error, network-error, skeleton, disabled, toast, or responsive state was captured with interaction provenance. These states are intentionally not specified for Coinone in this reference.
15. Motion & Easing
The supplied evidence does not measure durations, easing curves, animated price changes, or transition behavior. No motion token or recommendation is claimed.