KINDAI GRAFFITI 近畿大學

日本近畿大學的大學介紹網站「KINDAI GRAFFITI」，日文。左上一個黑色粗體的「9」字形標誌「KINDAI GRAFFITI」和「近畿大学 大学案内」，右上 Instagram、螢光黃綠的膠囊「データブック」、深藍的膠囊「入試情報」、黑色圓形的搜尋和選單。第一屏是一排像雜誌一樣立起來、扇形展開的專題封面（1000 ANSWERS 近大生のヘイキン、学生起業家、生駒祭…），後面一個超大、很淡的灰色斜體「KINDAI GRAFFITI」，左邊一條螢光黃綠的直線，下面一條黑框 hashtag 標籤的跑馬燈。

往下是一塊一塊、每塊各自設計的專題橫幅，像在翻一本塞滿貼紙的學生雜誌：「RECOMMEND」的輪播、淺水藍底的「人気記事」、Instagram 的街拍、「Kindai-jin SNAP」大字和整排的學生全身照（每人一行今日的穿搭重點）、黃綠底的「近畿大学を選んだ理由は？」手寫留言牆、拼貼的「KINDAI SELFIE」校園地圖、紫色的「時間割＆バッグの中身」、魚圖鑑、粉紫漸層的「美容通信」、淡綠的「近大人 ROOM GALLERY」、「先生のお部屋探訪」、綠底的生駒祭、拱門形照片的校友（OB・OG）。

整體是普普、拼貼、很吵的大學生雜誌風：白底和黑字當骨架，螢光黃綠是主要的點綴，再加上每個專題各自的顏色（紫、橘、藍、綠、粉紫）；按鈕都是膠囊，卡片是黑色粗框，到處是傾斜的照片、手寫字和貼紙。

• Canvas（#FFFFFF）、Text（#000000）：白底黑字，所有專題的骨架。

• Primary（#000000）：黑色的膠囊按鈕（もっとみる、探す）、黑色的粗框。

• Lime（#DCFF00）、Lime green（#B4F51E）：螢光黃綠。「データブック」按鈕、左邊的直線、選中的輪播點、留言牆的底，是品牌的點綴色。

• Navy（#2E527C）：「入試情報」按鈕和螢光綠按鈕上的字。

• Orange（#ED6A02）：「1000Answers」這類小標籤的底。

• 專題色：Purple（#7632E1）、Plum（#65117E）、Blue（#0070BC）、Sky（#01A7EA）、Aqua（#C0E2E6）、Green（#2C8C64）、Magenta（#C80260），每個專題、每個學部的按鈕各用一個。

• Surface（#E2E2E2）、Select（#EFEFEF）：Instagram 那段的淺灰底、下拉選單。

日文用 Noto Sans JP（Google Fonts），企業名稱用 Zen Kaku Gothic New 900，大標用 YuGothic 900；專題標題多半是圖片（手寫、拼貼字）。

• 段落的大標 38px／900（全国6キャンパスで近大人をスナップ！）。

• 學部按鈕 25.9px／700，白字；「もっとみる」23.6px／700。

• 企業名稱 22.5px／900；導言 20px／700、字距 1px。

• 內文 19.5px／500、行高 37px（約 1.9 倍）。

• 小標籤 15.75px／700；hashtag 15.75px／500；頁首的小按鈕 14px／700、字距 1.4px。

• 內容寬度約 1170px；專題橫幅大多是圓角的大塊，一塊接一塊往下排。

• 頁首固定在最上面：左標誌、中間「KINDAI GRAFFITI」、右邊按鈕群。

• 右邊一列很小的圓點，是專題的頁碼。

• 專題之間穿插跑馬燈（hashtag 標籤、「近大人の“リアル”がわかる！？」）。

• 每個專題的版面都不一樣：扇形的封面、拼貼的地圖、拱門形的照片、整排去背的全身照。

Responsive

• 375px 寬時，頁首剩標誌、データブック、入試情報、搜尋和選單；專題改成一欄，封面和橫幅縮成滿寬。

沒有陰影。層次靠拼貼：照片傾斜、互相疊著，貼紙、手寫字、粗框壓在照片上，跑馬燈斜斜地橫過。

• 按鈕都是膠囊：黑色的大按鈕、螢光黃綠和深藍的小按鈕、各學部顏色的大膠囊。

• hashtag 是 5.6px 小圓角的黑框；文章卡片、專題橫幅是 12px 左右的圓角、2px 黑色粗框。

• 校友照片是上方圓拱的拱門形；拼貼裡有星形、圓、方塊的色塊。

• 主要按鈕：黑底白字 23.6px／700，膠囊形，高 60px，右邊一個螢光綠圓形的 →（もっとみる）。

• 頁首按鈕：螢光黃綠（#B4F51E）底、深藍字，或深藍底白字的膠囊，120×35、14px／700。

• 學部按鈕：學部的顏色（紫、藍…）、白字 25.9px／700，2px 黑框的大膠囊，293×87，左邊內距 33.75px。

• hashtag 標籤：白底、1px 黑框、5.6px 圓角，15.75px，前面一個 #。

• 小標籤：橘色（#ED6A02）底、白字的膠囊，壓在專題封面上。

• 街拍卡：去背的全身照，下面學部年級、名字、今日的穿搭重點和價錢。

• 輪播箭頭：72px 的黑色圓形，白色箭頭。

• 要用白底黑字當骨架，螢光黃綠當主要的點綴，每個專題再用自己的顏色。

• 版面要像學生雜誌的拼貼：照片傾斜疊放、手寫字、貼紙、跑馬燈。

• 按鈕都做成膠囊；卡片和橫幅用黑色粗框加圓角。

• 字要粗（700～900），內文行高拉開。

• 不要每個專題都用一樣的版面，也不要加陰影；熱鬧感靠顏色和拼貼。