astertaste
怎麼使用

把喜歡的網站風格，
交給你的 AI。

從 40+ 個網站量出顏色、字型、圓角和元件，整理成一份 DESIGN.md。

試試：
  1. 1 找喜歡的網站
  2. 2 下載 DESIGN.md
  3. 3 交給 AI 做出同樣風格
  4. 看怎麼使用
KINDAI GRAFFITI 近畿大學
01 / 05

BROWSE

瀏覽全部網站

用產業、主色或設計風格縮小範圍

共 42 筆

  • ja
    KINDAI GRAFFITI 近畿大學
    日本近畿大學的大學介紹網站，像塞滿貼紙的學生雜誌：白底黑字當骨架，螢光黃綠當主要點綴，每個專題各用自己的顏色（紫、橘、藍、綠、粉紫）。照片傾斜疊放，配手寫字、貼紙和跑馬燈；按鈕都是膠囊，卡片和專題橫幅是黑色粗框加圓角，字很粗，沒有陰影。
  • ja
    循環葬 RETURN TO NATURE
    森林葬的服務網站，安靜自然的綠：淺灰綠、淡橄欖、米黃的底配深綠的字，按鈕是像土的赭色膠囊。標題用 Shippori Mincho 明體、字距拉得很開、錯開排，內文用 Zen Kaku Gothic、行高拉開；照片是柔焦的森林、土和手。卡片 6～10px 小圓角，畫面下方浮著白色的按鈕列，沒有陰影。
  • ja
    せきがはら人間村
    日本關原的戶外藝術園區網站，草地上的石雕、樹和天空的照片當主角，介面只有白、近黑和灰。日文全用明體、很多直排，英文用字距收緊的 Cormorant Garamond 大寫；照片和卡片是 5px 小圓角，白卡片疊在黑白的背景照片上。按鈕是黑底小長條加 ▶，標籤和 MENU 是膠囊，沒有陰影。
  • en
    Lenval Properties
    阿布達比高級住宅開發商的網站，電影感的滿版影像當主角，介面只有深咖啡近黑和米白兩色。標題是 Financier Display 的襯線字、行距壓得比字還小、錯開排；其他都是極小的 Helvetica Now 大寫字。沒有按鈕的框、圓角和陰影，連結只是小字加 ↗，頁首直接壓在影片上。
  • ja
    RGF Professional Recruitment
    高階人才仲介的網站，白底和黑底的大段交替，介面只有黑白灰；彩色只出現在黑底上彩虹漸層光暈的玻璃球體，和「Unleash」的紫色漸層字。左邊固定一塊 12px 圓角的側邊欄，英文用 PP Neue Montreal、日文用粗黑體；按鈕都是膠囊，主要的黑底，統計卡片是黑底細框，沒有陰影。
  • en
    飛地·荷蘭書店 Nowhere Netherlands
    荷蘭華文獨立書店的 Shopify 網路書店，淺灰白底配深灰黑字，顏色全部交給書的封面。標題是高對比的 Bodoni Moda 襯線字、置中，內文和按鈕用 Arsenal；按鈕是直角，主要的黑底、次要的細框，大寫小字、字距拉開。商品四欄整齊排列，欄與欄用 1px 的淡細線分開，沒有陰影和圓角。
  • zh-Hant-TW
    2026 台東博覽會 Taitung Expo
    縣政府辦的博覽會活動網站，主題「Slow for life」。深藍、中藍和黃色的大色塊，第一屏是黃色的太陽、半透明的淺藍帶子和散開的字母；段落之間用大弧形、波浪和一條跑馬燈接。英文和數字用寬圓角的 Unbounded，按鈕和展區分頁是細框的膠囊，陰影只有頁首下面很淡的一條。
  • en
    何庭安 Ting-An Ho
    平面設計師的作品集，整頁就是一面三欄、一樣大小、8px 圓角的作品牆，介面只有白底和半透明的黑色小字，顏色和形狀都交給作品。導覽是 Monument Grotesk 的大寫小字、字距拉開，介紹一句話之後就是作品，沒有標題、色塊、按鈕和陰影。
  • zh-Hant-TW
    AAPD 產品設計學院
    教產品設計的線上學校網站，米白底配深藍黑的超粗標題，標題裡的重點詞輪流換成橘、橄欖綠、藍色。手繪的線條人物從大「α」和框裡探出身體；卡片是 24px 大圓角、很淡的陰影，按鈕是 8px 小圓角的黑色或淺灰。段落用米白、深藍黑、淡綠換底，頁尾是圓角的深色面板。
  • en
    川正製造所 Kawamasa
    CNC 精密加工廠的網站，米色和深咖啡兩色，像銅零件和工程圖紙。第一屏是銅色零件的插畫，上面浮著半透明米色、12px 圓角的導覽列；整頁用細虛線畫出三欄格線，左欄固定一塊半透明的側邊面板。字是幾何感的 Onest 粗體，偶爾換成細斜體襯線字；標籤和規格卡是直角深咖啡框，右下角三顆圓形按鈕。
  • ja
    Billboard Live
    音樂餐廳的網站，白底和偏暗的滿版影片交替，字是深藍黑。標題是超大、字距收很緊的英文 area-normal，常把照片放進字裡、讓字超出畫面；照片斜斜疊著飛過。螢光綠只用在膠囊形的 Menu、Login 和圓形的播放按鈕，卡片是小圓角、淡框，沒有陰影。
  • en-US
    Dulcedo
    模特兒和網紅經紀公司的網站，黑、白、金三色的高對比。第一屏全黑，金色超粗、字距收緊的大寫標語撐滿寬度；往下白底，Helvetica Now Display 的粗體大寫配很細的斜體襯線字 Saol Display 疊在一起。人像照片三欄錯開排當主角，按鈕是小小的黑色膠囊，卡片幾乎是直角，沒有陰影。
  • ja
    UGOKKO うごっこ
    給孩子的運動教室網站，大面積的水藍和米白，配粉紅、橘、黃、綠、紫五個毛絨角色的顏色，一種服務一個顏色。字是圓體 Zen Maru Gothic 和圓圓的 Fredoka；什麼都圓：膠囊按鈕、粉紅的圓形箭頭、220px 圓拱的卡片、波浪的邊緣。角色從畫面邊緣探出頭，右邊固定三個彩色的直式分頁，沒有陰影。
  • ja
    IMAYO 今与
    京都珠寶商的官網，白、黑、灰的安靜精品感，讓有光影的人像和珠寶特寫當主角。標題用 Adobe Garamond 和明體，導覽是小小的大寫字；頁首是懸在頂端的白色細長條，按鈕是直角的黑色長條、字在左箭頭在右。滿版照片上疊半透明白的面板，直排的「IMAYO」大字當記號，沒有陰影。
  • ja
    SEE/SAW
    日本沙龍髮品的品牌網站，像時尚雜誌：白底黑字，柔和有光暈的人像照片大小不一地錯開排。日文標題用明體，英文段落名用 Libre Baskerville、大寫加括號，例如「(ABOUT)」；按鈕是 12px 圓角的小膠囊，黑底或細黑框。整段換成淡灰紫或深灰的底分區，右下角浮著黑色的 SALON SEARCH，沒有陰影。
  • und
    霹靂布袋戲 PILI
    布袋戲的官網，深灰黑的底配白字，一段只用一個很亮的顏色打亮：第一屏的大塊藍、當家台柱的紫、標籤和進度條的螢光青綠。戲名和口號是書法字配潑墨，戲偶照片黑白高對比；介面全用 Helvetica、字重 400，按鈕和卡片都是直角、扁平，沒有陰影。
  • zh-Hant
    百信建材 PAISHIN
    進口磁磚和石材的建材網站，全黑的底配白字，彩色只有標誌的紅。標題用明體、字距拉得非常開，英文用 Didot；照片多是灰階或很暗的材質和空間，錯落排成格狀，10px 圓角。連結只是一行字加一條細底線，沒有按鈕的框、沒有陰影，像精品的形錄。
  • zh-TW
    cacao 可口
    藝文生活誌的網站，白底黑字、照片當主角，只在最上面用一條螢光黃綠的細長條點綴。像雜誌目錄一樣一個分類一段：窄體的 Roboto Condensed 段落名、大照片、11px 的日期和細黑框的膠囊標籤、24px 的標題。用 1px 的黑色細線分隔，按鈕和輸入框是 4px 小圓角，幾乎沒有陰影。
  • zh-TW
    臺北伊斯特職業排球隊 East Power
    職業排球隊的官網，橘、黑、白三色。段落標題是 Teko 的超粗窄體英文大寫，後面墊一排很淡的同一個字；日期、背號、價錢也用 Teko。卡片 10～20px 圓角、細框分開，主要按鈕是橘底的小圓角長方形，畫面下方一直浮著白底淡陰影的「下一場比賽」資訊列，段落間穿插斜的黑底跑馬燈。
  • zh-TW
    光嶼顯微牙醫 Eutopia Dental Clinic
    像藝廊一樣的牙科診所網站：帶紙張質感的米灰底、深灰咖啡色的字和段落，米白的區塊。英文是細襯線的 Marcellus，中文標題用明體、字距拉開；牙齒照片配冰河、峽谷、貝殼的質地照片，捲動時錯開移動。幾乎沒有按鈕和陰影，只有細框的圓形選單和 5px 圓角的卡片。
  • und
    少年報導者 The Reporter for Kids
    寫給孩子看的新聞網站，珊瑚粉紅配白和米色，黃、藍的書本小人插畫。所有東西都很圓：膠囊按鈕、30px 圓角的白卡片、96px 圓角的第一屏大卡片、粉紅的圓形箭頭，區塊之間用波浪曲線接起來。主要按鈕是實心粉紅，次要的是白底粉紅框；陰影非常淡。
  • zh-Hant
    簡訊設計 Simpleinfo
    用滑鼠滾輪橫向捲動的設計公司網站，最下面一條黑色進度條。淺灰底、黑字，段落直接換成整片的黃或藍，插畫是黃、藍、黑的扁平人物。字是寬體的 aktiv-grotesk-extended，字重都是 400；按鈕是黃色或淺灰的大圓角膠囊，頁首的聯絡我們是一塊直角的黃，沒有陰影。
  • en
    康橋商旅 Kindness Hotel
    深綠、白和淺灰的飯店網站，左邊固定一條深綠直欄放直排的店名。第一屏是偏暗的滿版照片配白色襯線字和半透明的毛玻璃訂房列；標題用襯線字 Gambetta、內文用 Inter，行高拉開、留白很多。按鈕是細框的膠囊，分館照片右下斜切一塊深綠，陰影只給選單按鈕。
  • und
    50嵐 FIFTYLAN
    品牌藍、白、黃三色的手搖飲品牌網站，Red Hat Display 的粗體大寫字。第一屏一整條藍底配撐滿寬度的白色大字，杯子跟著捲動倒進珍珠和茶；段落用斜放的大字、跑馬燈、半圓和波浪形的色塊。按鈕是白底細藍框的橢圓配粗斜體字，沒有陰影。
  • und
    舊振南
    百年糕餅老店的品牌網站，米色漸層底配金棕和正紅。標題是置中的明體加一行灰棕色的英文襯線字，段落之間留大片空白、放直排的短句和小圓章。內文行高 2 倍、字距拉開；按鈕是金棕色的膠囊，商品照片 20px 圓角，頁尾整片正紅，沒有陰影。
  • zh-TW
    國家兩廳院
    白底、接近黑的字配兩廳院紅。左邊一條 80px 的直欄放標誌和圖示；段落標題是空心外框的英文大字配一行字距拉開的中文。照片、資訊框和色塊都切成斜的梯形，沒有圓角；紅色只用在圓形的分類標籤、會員徽章和輪播的進度線，箭頭按鈕是黑色細框的正圓。
  • zh-TW
    TASA 國家太空中心
    接近黑的底配白字，首頁是一圈 3D 玻璃片在黑底上旋轉。每個區塊只放一件事：120px 的白色英文大標題加一行小中文，內容捲到才浮進來。頁首和卡片是半透明的毛玻璃，卡片底部帶深藍漸層、細藍框；按鈕是直角細框加四角框角，藍色只當光暈和線條。
  • und
    台灣山葉機車 Yamaha Motor Taiwan
    深灰頁首、全黑的影片輪播，往下是從亮藍漸層到深藍、疊著斜紋的 Yamaha 藍區塊，區塊之間用斜切的色塊分開。字是偏細的 Noto Sans TC，車款類型用 Barlow Semi Condensed 粗體；按鈕是白色斜角長條拖一條深藍線，全站直角，紅色只用在標誌和分類標籤。
  • zh-Hant-TW
    永豐 DAWHO 數位帳戶
    黑底配香檳金的數位銀行網站。100px、字重 900 的金色大標題，頁首和按鈕都是膠囊形：主要的是金色或金色漸層，次要的是黑底金框。背景用金色細線、放射線條和大圓裝飾，沒有陰影；一段黑底、一段金底交替，只有活動卡片是白底直角。
  • en
    Gamania 橘子集團
    淺灰白底配純黑的 Helvetica Neue 粗體，首頁一行撐滿寬度、字距收緊的超大標題。按鈕和導覽連結都是膠囊形，卡片是 23px 的大圓角、沒有陰影；區塊用整段換底色分開，新聞區是黑底上綠、黃、藍的彩色卡片，品牌橘只用在標誌和浮動按鈕。
  • ja
    Hakuhodo Recruitment
    灰色紙底配墨黑色的字，整站只用一種字重的日文古風字體。每個標題底下墊一張白紙條，按鈕是方角的黑底或白底，照片像用膠帶貼在剪貼簿上，不用陰影。
  • en
    xAI
    白底、近黑字的黑白網站，彩色只出現在程式碼的範例裡。大標題用 xAI 自己的可變字型，字重 450、字距收緊；按鈕都是膠囊形，主要的黑底白字、次要的米灰底。卡片是很淡的暖灰底、16px 圓角，沒有陰影和框線。
  • ja
    日本タイポグラフィ協会
    淺灰白底配黑字，沒有任何彩色和陰影。首頁中段是一排黑白交錯的長條，上面是直排的明朝體；分類標籤是直角細框，按鈕是細黑框的膠囊形，標題字距逐字調整。
  • ja
    サン防災
    第一屏是整片等角視角的城鎮插畫，淡藍、淡綠、米白配橘紅色的消防車。標題用很粗的黑體，卡片是圓角加薄荷綠的實心位移陰影，右上角一顆橘紅色聯絡按鈕。
  • ja
    Rosso
    近黑的深藍底，中央是紅色發光線條的 3D 動畫。英文用像素風的等寬字，常用括號包起來，上方一條半透明暗紅色的導覽膠囊，看起來像終端機畫面。
  • ja
    エムハンド 寺社Web制作
    整面可可棕底配米色字，標題用明朝體，旁邊有直排的小字。右邊一張四角內凹的綠色水面照片，下方站著手繪的黑色毛球角色，沒有任何亮色。
  • zh-TW
    Airbnb
    白底深灰字，中間一條大圓角搜尋列配粉紅色的圓形搜尋鈕。房源照片排成一列列圓角正方形，字小，層次靠粗細，粉紅色只出現在標誌和搜尋鈕。
  • en
    Stripe
    白底上斜斜劃過一道橘、粉、紫的大漸層色帶。大標題用細字重、字距收緊，一句話前半深藍黑、後半灰藍；按鈕是藍紫色的小圓角長方形，背景有淡淡的直線。
  • zh-TW
    IKEA
    白底黑字的電商首頁，標題全用粗黑體。按鈕和搜尋框都是膠囊形，藍色當主要按鈕、黃色當客服按鈕，促銷圖拼成大小不一的方格。
  • zh-TW
    Starbucks
    頂端一條星巴克綠的色條，下面是淺灰和白底，大張飲料照片當主視覺。按鈕是黑色細框的膠囊形，文字全用一般粗細的黑體，層次靠字級拉開。
  • zh-TW
    Nintendo
    白底和淺灰底為主，左上角一塊紅底白字的標誌定調，紅色只用在主要按鈕和選中的頁籤。按鈕、頁籤方正，幾乎沒有圓角，色彩交給遊戲主視覺。
  • zh-TW
    Apple
    黑底和淺灰底的滿版區塊輪流出現，每塊只放一項產品的大照片和置中的粗黑體標題。藍色只用在膠囊形按鈕和連結，沒有陰影和框線。