🔔 Noetra lorem ipsum dolor AI lorem ipsum dolor sit amet consectetur adipiscing lorem ›

lorem ipsum dolor sit amet,
lorem ipsum dolor sit

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. lorem, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. computed style lorem ipsum dolor.

01 / COLORS

lorem ipsum #1a4aff lorem 1 lorem

Brand
PFN Blue
#1a4aff
lorem ipsum. CTA / lorem / lorem ipsum dolor
Deep Navy
#0d318f
Cookie lorem ipsum. UI lorem ipsum dolor
Neutral
Background
#ffffff
lorem ipsum. html/body lorem ipsum dolor
Surface Tint
#f3f7ff
lorem ipsum dolor. lorem ipsum
Surface Gray
#f7f7f8
lorem ipsum dolor sit
Ink
#000000
lorem / lorem. lorem ipsum
Divider
#90a1b9
lorem / lorem
Gradients — lorem background-image lorem

lorem ipsum dolorbackground-color lorem ipsum.lorem ipsum dolor“lorem ipsum dolor sit amet consectetur”lorem ipsum dolor sitlorem,background-color lorem ipsum dolor CTA lorem ipsum dolor“lorem”lorem ipsum.

Heading Gradient
linear-gradient(160deg, #010947, #0043af 51.03%, #0046ff 99.04%)
＋ background-clip: text
Card Gradient(lorem / 5 lorem ipsum)
linear-gradient(160deg, #01053f 20%, #001b6d 40%, #022d73 60%, #00237e 70%, #000a58 90%)
Radial(lorem ipsum)
radial-gradient(circle at 76% 84%, #002fd7 0px, #000e7e 100%)
Solid-as-Gradient（CTA）
linear-gradient(160deg, #1a4aff 0px, #1a4aff 100%)
02 / TYPOGRAPHY — lorem

lorem ipsum“36px lorem”1 lorem ipsum dolor

lorem ipsumletter-spacingline-heightlorem
≥ 36px0.03em1.3lorem. lorem ipsum, lorem ipsum dolor sit
16〜30px0.05em1.5lorem / lorem ipsum. lorem ipsum, lorem ipsum dolor sit
≤ 14px0.05em1.3UI lorem ipsum. lorem ipsum dolor, lorem ipsum dolor
loremnormal1.5lorem ipsum. lorem／lorem ipsum dolor sit amet consectetur
lorem ipsum dolor sit amet
72px / 400 / line-height: 1.3 (93.6px) / letter-spacing: 0.03em (2.16px) / background-clip: textHero — color lorem transparent
lorem ipsum dolor sit amet consectetur
48px / 400 / line-height: 1.3 (62.4px) / letter-spacing: 0.03em (1.44px)lorem ipsum dolor(h2)
lorem ipsum dolor
36px / 400 / line-height: 1.3 (46.8px) / letter-spacing: 0.03em (1.08px)lorem ipsum dolor — lorem ipsum dolor
lorem ipsum dolor sit amet consectetur
30px / 400 / line-height: 1.5 (45px) / letter-spacing: 0.05em (1.5px)lorem — lorem ipsum dolor. lorem ipsum dolor
lorem ipsum dolor AI lorem ipsum dolor sit amet / lorem ipsum dolor
24px / 400 / line-height: 1.5 (36px) / letter-spacing: 0.05em (1.2px)lorem ipsum dolor(h3)
lorem ipsum
20px / 500 / line-height: 1.5 (30px) / letter-spacing: 0.05em (1px)lorem ipsum dolor sit amet — 500 lorem ipsum dolor
PFN lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur adipiscing.
18px / 400 / line-height: 1.5 (27px) / letter-spacing: 0.05em (0.9px)lorem(lorem)
lorem ipsum dolor — lorem ipsum dolor sit amet consectetur, lorem, lorem ipsum dolor. font-weight lorem 400 lorem, 700 lorem ipsum dolor. lorem ipsum dolor / lorem ipsum dolor / lorem ipsum dolor sit.
16px / 400 / line-height: 1.5 (24px) / letter-spacing: 0.05em (0.8px)lorem ipsum
2026.07.16 — lorem ipsum dolor / lorem ipsum UI lorem ipsum
14px / 400 / line-height: 1.3 (18.2px) / letter-spacing: 0.05em (0.7px)UI — lorem ipsum dolor
03 / CARDS

lorem ipsum dolor → lorem ipsum → lorem ipsum dolor lorem

lorem ipsum dolor sit amet consectetur,
AI lorem ipsum dolor sit amet consectetur

Preferred Networks (PFN) lorem, AI lorem ipsum dolor sit, lorem ipsum AI lorem ipsum MN-Core, lorem ipsum, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.

lorem ipsum lorem ipsum lorem ipsum dolor

PFN lorem ipsum dolor sit amet consectetur

2026.07.16
lorem ipsum

lorem

lorem ipsum dolor sit amet consectetur, lorem, lorem ipsum dolor.

lorem ipsum dolor

lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor

lorem / lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor sit

lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor radius 16px / overflow hidden. lorem ipsum dolor 2 lorem ipsum dolor, lorem ipsum dolor sit amet.

04 / BUTTONS

radius lorem 6px(lorem)lorem 16px(lorem)lorem 2 lorem

lorem ipsum dolor
Primary — lorem ipsum ＋ 1px rgba(0,0,0,.2)
lorem ipsum
Secondary — lorem / lorem / lorem ipsum
lorem ipsum dolor
Secondary(lorem)— 14px
lorem ipsum lorem ipsum lorem ipsum dolor

On-Navy — lorem ipsum dolor CTA. lorem / radius 6px / 14px

lorem ipsum — lorem ipsum dolor(radius 80px)

🔔 Noetra lorem ipsum dolor AI lorem ipsum dolor sit amet consectetur adipiscing lorem ›

lorem ipsum dolor sit amet. lorem ipsum dolor sit 6px lorem ipsum dolor.

05 / FORMS

lorem ipsum dolor

lorem ipsum — 1px solid rgba(0,0,0,0.2) / radius 6px
lorem ipsum — border: #1a4aff
lorem — border: #d62828(lorem ipsum. #1a4aff lorem ipsum dolor)
06 / ELEVATION — lorem(lorem 0 lorem)

lorem ipsum dolor sit amet

lorem #ffffff
lorem ipsum
lorem #f7f7f8
lorem ipsum dolor
lorem #f3f7ff
lorem ipsum
lorem ipsum
lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit

box-shadow lorem ipsum dolor 1 lorem ipsum dolor. Mantine lorem--mantine-shadow-*(250 lorem CSS lorem)lorem ipsum dolor sit amet consectetur.PFN lorem #1a4aff lorem Mantine lorem ipsum dolor sit amet。

07 / LAYOUT

lorem ipsum dolor sit amet consectetur

1 · 4
2 · 8
3 · 12
4 · 16
6 · 24
8 · 32
12 · 48
20 · 80
Main Container 1200px lorem
Article 760px lorem