跳到內容
Islumina

素材設計

02
The Mark · 4 Directions

Geometric light,
geometric island.

四個方向，從具象徽章逐步抽象化為純粹的光與島幾何。每一個都建構自圓、弧、線與三角等幾何原型。

A · Solar Commons
忠於原稿的演化：圓徽、放射光、島丘與水波，線條更純粹。
★ Primary
B · Aperture
光圈與透鏡 — 一道弧為地平的島，中心一點為被觀照的光。
Lens
C · Beacon
極簡燈塔 — 三角的島峰托起一束光，向上、向外。
Minimal
D · Horizon Lume
日出與倒影 — 半圓的光升起於地平，水面映出韻律。適用於淺色底。
Reflective
03
Palette · Island & Sea

Cool depths,
luminous light.

靛藍與青是海與島，淺灰是霧與紙。一抹發光的青作為「lumina」的光源，在深色中升起。

DEEP SEA
Abyss
深底 / 文字反白
oklch(0.20 0.045 258)
CORE
Indigo
主色 / 品牌
oklch(0.42 0.130 263)
SEA
Azure
輔色 / 連結
oklch(0.58 0.130 245)
LIGHT
Teal Lume
光源 / 強調
oklch(0.74 0.105 210)
GLOW
Glow
高光 / 反白
oklch(0.88 0.085 200)
MIST
Mist
分隔 / 卡片底
oklch(0.92 0.012 240)
PAPER
Paper
頁面底色
oklch(0.975 0.006 240)
TEXT
Ink
內文 / 標題
oklch(0.26 0.04 260)
04
Typography · Geometric Sans

Precise, clear,
luminous.

Space Grotesk 作為標題與標準字，幾何骨架帶來科技與俐落感；Sora 為內文，humanist 的呼吸讓長文易讀。

Display · Space Grotesk
Aa
RegularMediumSemiBoldBold
超越疆界的共享公域，閃耀著民主韌性的光芒。
Text · Sora
Aa
LightRegularMediumSemiBold
A luminous engine where static assets are brought to life through intelligent state machines and autonomous agents.
Display / 96Islumina
H2 / 46A commons beyond borders
Mono / 12ISL · ISLAND · SHARED · LUMINOUS
05
In Use

The mark,
at every scale.

從應用程式圖示到網站首屏、社群頭像與 favicon — 同一個幾何系統在任何尺寸下都清晰可辨。

Web Hero / 橫幅1600 × 700
App IconiOS · macOS
Social Avatar圓形裁切
Favicon64 · 40 · 28 · 16
Clear space = ½ × mark diameter
Construction / 留白Min size 24px