oh-my-design-cli 1.8.7 → 1.9.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/hooks/lib/preferences-parser.cjs +1 -0
- package/.claude/hooks/lib/preferences-writer.cjs +1 -0
- package/.claude/hooks/post-edit-watch.cjs +1 -0
- package/.claude/hooks/session-end-foldin.cjs +1 -0
- package/.claude/hooks/session-state-loader.cjs +1 -0
- package/.claude/hooks/skill-activation.cjs +1 -0
- package/.claude/settings.json +10 -1
- package/.github/assets/logo-bg.png +0 -0
- package/AGENTS.md +20 -1
- package/CHANGELOG.md +482 -0
- package/MIGRATION.md +103 -0
- package/README.ja.md +56 -19
- package/README.ko.md +47 -30
- package/README.md +48 -30
- package/README.zh-TW.md +59 -22
- package/agents/AGENT.md +8 -7
- package/agents/omd-codex-image.md +1 -1
- package/agents/omd-critic.md +6 -7
- package/agents/omd-designer-review.md +1 -1
- package/agents/omd-final-qa.md +1 -1
- package/agents/omd-humanizer.md +38 -0
- package/agents/omd-kr-writer.md +3 -4
- package/agents/omd-locale-adapter.md +12 -16
- package/agents/omd-master.md +24 -19
- package/agents/omd-microcopy.md +1 -1
- package/agents/omd-orchestrator.md +7 -8
- package/agents/omd-slop-auditor.md +31 -0
- package/agents/omd-ux-researcher.md +1 -1
- package/data/reference-fingerprints.json +1995 -38
- package/dist/bin/oh-my-design.js +16 -8
- package/dist/bin/oh-my-design.js.map +1 -1
- package/dist/chunk-UJIHCEYF.js +99 -0
- package/dist/chunk-UJIHCEYF.js.map +1 -0
- package/dist/doctor-LDWSFM3I.js +763 -0
- package/dist/doctor-LDWSFM3I.js.map +1 -0
- package/dist/install-skills-ZZFNJ2II.js +1120 -0
- package/dist/install-skills-ZZFNJ2II.js.map +1 -0
- package/docs/CLI_QUICKSTART.md +157 -0
- package/package.json +25 -4
- package/scripts/postinstall.cjs +5 -4
- package/skills/claude-design/SKILL.md +38 -14
- package/skills/claude-design/references/claude-design-flow.md +11 -11
- package/skills/claude-design/references/codebase-analysis.md +5 -4
- package/skills/omd-final-qa/SKILL.md +1 -1
- package/skills/omd-harness/SKILL.md +51 -50
- package/skills/omd-humanize/SKILL.md +116 -0
- package/skills/omd-humanize/agents/openai.yaml +4 -0
- package/skills/omd-humanize/references/locale-playbooks.md +102 -0
- package/skills/omd-humanize/references/sources.md +11 -0
- package/skills/omd-init/SKILL.md +18 -12
- package/skills/omd-locale-adapter/SKILL.md +58 -91
- package/skills/omd-orchestrator/SKILL.md +11 -5
- package/skills/omd-reference-capture/SKILL.md +80 -26
- package/skills/omd-reference-capture/scripts/PLAYWRIGHT-LICENSE.txt +202 -0
- package/skills/omd-reference-capture/scripts/PLAYWRIGHT-NOTICE.txt +5 -0
- package/skills/omd-reference-capture/scripts/THIRD_PARTY_NOTICES.md +3 -0
- package/skills/omd-reference-capture/scripts/capture-reference-evidence.mjs +159906 -0
- package/skills/omd-slop-audit/SKILL.md +110 -0
- package/skills/omd-slop-audit/agents/openai.yaml +4 -0
- package/skills/omd-slop-audit/references/pattern-catalog.md +96 -0
- package/skills/omd-slop-audit/references/sources.md +24 -0
- package/web/references/104/DESIGN.md +354 -0
- package/web/references/11st/DESIGN.md +197 -316
- package/web/references/29cm/DESIGN.md +297 -393
- package/web/references/42dot/DESIGN.md +390 -0
- package/web/references/8percent/DESIGN.md +438 -0
- package/web/references/ably/DESIGN.md +267 -572
- package/web/references/acer/DESIGN.md +329 -0
- package/web/references/airbnb/DESIGN.md +219 -557
- package/web/references/alipay/DESIGN.md +179 -420
- package/web/references/apple/DESIGN.md +224 -498
- package/web/references/asleep/DESIGN.md +402 -0
- package/web/references/au/DESIGN.md +334 -0
- package/web/references/autopedia/DESIGN.md +382 -0
- package/web/references/aws-cloudscape/DESIGN.md +241 -0
- package/web/references/baemin/DESIGN.md +332 -491
- package/web/references/banksalad/DESIGN.md +269 -180
- package/web/references/barogo/DESIGN.md +416 -0
- package/web/references/beusable/DESIGN.md +464 -0
- package/web/references/bilibili/DESIGN.md +206 -374
- package/web/references/bmw/DESIGN.md +162 -276
- package/web/references/brandi/DESIGN.md +184 -325
- package/web/references/catchtable/DESIGN.md +219 -264
- package/web/references/cgv/DESIGN.md +317 -0
- package/web/references/channeltalk/DESIGN.md +210 -336
- package/web/references/china-airlines/DESIGN.md +291 -0
- package/web/references/cjonstyle/DESIGN.md +453 -0
- package/web/references/class101/DESIGN.md +168 -387
- package/web/references/classum/DESIGN.md +228 -203
- package/web/references/claude/DESIGN.md +242 -479
- package/web/references/clay/DESIGN.md +179 -377
- package/web/references/clickhouse/DESIGN.md +254 -343
- package/web/references/cohere/DESIGN.md +214 -324
- package/web/references/coinone/DESIGN.md +199 -179
- package/web/references/corca/DESIGN.md +414 -0
- package/web/references/coupang/DESIGN.md +205 -475
- package/web/references/cursor/DESIGN.md +240 -381
- package/web/references/dabang/DESIGN.md +248 -213
- package/web/references/dable/DESIGN.md +431 -0
- package/web/references/datarize/DESIGN.md +217 -330
- package/web/references/dealicious/DESIGN.md +402 -0
- package/web/references/drdiary/DESIGN.md +404 -0
- package/web/references/elastic/DESIGN.md +238 -0
- package/web/references/elevenlabs/DESIGN.md +183 -321
- package/web/references/eslite/DESIGN.md +257 -0
- package/web/references/evaair/DESIGN.md +338 -0
- package/web/references/expo/DESIGN.md +238 -331
- package/web/references/familymart-tw/DESIGN.md +254 -0
- package/web/references/ferrari/DESIGN.md +160 -377
- package/web/references/figma/DESIGN.md +197 -451
- package/web/references/fitpet/DESIGN.md +445 -0
- package/web/references/flex/DESIGN.md +170 -253
- package/web/references/framer/DESIGN.md +197 -340
- package/web/references/freee/DESIGN.md +211 -533
- package/web/references/friendliai/DESIGN.md +431 -0
- package/web/references/frip/DESIGN.md +440 -0
- package/web/references/gangnamunni/DESIGN.md +154 -591
- package/web/references/gaudiolab/DESIGN.md +414 -0
- package/web/references/google/DESIGN.md +290 -398
- package/web/references/hashicorp/DESIGN.md +273 -318
- package/web/references/heydealer/DESIGN.md +429 -0
- package/web/references/humanscape/DESIGN.md +433 -0
- package/web/references/hyundai/DESIGN.md +158 -368
- package/web/references/hyundaicard/DESIGN.md +171 -121
- package/web/references/ibm/DESIGN.md +227 -378
- package/web/references/idus/DESIGN.md +450 -0
- package/web/references/igaworks/DESIGN.md +437 -0
- package/web/references/inflearn/DESIGN.md +221 -366
- package/web/references/intuit/DESIGN.md +244 -0
- package/web/references/jandi/DESIGN.md +191 -291
- package/web/references/jobplanet/DESIGN.md +415 -0
- package/web/references/kakao/DESIGN.md +287 -475
- package/web/references/kakaobank/DESIGN.md +220 -521
- package/web/references/kakaogames/DESIGN.md +220 -0
- package/web/references/kakaopay/DESIGN.md +207 -526
- package/web/references/karrot/DESIGN.md +227 -251
- package/web/references/kb-kookmin/DESIGN.md +308 -0
- package/web/references/kbank/DESIGN.md +220 -175
- package/web/references/kmong/DESIGN.md +281 -356
- package/web/references/krds/DESIGN.md +245 -19
- package/web/references/kream/DESIGN.md +224 -359
- package/web/references/kurly/DESIGN.md +211 -533
- package/web/references/lamborghini/DESIGN.md +198 -360
- package/web/references/lguplus/DESIGN.md +259 -0
- package/web/references/likelion/DESIGN.md +283 -0
- package/web/references/line/DESIGN.md +396 -355
- package/web/references/linear.app/DESIGN.md +209 -562
- package/web/references/lotteon/DESIGN.md +386 -0
- package/web/references/lovable/DESIGN.md +255 -349
- package/web/references/makinarocks/DESIGN.md +149 -349
- package/web/references/maum-ai/DESIGN.md +423 -0
- package/web/references/medibloc/DESIGN.md +425 -0
- package/web/references/megabox/DESIGN.md +232 -0
- package/web/references/mercari/DESIGN.md +217 -434
- package/web/references/microsoft/DESIGN.md +234 -388
- package/web/references/mildang/DESIGN.md +411 -0
- package/web/references/millie/DESIGN.md +183 -504
- package/web/references/minimax/DESIGN.md +264 -322
- package/web/references/miricanvas/DESIGN.md +182 -355
- package/web/references/miro/DESIGN.md +234 -232
- package/web/references/mistral.ai/DESIGN.md +231 -314
- package/web/references/mixi/DESIGN.md +234 -0
- package/web/references/moin/DESIGN.md +445 -0
- package/web/references/mongodb/DESIGN.md +219 -316
- package/web/references/musinsa/DESIGN.md +184 -510
- package/web/references/mynavi/DESIGN.md +242 -0
- package/web/references/myrealtrip/DESIGN.md +169 -406
- package/web/references/naver/DESIGN.md +328 -499
- package/web/references/naverwebtoon/DESIGN.md +172 -395
- package/web/references/nhn/DESIGN.md +169 -346
- package/web/references/nhncloud/DESIGN.md +185 -123
- package/web/references/notion/DESIGN.md +271 -475
- package/web/references/nrise/DESIGN.md +417 -0
- package/web/references/ohouse/DESIGN.md +210 -549
- package/web/references/oliveyoung/DESIGN.md +217 -326
- package/web/references/ollama/DESIGN.md +241 -308
- package/web/references/onestore/DESIGN.md +248 -0
- package/web/references/palantir/DESIGN.md +256 -0
- package/web/references/panasonic/DESIGN.md +276 -0
- package/web/references/patternfly/DESIGN.md +259 -0
- package/web/references/payhere/DESIGN.md +438 -0
- package/web/references/pega/DESIGN.md +262 -0
- package/web/references/peoplefund/DESIGN.md +431 -0
- package/web/references/petfriends/DESIGN.md +428 -0
- package/web/references/pinkfong/DESIGN.md +199 -367
- package/web/references/pinterest/DESIGN.md +258 -308
- package/web/references/poya/DESIGN.md +286 -0
- package/web/references/pozalabs/DESIGN.md +438 -0
- package/web/references/protopie/DESIGN.md +419 -0
- package/web/references/qraft/DESIGN.md +448 -0
- package/web/references/quotabook/DESIGN.md +449 -0
- package/web/references/recruit/DESIGN.md +247 -0
- package/web/references/remember/DESIGN.md +202 -396
- package/web/references/resend/DESIGN.md +274 -348
- package/web/references/sakura-internet/DESIGN.md +269 -0
- package/web/references/samsung/DESIGN.md +157 -359
- package/web/references/sandoll/DESIGN.md +445 -0
- package/web/references/sanity/DESIGN.md +241 -375
- package/web/references/scatterlab/DESIGN.md +412 -0
- package/web/references/selectstar/DESIGN.md +439 -0
- package/web/references/servicenow/DESIGN.md +289 -0
- package/web/references/shinhanbank/DESIGN.md +161 -341
- package/web/references/shinhancard/DESIGN.md +208 -319
- package/web/references/sionic/DESIGN.md +454 -0
- package/web/references/sktelecom/DESIGN.md +310 -0
- package/web/references/socar/DESIGN.md +125 -32
- package/web/references/softbank/DESIGN.md +231 -0
- package/web/references/sony/DESIGN.md +234 -0
- package/web/references/soop/DESIGN.md +261 -0
- package/web/references/spacex/DESIGN.md +184 -323
- package/web/references/spotify/DESIGN.md +253 -394
- package/web/references/squeezebits/DESIGN.md +441 -0
- package/web/references/stayfolio/DESIGN.md +422 -0
- package/web/references/stripe/DESIGN.md +212 -491
- package/web/references/supabase/DESIGN.md +244 -316
- package/web/references/tabling/DESIGN.md +415 -0
- package/web/references/taishinbank/DESIGN.md +243 -0
- package/web/references/teamlab/DESIGN.md +240 -0
- package/web/references/teamsparta/DESIGN.md +472 -0
- package/web/references/tellingme/DESIGN.md +392 -0
- package/web/references/tesla/DESIGN.md +244 -427
- package/web/references/thsr/DESIGN.md +284 -0
- package/web/references/thumbtack/DESIGN.md +302 -0
- package/web/references/together.ai/DESIGN.md +257 -304
- package/web/references/toss/DESIGN.md +251 -593
- package/web/references/toss-securities/DESIGN.md +255 -178
- package/web/references/tossbank/DESIGN.md +195 -491
- package/web/references/toyota/DESIGN.md +238 -0
- package/web/references/tving/DESIGN.md +197 -245
- package/web/references/typed/DESIGN.md +413 -0
- package/web/references/uber/DESIGN.md +256 -333
- package/web/references/udn/DESIGN.md +250 -0
- package/web/references/upbit/DESIGN.md +145 -256
- package/web/references/upstage/DESIGN.md +211 -204
- package/web/references/uswds/DESIGN.md +287 -0
- package/web/references/vercel/DESIGN.md +236 -440
- package/web/references/wanted/DESIGN.md +215 -487
- package/web/references/wise/DESIGN.md +223 -231
- package/web/references/wisetracker/DESIGN.md +462 -0
- package/web/references/wooribank/DESIGN.md +245 -0
- package/web/references/yanolja/DESIGN.md +250 -419
- package/web/references/yeogiotte/DESIGN.md +235 -418
- package/web/references/zapier/DESIGN.md +256 -377
- package/web/references/zendesk/DESIGN.md +288 -0
- package/web/references/zigzag/DESIGN.md +200 -621
- package/dist/install-skills-7UUDOLG2.js +0 -734
- package/dist/install-skills-7UUDOLG2.js.map +0 -1
|
@@ -0,0 +1,231 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: softbank
|
|
3
|
+
name: ソフトバンク
|
|
4
|
+
country: JP
|
|
5
|
+
category: consumer-tech
|
|
6
|
+
homepage: "https://www.softbank.jp/"
|
|
7
|
+
primary_color: "#333333"
|
|
8
|
+
logo:
|
|
9
|
+
type: favicon
|
|
10
|
+
slug: "https://www.google.com/s2/favicons?domain=softbank.jp&sz=128"
|
|
11
|
+
verified: "2026-07-13"
|
|
12
|
+
omd: "0.1"
|
|
13
|
+
verification_v2:
|
|
14
|
+
schema: 2
|
|
15
|
+
checked: "2026-07-13"
|
|
16
|
+
surfaces:
|
|
17
|
+
- { id: home, kind: consumer-marketing, url: "https://www.softbank.jp/", inspected: "2026-07-13" }
|
|
18
|
+
- { id: enterprise-ai, kind: enterprise-marketing, url: "https://www.softbank.jp/biz/about/ai/", inspected: "2026-07-13" }
|
|
19
|
+
- { id: corporate-security, kind: corporate-governance, url: "https://www.softbank.jp/corp/aboutus/governance/security/", inspected: "2026-07-13" }
|
|
20
|
+
sources:
|
|
21
|
+
- { id: home-live, kind: product-surface, url: "https://www.softbank.jp/", captured: "2026-07-13" }
|
|
22
|
+
- { id: enterprise-ai-live, kind: product-surface, url: "https://www.softbank.jp/biz/about/ai/", captured: "2026-07-13" }
|
|
23
|
+
- { id: corporate-security-live, kind: product-surface, url: "https://www.softbank.jp/corp/aboutus/governance/security/", captured: "2026-07-13" }
|
|
24
|
+
- { id: company-history, kind: official-doc, url: "https://www.softbank.jp/en/corp/aboutus/profile/history/", captured: "2026-07-13" }
|
|
25
|
+
- { id: group-identity, kind: official-doc, url: "https://group.softbank/en/philosophy/identity", captured: "2026-07-13" }
|
|
26
|
+
- { id: management-strategy, kind: official-doc, url: "https://www.softbank.jp/en/corp/ir/policy/strategy/", captured: "2026-07-13" }
|
|
27
|
+
- { id: trademark-policy, kind: official-doc, url: "https://www.softbank.jp/corp/aboutus/governance/intellectual-property/trademark/", captured: "2026-07-13" }
|
|
28
|
+
conflicts: []
|
|
29
|
+
claims:
|
|
30
|
+
"tokens.colors.foreground": &all-surfaces { surface_id: home, source_id: home-live, method: computed-style, captured: "2026-07-13" }
|
|
31
|
+
"tokens.colors.heading": &enterprise { surface_id: enterprise-ai, source_id: enterprise-ai-live, method: computed-style, captured: "2026-07-13" }
|
|
32
|
+
"tokens.colors.canvas": *all-surfaces
|
|
33
|
+
"tokens.colors.hairline": &corporate { surface_id: corporate-security, source_id: corporate-security-live, method: computed-style, captured: "2026-07-13" }
|
|
34
|
+
"tokens.typography.body.size": *corporate
|
|
35
|
+
"tokens.typography.body.weight": *corporate
|
|
36
|
+
"tokens.typography.body.lineHeight": *corporate
|
|
37
|
+
"tokens.typography.body.use": *corporate
|
|
38
|
+
"tokens.typography.heading.size": *enterprise
|
|
39
|
+
"tokens.typography.heading.weight": *enterprise
|
|
40
|
+
"tokens.typography.heading.lineHeight": *enterprise
|
|
41
|
+
"tokens.typography.heading.use": *enterprise
|
|
42
|
+
"tokens.spacing.xs": *corporate
|
|
43
|
+
"tokens.spacing.sm": *all-surfaces
|
|
44
|
+
"tokens.spacing.md": *all-surfaces
|
|
45
|
+
"tokens.spacing.lg": *corporate
|
|
46
|
+
"tokens.rounded.none": *all-surfaces
|
|
47
|
+
"tokens.rounded.control": *enterprise
|
|
48
|
+
"tokens.rounded.badge": *all-surfaces
|
|
49
|
+
"tokens.rounded.pill": *all-surfaces
|
|
50
|
+
"tokens.components.global-navigation-item.type": *enterprise
|
|
51
|
+
"tokens.components.global-navigation-item.fg": *enterprise
|
|
52
|
+
"tokens.components.global-navigation-item.border": *enterprise
|
|
53
|
+
"tokens.components.global-navigation-item.radius": *enterprise
|
|
54
|
+
"tokens.components.global-navigation-item.padding": *enterprise
|
|
55
|
+
"tokens.components.global-navigation-item.font": *enterprise
|
|
56
|
+
"tokens.components.global-navigation-item.use": *enterprise
|
|
57
|
+
tokens:
|
|
58
|
+
source: live-extract
|
|
59
|
+
extracted: "2026-07-13"
|
|
60
|
+
note: "Only selector- and surface-backed values from the supplied SoftBank public surfaces are canonical. Consumer marketing, enterprise marketing, corporate governance, Group identity, trademark policy, and declared-only fonts remain separate evidence domains."
|
|
61
|
+
colors:
|
|
62
|
+
foreground: "#333333"
|
|
63
|
+
heading: "#323232"
|
|
64
|
+
canvas: "#ffffff"
|
|
65
|
+
hairline: "#c1c1c2"
|
|
66
|
+
typography:
|
|
67
|
+
body: { size: 16, weight: 400, lineHeight: 1.5, use: "Corporate-security body samples; no named UI family is established" }
|
|
68
|
+
heading: { size: 32, weight: 700, lineHeight: 1.35, use: "Enterprise-AI h2 samples only; no named UI family is established" }
|
|
69
|
+
spacing: { xs: 8, sm: 10, md: 16, lg: 20 }
|
|
70
|
+
rounded: { none: 0, control: 6, badge: 10, pill: 50 }
|
|
71
|
+
components:
|
|
72
|
+
global-navigation-item: { type: listItem, fg: "#333333", border: "0px #333333", radius: 0, padding: "0px", font: "14px/400/14px", use: "Static global-navigation li, selector surface-2::li, class sb-appshell-v1-header-nav_globalnav-item; 12 occurrences across enterprise and corporate surfaces" }
|
|
73
|
+
components_harvested: true
|
|
74
|
+
---
|
|
75
|
+
|
|
76
|
+
# Design System Inspiration of ソフトバンク
|
|
77
|
+
|
|
78
|
+
## 1. Visual Theme & Atmosphere
|
|
79
|
+
|
|
80
|
+
SoftBank Corp. is the operating telecommunications company established in 1986, providing mobile communications, devices, fixed-line services, and internet access. Its official history traces a route through Japan Telecom, J-Phone, Vodafone K.K., and the 2006 change to the SoftBank brand; the 2015 merger of the mobile, broadband, telecom, and Y!mobile businesses produced the current SoftBank Corp. The current strategy describes a telecom foundation extended through “Activate AI for Society,” while the Group’s wider identity frames the Information Revolution as a route to happiness. On the three supplied public surfaces, that evolution resolves into a reserved information system: white fields, repeated charcoal text, thin neutral boundaries, and highly legible Japanese information hierarchy. This is evidence for public consumer, enterprise, and corporate pages—not a substitute for an authenticated SoftBank product UI.
|
|
81
|
+
|
|
82
|
+
**Key characteristics:**
|
|
83
|
+
|
|
84
|
+
- `#333333` is the repeated public foreground; `#ffffff` is the repeated public canvas.
|
|
85
|
+
- `#323232` appears on the enterprise AI route’s headings; `#c1c1c2` is a measured corporate utility-control border rather than a universal divider.
|
|
86
|
+
- The capture’s named Meiryo stack is unresolved; its computed sizes and weights are retained without pretending that a fallback is a SoftBank font.
|
|
87
|
+
- Square navigation list items dominate the high-confidence shared shell; 6px, 10px, and fully rounded geometry occur in local public components.
|
|
88
|
+
- Consumer marketing, enterprise marketing, corporate governance, Group identity, trademark policy, and declared-only font evidence are intentionally separate domains.
|
|
89
|
+
|
|
90
|
+
## 2. Color Palette & Roles
|
|
91
|
+
|
|
92
|
+
### Selector-backed public values
|
|
93
|
+
|
|
94
|
+
- **Foreground** (`#333333`): repeated text and border color across home, enterprise AI, and corporate security captures.
|
|
95
|
+
- **Enterprise heading** (`#323232`): observed enterprise-AI h2 color only; it is not a universal display-color claim.
|
|
96
|
+
- **Canvas** (`#ffffff`): repeated public background and on-dark text value across the supplied routes; this token refers only to the measured canvas role.
|
|
97
|
+
- **Utility hairline** (`#c1c1c2`): observed 1px border on the corporate English utility button; not promoted as the page-wide divider.
|
|
98
|
+
|
|
99
|
+
The packet includes route-local blue, red, and pale-red observations, but it does not establish them as a cross-surface SoftBank action, error, or status palette. No hover, focus, pressed, disabled, success, error, or inverse token is published.
|
|
100
|
+
|
|
101
|
+
## 3. Typography Rules
|
|
102
|
+
|
|
103
|
+
### Evidence classes
|
|
104
|
+
|
|
105
|
+
| Evidence class | Family and boundary |
|
|
106
|
+
|---|---|
|
|
107
|
+
| Official product-use | No first-party source located in this run assigns a named typeface to a SoftBank consumer or enterprise product UI. |
|
|
108
|
+
| Live computed surface-use | `Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", system-ui, sans-serif` is repeatedly computed on the supplied public pages, but Meiryo has no matching loaded FontFace and is marked unresolved in the evidence packet. |
|
|
109
|
+
| Official brand asset | SoftBank Group’s identity page says the brand-name mark uses a Japanese Mincho typeface to convey timelessness. That is logo/identity context, not evidence that this public UI uses a named Mincho webfont. |
|
|
110
|
+
| License context | No official font licence or distributed webfont asset was established in this run. |
|
|
111
|
+
| Declared-only | `swiper-icons` is declared with no visible use. It is not a UI typography token. |
|
|
112
|
+
|
|
113
|
+
### Captured hierarchy
|
|
114
|
+
|
|
115
|
+
| Role | Size | Weight | Line height | Evidence boundary |
|
|
116
|
+
|---|---:|---:|---:|---|
|
|
117
|
+
| Corporate body | 16px | 400 | 24px | repeated corporate-security body samples; family unresolved |
|
|
118
|
+
| Enterprise h2 | 32px | 700 | 43.2px | enterprise-AI h2 samples only; family unresolved |
|
|
119
|
+
| Home h2 | 40px | 700 | 50px | raw home observation only; not promoted into the narrow canonical scale |
|
|
120
|
+
| Corporate hero h1 | 50px | 700 | 75px | raw corporate-security observation only; not promoted into the narrow canonical scale |
|
|
121
|
+
|
|
122
|
+
Do not render Meiryo, the Mincho logotype context, or `swiper-icons` as if it were a verified SoftBank UI family. The numeric hierarchy is useful computed evidence; the font-family claim remains unresolved and is omitted at that field boundary.
|
|
123
|
+
|
|
124
|
+
## 4. Component Stylings
|
|
125
|
+
|
|
126
|
+
### Shared public shell
|
|
127
|
+
|
|
128
|
+
**Global Navigation Item**
|
|
129
|
+
- Text: `#333333`
|
|
130
|
+
- Border: 0px `#333333`
|
|
131
|
+
- Radius: 0px
|
|
132
|
+
- Padding: 0px
|
|
133
|
+
- Font: 14px / 400 / 14px
|
|
134
|
+
- Use: Static `li` observation with class `sb-appshell-v1-header-nav_globalnav-item`, selector `surface-2::li`, 12 occurrences across enterprise-AI and corporate-security surfaces.
|
|
135
|
+
|
|
136
|
+
### Observed-state boundary
|
|
137
|
+
|
|
138
|
+
The supplied artifact reports `interactionCount: 0` and `observedStates: 0`. Although it contains measured anchors and buttons, it captures no hover, focus, pressed, disabled, selected, error, menu, dialog, or toast state. The canonical component is therefore a static `listItem`, not a button or an inferred interactive control.
|
|
139
|
+
|
|
140
|
+
### Scope boundary
|
|
141
|
+
|
|
142
|
+
The static global navigation item is the sole canonical component because it is selector-backed, high confidence, repeated across surfaces, and has a permitted component type. Carousel arrows, tag links, enterprise buttons, the corporate language control, and the search field remain raw component evidence only; no state-free interactive component is promoted.
|
|
143
|
+
|
|
144
|
+
---
|
|
145
|
+
**Verified:** 2026-07-13
|
|
146
|
+
**Tier 1 sources:** https://www.softbank.jp/ ; https://www.softbank.jp/biz/about/ai/ ; https://www.softbank.jp/corp/aboutus/governance/security/ ; https://www.softbank.jp/en/corp/aboutus/profile/history/ ; https://group.softbank/en/philosophy/identity ; https://www.softbank.jp/en/corp/ir/policy/strategy/ ; https://www.softbank.jp/corp/aboutus/governance/intellectual-property/trademark/
|
|
147
|
+
**Tier 2 sources:** https://getdesign.md/softbank (attempted; no SoftBank-specific record returned by available search); https://styles.refero.design/?q=softbank (attempted; no SoftBank-specific record returned by available search)
|
|
148
|
+
**Conflicts unresolved:** none
|
|
149
|
+
|
|
150
|
+
## 5. Layout Principles
|
|
151
|
+
|
|
152
|
+
The supplied routes support an information-shell pattern, not a complete product-grid claim. Repeated measured spacing values include 8px, 10px, 16px, and 20px; they are kept as a compact observed set, not presented as an exhaustive system scale. The shared navigation list item itself has 0px padding, while a distinct enterprise button has 13px 44px 11px 20px padding. Preserve such route-level differences rather than normalizing them into unobserved responsive rules.
|
|
153
|
+
|
|
154
|
+
## 6. Depth & Elevation
|
|
155
|
+
|
|
156
|
+
The canonical navigation item is flat: transparent background, 0px border, 0px radius, and no shadow. The packet does not establish a repeated shadow value or an elevation ladder, so no shadow token is published. Rounded local controls exist, but their geometric values do not imply depth.
|
|
157
|
+
|
|
158
|
+
## 7. Do's and Don'ts
|
|
159
|
+
|
|
160
|
+
### Do
|
|
161
|
+
|
|
162
|
+
- Use `#333333` text on the measured white public canvas when recreating the captured information-shell context.
|
|
163
|
+
- Keep the canonical navigation list item square, unfilled, and typographically modest at its observed 14px / 400 / 14px values.
|
|
164
|
+
- Preserve the distinction between the enterprise-AI heading treatment and the corporate-security body treatment.
|
|
165
|
+
- Treat the Group’s double-line mark and Mincho logotype statement as brand-identity context, not an interface font token.
|
|
166
|
+
|
|
167
|
+
### Don't
|
|
168
|
+
|
|
169
|
+
- Don't infer SoftBank mobile-app, account, checkout, device-management, or authenticated enterprise UI from the supplied public surfaces.
|
|
170
|
+
- Don't turn route-local blue, red, or status-panel observations into a general action or semantic palette.
|
|
171
|
+
- Don't substitute system-ui for the unresolved Meiryo family and label it as SoftBank typography.
|
|
172
|
+
- Don't invent hover, focus, pressed, disabled, selected, validation, dialog, toast, menu, or motion values from zero captured interactions.
|
|
173
|
+
|
|
174
|
+
## 8. Responsive Behavior
|
|
175
|
+
|
|
176
|
+
Only 1440×900 desktop captures were supplied. The packet provides no mobile viewport, breakpoint, collapsed navigation, touch target, or responsive reflow evidence, so those behaviours are omitted.
|
|
177
|
+
|
|
178
|
+
## 9. Agent Prompt Guide
|
|
179
|
+
|
|
180
|
+
For a SoftBank public information surface, use a white `#ffffff` canvas, `#333333` foreground, sparse `#323232` enterprise headings where that route is the reference, and a flat square global-navigation list item. Keep public consumer, enterprise, and corporate material scoped to the captured route; do not fabricate an account or product console. Use the official identity narrative for tone and logo interpretation only, keep the UI family unspecified, and do not add interaction or responsive states that the packet did not observe.
|
|
181
|
+
|
|
182
|
+
## 10. Voice & Tone
|
|
183
|
+
|
|
184
|
+
SoftBank’s official strategy combines a long-running Information Revolution philosophy with a current aim to activate AI across society. For public corporate and enterprise information, that supports a clear, future-oriented, and accountable register: state the infrastructure or social outcome, name the technology or service, then identify the practical consequence. This is narrative direction drawn from official strategy, not a measured interface-copy corpus.
|
|
185
|
+
|
|
186
|
+
| Context | Supported direction |
|
|
187
|
+
|---|---|
|
|
188
|
+
| Corporate progress | Pair a long-term ambition with a precise current initiative. |
|
|
189
|
+
| Enterprise technology | Name the operational or societal problem before the AI or network mechanism. |
|
|
190
|
+
| Public trust | Use straightforward explanations of responsibility, access, and governance. |
|
|
191
|
+
|
|
192
|
+
Illustrative, not source copy:
|
|
193
|
+
|
|
194
|
+
- “Connect the next step to the infrastructure behind it.”
|
|
195
|
+
- “Make the technology’s role clear before asking for action.”
|
|
196
|
+
- “Show how a network, service, or policy changes the everyday outcome.”
|
|
197
|
+
|
|
198
|
+
## 11. Brand Narrative
|
|
199
|
+
|
|
200
|
+
SoftBank Corp. began in 1986 as Railway Telecommunication Co., Ltd. Its official company history records the later succession of Japan Telecom, J-Phone, Vodafone K.K., and the October 2006 change to SoftBank Mobile and the SoftBank brand. In 2015, SoftBank Mobile, SoftBank BB, SoftBank Telecom, and Y!mobile were combined, and the company took the current SoftBank Corp. name.
|
|
201
|
+
|
|
202
|
+
That operating history sits inside a broader Group identity: the double-line logo is derived from the Kaientai flag and is described as an equals sign, answer, communication, and possibility. The identity source says the brand-name mark uses a Japanese Mincho typeface and silver as brand colour. Those facts describe the logo and corporate identity; they are not silently converted into public UI tokens.
|
|
203
|
+
|
|
204
|
+
The company’s current strategy says “Activate AI for Society” and frames the work as expanding technology’s social implementation alongside telecommunications. The official strategy states that the Group is guided by “Information Revolution — Happiness for everyone” and seeks to use technology to solve social issues. No invented executive quotation is used here.
|
|
205
|
+
|
|
206
|
+
## 12. Principles
|
|
207
|
+
|
|
208
|
+
1. **Make infrastructure legible.** SoftBank’s name and Group identity are rooted in a role as information-society infrastructure.
|
|
209
|
+
*UI implication:* Explain the service and its operational role before adding product-style promotional complexity.
|
|
210
|
+
2. **Connect future ambition to a present use.** The current strategy emphasizes activating AI across society, while the captured surfaces remain information-led.
|
|
211
|
+
*UI implication:* Pair aspirational headings with concise, factual supporting content.
|
|
212
|
+
3. **Keep the shared shell quiet.** Repeated public captures show neutral text, white space, and square navigation lists rather than a dense action system.
|
|
213
|
+
*UI implication:* Let hierarchy, spacing, and crisp borders organize long-form public information.
|
|
214
|
+
4. **Respect distinct brand domains.** The Group’s logo and corporate identity, SoftBank Corp. public web surfaces, and uninspected product applications have different evidence.
|
|
215
|
+
*UI implication:* Do not reuse a logo-font claim or a route-local color as a comprehensive product design token.
|
|
216
|
+
|
|
217
|
+
## 13. Personas
|
|
218
|
+
|
|
219
|
+
The official materials identify broad stakeholder groups, not research-backed user personas. These are bounded stakeholder archetypes, not fictional behavioural claims.
|
|
220
|
+
|
|
221
|
+
- **Consumer communications customer:** someone encountering SoftBank’s public consumer information for mobile, device, fixed-line, or internet services. The source establishes service scope, not a purchase journey.
|
|
222
|
+
- **Enterprise or public-sector technology decision-maker:** someone reading AI and network material to understand possible operational applications. No uninspected dashboard task or workflow is inferred.
|
|
223
|
+
- **Corporate stakeholder:** an investor, partner, regulator, or member of the public seeking company, strategy, governance, or security information. The supplied corporate route supports this informational context only.
|
|
224
|
+
|
|
225
|
+
## 14. States
|
|
226
|
+
|
|
227
|
+
The supplied evidence contains no captured interaction states. Empty, loading, error, success, skeleton, disabled, focus, pressed, selected, and validation treatments are therefore not published. This absence removes only unobserved states; it does not remove the measured default geometry of the canonical static navigation item.
|
|
228
|
+
|
|
229
|
+
## 15. Motion & Easing
|
|
230
|
+
|
|
231
|
+
No interaction expansion, animation duration, easing curve, or transition computed value was supplied. The three static desktop captures cannot establish a SoftBank motion system, so no timing or easing token is published.
|
|
@@ -0,0 +1,234 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: sony
|
|
3
|
+
name: ソニー
|
|
4
|
+
country: JP
|
|
5
|
+
category: consumer-tech
|
|
6
|
+
homepage: "https://www.sony.com/"
|
|
7
|
+
primary_color: "#000000"
|
|
8
|
+
logo:
|
|
9
|
+
type: favicon
|
|
10
|
+
slug: "https://www.google.com/s2/favicons?domain=sony.com&sz=128"
|
|
11
|
+
verified: "2026-07-13"
|
|
12
|
+
omd: "0.1"
|
|
13
|
+
verification_v2:
|
|
14
|
+
schema: 2
|
|
15
|
+
checked: "2026-07-13"
|
|
16
|
+
surfaces:
|
|
17
|
+
- { id: home, kind: public-corporate-home, url: "https://www.sony.com/en/", inspected: "2026-07-13" }
|
|
18
|
+
- { id: products, kind: public-products-catalog, url: "https://www.sony.com/en/SonyInfo/products/", inspected: "2026-07-13" }
|
|
19
|
+
- { id: electronics, kind: public-products-catalog, url: "https://www.sony.com/en/SonyInfo/products/#electronics", inspected: "2026-07-13" }
|
|
20
|
+
sources:
|
|
21
|
+
- { id: home-live, kind: product-surface, url: "https://www.sony.com/en/", captured: "2026-07-13" }
|
|
22
|
+
- { id: products-live, kind: product-surface, url: "https://www.sony.com/en/SonyInfo/products/", captured: "2026-07-13" }
|
|
23
|
+
- { id: electronics-live, kind: product-surface, url: "https://www.sony.com/en/SonyInfo/products/#electronics", captured: "2026-07-13" }
|
|
24
|
+
- { id: sst-type-project, kind: official-doc, url: "https://www.sony.com/en/SonyInfo/design/stories/sst-font/", captured: "2026-07-13" }
|
|
25
|
+
- { id: purpose-values, kind: official-doc, url: "https://www.sony.com/en/SonyInfo/CorporateInfo/purpose_and_values/", captured: "2026-07-13" }
|
|
26
|
+
- { id: corporate-history, kind: official-doc, url: "https://www.sony.com/en/SonyInfo/CorporateInfo/History/", captured: "2026-07-13" }
|
|
27
|
+
- { id: corporate-blog, kind: official-doc, url: "https://www.sony.com/en/SonyInfo/blog/2021/04/08/", captured: "2026-07-13" }
|
|
28
|
+
conflicts: []
|
|
29
|
+
claims:
|
|
30
|
+
"tokens.colors.primary": { surface_id: home, source_id: home-live, method: live-inspect, selector: "home::[data-omd-capture=\"1\"]", captured: "2026-07-13" }
|
|
31
|
+
"tokens.colors.canvas": { surface_id: products, source_id: products-live, method: live-inspect, selector: "surface-2::h1", captured: "2026-07-13" }
|
|
32
|
+
"tokens.colors.muted": { surface_id: products, source_id: products-live, method: live-inspect, selector: "surface-2::p.m-text-lead", captured: "2026-07-13" }
|
|
33
|
+
"tokens.typography.family.ui": { surface_id: home, source_id: home-live, method: fontfaceset-and-computed-style, selector: "home::[data-omd-capture=\"1\"]", captured: "2026-07-13" }
|
|
34
|
+
"tokens.typography.family.display": { surface_id: products, source_id: products-live, method: fontfaceset-and-computed-style, selector: "surface-2::h1.m-h1", captured: "2026-07-13" }
|
|
35
|
+
"tokens.typography.display.size": { surface_id: products, source_id: products-live, method: live-inspect, selector: "surface-2::h1.m-h1", captured: "2026-07-13" }
|
|
36
|
+
"tokens.typography.display.weight": { surface_id: products, source_id: products-live, method: live-inspect, selector: "surface-2::h1.m-h1", captured: "2026-07-13" }
|
|
37
|
+
"tokens.typography.display.lineHeight": { surface_id: products, source_id: products-live, method: live-inspect, selector: "surface-2::h1.m-h1", captured: "2026-07-13" }
|
|
38
|
+
"tokens.typography.display.use": { surface_id: products, source_id: products-live, method: live-inspect, selector: "surface-2::h1.m-h1", captured: "2026-07-13" }
|
|
39
|
+
"tokens.typography.body.size": { surface_id: products, source_id: products-live, method: live-inspect, selector: "surface-2::p.m-text-lead", captured: "2026-07-13" }
|
|
40
|
+
"tokens.typography.body.weight": { surface_id: products, source_id: products-live, method: live-inspect, selector: "surface-2::p.m-text-lead", captured: "2026-07-13" }
|
|
41
|
+
"tokens.typography.body.lineHeight": { surface_id: products, source_id: products-live, method: live-inspect, selector: "surface-2::p.m-text-lead", captured: "2026-07-13" }
|
|
42
|
+
"tokens.typography.body.use": { surface_id: products, source_id: products-live, method: live-inspect, selector: "surface-2::p.m-text-lead", captured: "2026-07-13" }
|
|
43
|
+
"tokens.spacing.header-block": { surface_id: home, source_id: home-live, method: live-inspect, selector: "home::[data-omd-capture=\"1\"]", captured: "2026-07-13" }
|
|
44
|
+
"tokens.spacing.header-inline": { surface_id: home, source_id: home-live, method: live-inspect, selector: "home::[data-omd-capture=\"1\"]", captured: "2026-07-13" }
|
|
45
|
+
"tokens.rounded.sharp": { surface_id: home, source_id: home-live, method: live-inspect, selector: "home::[data-omd-capture=\"1\"]", captured: "2026-07-13" }
|
|
46
|
+
"tokens.components.header-navigation-link.type": { surface_id: home, source_id: home-live, method: live-inspect, selector: "home::[data-omd-capture=\"1\"]", captured: "2026-07-13" }
|
|
47
|
+
"tokens.components.header-navigation-link.bg": { surface_id: home, source_id: home-live, method: live-inspect, selector: "home::[data-omd-capture=\"1\"]", captured: "2026-07-13" }
|
|
48
|
+
"tokens.components.header-navigation-link.fg": { surface_id: home, source_id: home-live, method: live-inspect, selector: "home::[data-omd-capture=\"1\"]", captured: "2026-07-13" }
|
|
49
|
+
"tokens.components.header-navigation-link.radius": { surface_id: home, source_id: home-live, method: live-inspect, selector: "home::[data-omd-capture=\"1\"]", captured: "2026-07-13" }
|
|
50
|
+
"tokens.components.header-navigation-link.padding": { surface_id: home, source_id: home-live, method: live-inspect, selector: "home::[data-omd-capture=\"1\"]", captured: "2026-07-13" }
|
|
51
|
+
"tokens.components.header-navigation-link.font": { surface_id: home, source_id: home-live, method: fontfaceset-and-computed-style, selector: "home::[data-omd-capture=\"1\"]", captured: "2026-07-13" }
|
|
52
|
+
"tokens.components.header-navigation-link.use": { surface_id: home, source_id: home-live, method: live-inspect, selector: "home::[data-omd-capture=\"1\"]", captured: "2026-07-13" }
|
|
53
|
+
tokens:
|
|
54
|
+
source: live-extract
|
|
55
|
+
extracted: "2026-07-13"
|
|
56
|
+
colors:
|
|
57
|
+
primary: "#000000"
|
|
58
|
+
canvas: "#ffffff"
|
|
59
|
+
muted: "#656565"
|
|
60
|
+
typography:
|
|
61
|
+
family: { ui: "SST W20 Roman", display: "SST W20 Bold" }
|
|
62
|
+
display: { size: 30, weight: 700, lineHeight: 42, use: "Public products-catalog page title" }
|
|
63
|
+
body: { size: 16, weight: 400, lineHeight: 32, use: "Public products-catalog lead copy" }
|
|
64
|
+
spacing: { header-block: 20, header-inline: 13 }
|
|
65
|
+
rounded: { sharp: 0 }
|
|
66
|
+
components:
|
|
67
|
+
header-navigation-link: { type: listItem, bg: "#000000", fg: "#ffffff", radius: 0, padding: "20px 13px", font: "14px/400 SST W20 Roman", use: "Public corporate-home header navigation link; selector home::[data-omd-capture=\"1\"]" }
|
|
68
|
+
components_harvested: true
|
|
69
|
+
---
|
|
70
|
+
|
|
71
|
+
# Design System Inspiration of ソニー
|
|
72
|
+
|
|
73
|
+
## 1. Visual Theme & Atmosphere
|
|
74
|
+
|
|
75
|
+
Sony Group is a Japanese creative-entertainment and technology company whose businesses span games and network services, music, pictures, electronics, imaging and sensing. Its public English corporate portal lets that breadth sit behind a notably restrained frame: black header bands, white content planes, quiet gray editorial copy, and the compact, sharp-cornered SST navigation treatment captured here. The identity has roots in a 1946 company founded to marry technological work with cultural contribution; Sony’s current Purpose is to fill the world with emotion through creativity and technology. The Group’s 2021 management transition sharpened the distinction between Sony Group Corporation and the Sony Corporation electronics business, while retaining a people-centered creative-entertainment identity. This reference documents the measured public portal and products-catalog grammar, not an authenticated consumer-device, PlayStation, entertainment-service, or commerce application. [History](https://www.sony.com/en/SonyInfo/CorporateInfo/History/) · [Purpose & Values](https://www.sony.com/en/SonyInfo/CorporateInfo/purpose_and_values/) · [Corporate blog](https://www.sony.com/en/SonyInfo/blog/2021/04/08/)
|
|
76
|
+
|
|
77
|
+
The supplied 2026-07-13 evidence covers the English corporate home and two public products-catalog URLs at 1440×900. All three carry the same header-link geometry; the products pages additionally provide the measured title and lead-copy hierarchy. They are public corporate/product-catalog domains, not evidence for logged-in product workflows or native-device UI.
|
|
78
|
+
|
|
79
|
+
**Key characteristics:**
|
|
80
|
+
- Black `#000000` header navigation links with white `#ffffff` labels and sharp corners.
|
|
81
|
+
- White `#ffffff` page planes with repeated `#656565` editorial text on the public products catalog.
|
|
82
|
+
- Loaded SST W20 Roman UI text and SST W20 Bold headings, both limited to the recorded public surfaces.
|
|
83
|
+
- 20px vertical and 13px horizontal padding on the observed header navigation link.
|
|
84
|
+
|
|
85
|
+
## 2. Color Palette & Roles
|
|
86
|
+
|
|
87
|
+
### Observed public portal and catalog colors
|
|
88
|
+
|
|
89
|
+
- **Header black** (`#000000`): observed as the `tmpl-headerNavItem_label` fill on all three captured public surfaces.
|
|
90
|
+
- **Canvas white** (`#ffffff`): observed behind the products-catalog title and lead content.
|
|
91
|
+
- **Editorial gray** (`#656565`): observed on the products-catalog lead and card text; retain as a local public-catalog text value rather than a universal semantic gray.
|
|
92
|
+
|
|
93
|
+
The collector also recorded blue `#0000ee` default-link rendering and isolated dialog/control colors. They are not promoted as Sony brand, action, or status tokens because the packet does not establish those roles on a matching Sony-owned component.
|
|
94
|
+
|
|
95
|
+
## 3. Typography Rules
|
|
96
|
+
|
|
97
|
+
### Evidence classes
|
|
98
|
+
|
|
99
|
+
**Official product-use and type context.** Sony Design describes SST as an original corporate typeface developed for consistent, distinctive, and legible experiences across products, services, advertising, stores, online, manuals, and product packaging. It says SST was planned for many languages and uses a mix of sharp geometry and readability; it also describes planned use in Xperia, BRAVIA, and PlayStation touchpoints. This is first-party product/use context, not a license to redistribute or substitute the font. [SST Type Project](https://www.sony.com/en/SonyInfo/design/stories/sst-font/)
|
|
100
|
+
|
|
101
|
+
**Live computed surface-use.** The supplied capture records `SST W20 Roman` as loaded/high with 725 visible uses across badge, body, button, card, dialog, heading, and list-item roles. `SST W20 Bold` is loaded/high with 56 visible uses. On the public products catalog, `m-h1` is 30px/700/42px SST W20 Bold and `m-text-lead` is 16px/400/32px SST W20 Roman. The public home’s repeated header label is 14px/400/14px SST W20 Roman.
|
|
102
|
+
|
|
103
|
+
**Official distributed brand asset / license boundary.** Sony’s SST project identifies SST as a Monotype trademark and explains its design and multilingual development. The reviewed first-party source does not grant a public transferable webfont or redistribution license. Keep that design history separate from runtime availability and do not render a substitute as SST.
|
|
104
|
+
|
|
105
|
+
**Declared-only.** FontAwesome, SST W20 Bold Italic, SST W20 Condensed, SST W20 Heavy, SST W20 Italic, SST W20 Light, SST W20 Medium, SST W20 Ultra Light, and the SST W55 faces appear only as declared font-face assets with zero visible uses in this packet. They are not typography tokens.
|
|
106
|
+
|
|
107
|
+
**System and unresolved.** `Arial` and `sans-serif` are fallback/system occurrences; `Times` and SST W20 Regular are unresolved computed families. None is a Sony substitute or a tokenized brand fact.
|
|
108
|
+
|
|
109
|
+
## 4. Component Stylings
|
|
110
|
+
|
|
111
|
+
### Public header navigation
|
|
112
|
+
|
|
113
|
+
**Dark header navigation link**
|
|
114
|
+
- Background: `#000000`
|
|
115
|
+
- Text: `#ffffff`
|
|
116
|
+
- Radius: 0px
|
|
117
|
+
- Padding: 20px 13px
|
|
118
|
+
- Font: 14px / 400 / SST W20 Roman
|
|
119
|
+
- Use: Public corporate-home `a.tmpl-headerNavItem_label`; representative selector `home::[data-omd-capture="1"]`, repeated across all three captured surfaces.
|
|
120
|
+
|
|
121
|
+
### Public products catalog
|
|
122
|
+
|
|
123
|
+
**Catalog title typography**
|
|
124
|
+
- Background: `#ffffff`
|
|
125
|
+
- Text: `#333333`
|
|
126
|
+
- Radius: 0px
|
|
127
|
+
- Font: 30px / 700 / SST W20 Bold
|
|
128
|
+
- Use: Public products-catalog `h1.m-h1`; representative selector `surface-2::h1`.
|
|
129
|
+
|
|
130
|
+
**Catalog lead copy**
|
|
131
|
+
- Background: `#ffffff`
|
|
132
|
+
- Text: `#656565`
|
|
133
|
+
- Radius: 0px
|
|
134
|
+
- Font: 16px / 400 / SST W20 Roman
|
|
135
|
+
- Use: Public products-catalog `p.m-text-lead`; representative selector `surface-2::p`.
|
|
136
|
+
|
|
137
|
+
### Observed interaction boundary
|
|
138
|
+
|
|
139
|
+
The packet records one `dialog-open` interaction on the corporate home. Its target geometry and controls are not promoted into a Sony dialog token because the capture does not establish a selector-backed, Sony-owned default dialog treatment. No generic hover, focus, pressed, disabled, error, toast, tab, toggle, or input state is asserted.
|
|
140
|
+
|
|
141
|
+
---
|
|
142
|
+
**Verified:** 2026-07-13
|
|
143
|
+
**Tier 1 sources:** https://www.sony.com/en/, https://www.sony.com/en/SonyInfo/products/, https://www.sony.com/en/SonyInfo/products/#electronics, https://www.sony.com/en/SonyInfo/design/stories/sst-font/
|
|
144
|
+
**Tier 2 sources:** https://getdesign.md/sony and https://styles.refero.design/?q=sony were both attempted through built-in web retrieval; both returned an internal error, so neither supplied a value or an absence determination.
|
|
145
|
+
**Conflicts unresolved:** none
|
|
146
|
+
|
|
147
|
+
## 5. Layout Principles
|
|
148
|
+
|
|
149
|
+
The three supplied surfaces were captured at 1440×900. The repeated header label has 20px vertical and 13px horizontal padding, while the measured products title and lead establish a 30px/42px then 16px/32px public-catalog reading hierarchy. The packet does not establish a universal content grid, mobile breakpoint, checkout layout, or authenticated-product navigation model.
|
|
150
|
+
|
|
151
|
+
## 6. Depth & Elevation
|
|
152
|
+
|
|
153
|
+
The representative header link, catalog title, and lead-copy samples report `box-shadow: none`. The observed hierarchy comes from black/white contrast, image/content blocks, and typographic scale. No Sony-wide card, menu, modal, tooltip, or floating elevation scale is claimed.
|
|
154
|
+
|
|
155
|
+
## 7. Do's and Don'ts
|
|
156
|
+
|
|
157
|
+
### Do
|
|
158
|
+
|
|
159
|
+
- Keep the public-header link’s measured black/white polarity, sharp corners, and 20px × 13px padding together.
|
|
160
|
+
- Use SST W20 Roman and Bold only when the authorized family is available and only for the public-surface roles documented here.
|
|
161
|
+
- Preserve the observed public products-catalog hierarchy of 30px/700 title and 16px/400 lead copy where that same surface pattern is intended.
|
|
162
|
+
- Keep corporate portal, catalog, device, entertainment-service, and authenticated-product claims in their own evidence domains.
|
|
163
|
+
|
|
164
|
+
### Don't
|
|
165
|
+
|
|
166
|
+
- Do not render Arial, sans-serif, Times, or an unresolved SST W20 Regular result as though it were Sony SST.
|
|
167
|
+
- Do not turn the browser-default blue link or isolated dialog color into a Sony action token.
|
|
168
|
+
- Do not infer a responsive grid, generic card treatment, form control, or consumer-product UI from this public portal capture.
|
|
169
|
+
- Do not promote declared-only SST variants or FontAwesome as visible Sony UI typography.
|
|
170
|
+
|
|
171
|
+
## 8. Responsive Behavior
|
|
172
|
+
|
|
173
|
+
No alternate viewport was supplied. This reference has no Sony-specific mobile navigation, breakpoint, grid-collapse, or touch-target claim.
|
|
174
|
+
|
|
175
|
+
## 9. Agent Prompt Guide
|
|
176
|
+
|
|
177
|
+
### Quick reference
|
|
178
|
+
|
|
179
|
+
- Public header navigation link: `#000000` background, `#ffffff` text, 0px radius, 20px 13px padding, SST W20 Roman 14px/400.
|
|
180
|
+
- Public products-catalog title: SST W20 Bold 30px/700/42px on white.
|
|
181
|
+
- Public products-catalog lead: SST W20 Roman 16px/400/32px with `#656565` text on white.
|
|
182
|
+
|
|
183
|
+
### Boundary-aware prompt
|
|
184
|
+
|
|
185
|
+
"Apply Sony’s captured English public-portal header link only where that exact public-navigation context is wanted: black fill, white 14px SST W20 Roman label, square corners, and 20px 13px padding. Keep products-catalog headings at the separately observed SST W20 Bold 30px/700/42px hierarchy. Do not invent a Sony form, card, app, or system-font substitute."
|
|
186
|
+
|
|
187
|
+
## 10. Voice & Tone
|
|
188
|
+
|
|
189
|
+
Sony’s first-party corporate language is purpose-led, imaginative, and precise: it pairs creativity and technology with emotional outcomes, while its SST story explains usability through concrete, legibility-focused reasoning.
|
|
190
|
+
|
|
191
|
+
| Do | Don't |
|
|
192
|
+
|---|---|
|
|
193
|
+
| Lead with the human or creative outcome, then name the technology. | Present technology as an end in itself. |
|
|
194
|
+
| Use direct, calm language for product and corporate information. | Inflate ordinary catalog information with unverified superlatives. |
|
|
195
|
+
| Make inclusiveness and legibility concrete when describing experience. | Treat corporate values as proof of a specific UI token. |
|
|
196
|
+
|
|
197
|
+
- Purpose sample — “Fill the world with emotion” is Sony’s official Purpose wording. [Purpose & Values](https://www.sony.com/en/SonyInfo/CorporateInfo/purpose_and_values/)
|
|
198
|
+
- Product sample — describe SST as sharp, readable, and designed for many languages only in the scope Sony Design gives it. [SST Type Project](https://www.sony.com/en/SonyInfo/design/stories/sst-font/)
|
|
199
|
+
- Corporate sample — use the current identity of a creative entertainment company with a technology foundation when describing the Group, not as an interface specification. [Corporate blog](https://www.sony.com/en/SonyInfo/blog/2021/04/08/)
|
|
200
|
+
|
|
201
|
+
## 11. Brand Narrative
|
|
202
|
+
|
|
203
|
+
Sony began in 1946 as Tokyo Tsushin Kogyo, with a founding prospectus that linked a free and open-minded technical workplace to contribution to Japanese culture. The Sony name arrived in 1958; the official history positions a willingness to do what had not been done before as a continuing part of the Group story. [History](https://www.sony.com/en/SonyInfo/CorporateInfo/History/)
|
|
204
|
+
|
|
205
|
+
Its current Purpose is to fill the world with emotion through creativity and technology. Sony’s stated values—Dreams & Curiosity, Diversity, Integrity & Sincerity, and Sustainability—give that broad portfolio a common direction without collapsing its different businesses into one product surface. [Purpose & Values](https://www.sony.com/en/SonyInfo/CorporateInfo/purpose_and_values/)
|
|
206
|
+
|
|
207
|
+
At the 2021 Group-management transition, Sony described its identity as a creative-entertainment company with a solid foundation of technology and its corporate direction as getting closer to people. Kenichiro Yoshida’s attributed direction, “Pioneer the future with dreams and curiosity,” is an official leadership message, not a component rule. [Corporate blog](https://www.sony.com/en/SonyInfo/blog/2021/04/08/) · [Careers message](https://www.sony.com/en/SonyInfo/Careers/message/index.html)
|
|
208
|
+
|
|
209
|
+
## 12. Principles
|
|
210
|
+
|
|
211
|
+
1. **Connect creativity with technical clarity.** Sony frames both as necessary to create emotion. *UI implication:* explain what a feature enables before detailing its mechanism.
|
|
212
|
+
2. **Design for legibility across touchpoints.** The SST project emphasizes readability, small-size recognition, and multilingual consistency. *UI implication:* keep the documented SST roles distinct; never mask a fallback as SST.
|
|
213
|
+
3. **Get closer to people without collapsing evidence domains.** Sony’s corporate direction is people-centered across diverse businesses. *UI implication:* do not use a corporate portal’s header geometry as proof of a native device or service pattern.
|
|
214
|
+
4. **Leave unmeasured patterns absent.** The packet supports a narrow set of public portal facts. *UI implication:* avoid filling in cards, form states, and responsive rules from generic conventions.
|
|
215
|
+
|
|
216
|
+
## 13. Personas
|
|
217
|
+
|
|
218
|
+
These are evidence-bounded stakeholder roles, not demographic or behavioral research personas.
|
|
219
|
+
|
|
220
|
+
- **Creators and creative partners** — Sony’s corporate narrative describes creators as central to its creative-entertainment identity. Their needs and workflows are not measured by this public portal packet.
|
|
221
|
+
- **People experiencing Sony content and products** — Sony’s Purpose is directed at emotional experiences for people; this does not establish a specific consumer journey or device interface.
|
|
222
|
+
- **Corporate and product-information visitors** — the captured users of the public portal/catalog can read company and product information through the observed header and editorial hierarchy; no further intent is inferred.
|
|
223
|
+
|
|
224
|
+
## 14. States
|
|
225
|
+
|
|
226
|
+
| State | Evidence boundary |
|
|
227
|
+
|---|---|
|
|
228
|
+
| Dialog open | One corporate-home interaction records `dialog-open`; no selector-backed Sony dialog geometry or component token is asserted. |
|
|
229
|
+
|
|
230
|
+
No empty, loading, error, success, skeleton, disabled, hover, focus, pressed, selected, or validation state values are present in the canonical tokens because the supplied packet does not establish them for a matching Sony-owned component.
|
|
231
|
+
|
|
232
|
+
## 15. Motion & Easing
|
|
233
|
+
|
|
234
|
+
The packet contains no measured duration, easing, transition, or animation property suitable for a Sony motion token. Leave motion values absent rather than deriving them from the public portal or a generic system.
|