DESIGN EXPLORATION · ROUND 2

All Ways × Orion — 六種視覺可能

保留 V7 酒紅經典做基準,五個新變體各自取自不同國際得獎網站的設計語言。點擊卡片開啟完整頁面。

停止做網站
開始建系統
V7BRAND LUXURY
BASELINE · 精品品牌

V7 · 酒紅經典

參考:Editorial + 精品品牌官網路線

Noto Serif TC + Inter。酒紅 + 深咖啡 + 深藍黑沉穩高級。split-screen hero、hover 翻色卡片、襯線數字。weider 已認可的基準版。

停止做網站
開始建系統
V7bFOREST CARAMEL
BASELINE VARIANT · 墨林焦糖

V7b · 森林焦糖

參考:義式皮件 / 手工酒廠 / Leica 工藝風

沿用 V7 精品版型與動畫結構,色票換成墨綠 + 焦糖橘 + 米白奶油的暖調組合。義式手工藝、皮革職人、單一麥芽威士忌的氣質,獨特但不浮誇。

停止做網站
開始建系統
V7cITALIAN PIAZZA
BASELINE VARIANT · 義式多色

V7c · 義式廣場

參考:托斯卡尼陽光 / 威尼斯紅磚 / Missoni

沿用 V7 精品版型與動畫結構,但打破單 accent 限制。四個色(赭紅 / 赭黃 / 橄欖綠 / 威尼斯藍)在不同 section 輪替登場,畫面豐富但仍保有沉穩感。走義式手工藝街區的氣質。

STOP BUILDING
WEBSITES
[ VARIANT A ]// NEON_CYBER
WEBGL · 實驗科技

A · 暗夜霓虹科技

參考:Active Theory、Lusion、Resn

JetBrains Mono + Noto Sans TC 粗體。粒子 canvas、glitch / scramble 文字、cursor trail、神經網絡節點脈衝。科技實驗室感。

停止做網站
開始建系統
VOL.01EARTH · ORGANIC
EDITORIAL · 雜誌暖色

B · 大地手作雜誌

參考:Studio Brief、Kinfolk、Obys

Fraunces + Caveat 手寫體 + Noto Serif TC。米杏紙 + 橄欖綠 + 赭紅土。NYT 版面 dropcap、手繪樹狀、墨水暈染、sepia 暖色照片。

STOP MAKING
WEBSITES
█ CBRUTAL / NEON
BRUTALIST · 反骨大膽

C · 野獸派螢光黃

參考:Basic Agency、Obys、Unseen Studio

Archivo Black + Space Grotesk 超粗。oversized type、橫向跑馬燈、粗黑框、階梯 workflow、方塊 cursor、按 G 顯示 12 欄格線彩蛋。搖滾反骨感。

停止做網站
開始建系統
DMUTED · PASTEL
MODERN · 北歐柔感

D · 莫蘭迪霧感現代

參考:Apple、Aesop、HERMÈS 現代

Playfair Display + Inter 輕字重。blur 柔化色塊漂浮、blob morph、pill 輸入框、老虎機滾動數字。氣質空氣感。

停止做網站
開始建系統
EST. 2024 · TAIPEIE · MIDNIGHT GOLD
LUXURY · 精品奢華

E · 午夜金箔奢華

參考:Cartier、Tiffany、Rolex、Awwwards 精品

Bodoni Moda + Montserrat + 羅馬數字 I/II/III。金線羅盤 hero、金色粒子 canvas、curtain 進場、金色 shimmer 掃光、打勾動畫。緩慢電影感。