FLiPERDESIGN SYSTEM

BRAND ATLAS · 02 / DESIGN HERITAGE

從識別,到一本誌

三個世代,一條由外向內的路。顏色不只是喜好,更記錄了 FLiPER 如何理解自己。

  1. 01 · ARCHIVE ONLY / 歷史存查

    初代 CIS · 紫色時代

    FLiPER Creative Inc. Design Guidelines V1.1

    最初的紫,建立的是企業識別的辨認度。按鈕、圖示、連結與互動狀態共享一組清楚的紫色階,灰階則讓內容維持秩序。這一代回答的是:「如何在各種接觸點,一眼認出 FLiPER?」

    Purple

    Button / Icon

    Link & Active

    連結 / 選取

    Hover

    滑過狀態

    灰階角色色值
    Title
    Content
    Description
    Border
    Background
    字級尺寸用途
    H124px標題
    H220px次標題
    H318pxHeadline
    p16pxBody

    四個官方變體 · 歷史對照

    使用同一份官方幾何字標呈現四種歷史配色;此為歷史視覺重建,不是四份原始 CIS 檔案。

    FLiPER
    Black
    Purple · #39308E
    FLiPER
    Purple&White
    FLiPER
    Black&White
    CSS
    /* ARCHIVE ONLY — 不可移入現行主題 */
    Purple: #39308E; Link & Active: #463FBB; Hover: #27206B;
    Title: #111111; Content: #444444; Description: #999999;
    Border: #DDDDDD; Background: #EEEEEE;
  2. 02 · RETIRED / 零留存使用

    4.0 過渡 · 黃色時代

    4.0 曾短暫以亮黃作為強調色。它有清楚的能量,卻也有過於外放的音量;當品牌走向一本安靜、細膩、有編輯靈魂的誌,這個顏色不再適合新的閱讀節奏。因此它已退役,零留存使用,只在這條時間軸裡保留記憶。

  3. 03 · CURRENT / 現行唯一正式規範

    墨與紙,加上一抹黎明

    從企業識別的紫,走向有編輯靈魂的墨與紙,FLiPER 把視覺的主角交還給作品與人。單色基底承載內容,細線與留白建立層次;曙光橘不再替每個按鈕發聲,只保留給連結、編輯口吻與小型標記。當顏色退後,故事才能走到前面。

    紫與黃皆已退役。任何新的 App、Web 或品牌接觸點,只採用本代規範;前兩代不得成為現行按鈕、圖示或標誌的配色來源。

    FLiPER