Dulcedo

北美的模特兒、網紅、運動員經紀公司 Dulcedo 的網站（英文）。第一屏是全黑：最上面一列很小的金色導覽（Talents、Models、Blog、Agency、搜尋，正中間細細的襯線字「DULCEDO」，右邊 Contact、My Cast、EN），畫面中間一張黑白的人像，左右兩個小字「WE ARE」「DULCEDO®」；往下是一大段金色（#C5AE79）、超粗、字距收得很緊的大寫字「WE ELEVATE VOICES THAT SHAPE CULTURE: BUILDING INFLUENCE, IMPACT, AND LASTING LEGACY.」，後面接一張金色的直式小卡（介紹、圓形的標誌、Manifesto／History／Our Vision 三顆膠囊）。

往下換成白底：一排黑色超粗的大寫字「MODELS (+) INFLUENCERS ATHLETES ENTERTAINERS GAMERS」；「Featured PROFILES」上面一個很大的細斜體襯線字、下面接粗的無襯線大寫，中間一條橫線；人像卡片三欄錯開排（名字、追蹤數、黑白或彩色的照片）；「CAST YOUR PROFILES」的三個步驟（One／Two／Three 斜體襯線字加粗體大寫）；「Latest ARTICLES」；最後是頁尾。

整體是時尚經紀的高對比：黑、白、金三色，超粗、字距收緊的大寫無襯線字（Helvetica Now Display）配很細的斜體襯線字（Saol Display），照片當主角，按鈕是小小的膠囊。

• Inverse（#0A0A0A、#1A1A1A）：第一屏的黑底。

• Gold（#C5AE79）：黑底上的導覽、大段標語、介紹卡的金色，是品牌色。

• Canvas（#FFFFFF）、Text（#000000）：往下的白底黑字。

• Primary（#000000）：黑色的膠囊按鈕（Go to My Cast、Contact us）。

• Surface（#F4F4F4）、Tint（#0000000D）：步驟卡片的淺灰底。

大寫標題和介面用 Helvetica Now Display（Monotype，Google Fonts 沒有），斜體的大字用 Saol Display（也不在 Google Fonts）。

• 「CAST YOUR PROFILES」130px／800、行高 0.8、字距 -3.9px，大寫。

• 金色的大段標語、MODELS 那排 100px／800、行高 80px、字距 -3px。

• 「Featured」「Latest」140px／300 的細斜體襯線字，疊在粗體大寫的上面。

• 步驟標題 50px／800（粗體大寫）配 50px／300 的斜體「One」「Two」。

• 文章標題 28px／400；人名 18px／800 大寫；內文和按鈕 16px／500。

• 內容寬度約 1305px，大字置中、撐滿寬度。

• 第一屏和品牌介紹是黑底，之後全部白底。

• 「Featured PROFILES」：細斜體的大字在上、粗體大寫在下，中間一條滿寬的細黑線。

• 人像卡片三欄、上下錯開，中間那欄的照片比較大。

• 步驟三張卡片高低錯開。

• 導覽列很小，置中的「DULCEDO」細襯線字樣當標誌。

Responsive

• 375px 寬時，第一屏是一張滿寬的黑白人像，下面金色的大寫字「WE ELEVATE VOICES THAT SHAPE CULTURE」照樣撐滿寬度；頁首只剩 Contact、DULCEDO、My Cast，最下面固定一條 Talents／Models／Blog／Agency 的導覽。

沒有陰影。層次靠黑底、白底的對比，超粗的大字和細斜體的大字疊在一起，和照片的大小差別。

• 按鈕是膠囊（黑底白字，或細框）。

• 卡片和照片是 2～3px 的極小圓角，看起來接近直角。

• 一條滿寬的細黑線分開標題的上下兩半。

• 膠囊按鈕：黑底白字 16px／500，膠囊形，高 34px（Go to My Cast、Contact us）；黑底上的是透明底、細框的膠囊（Manifesto、History、Our Vision）。

• 加入名單：人像卡片下面「ADD TO MY CAST」的文字按鈕，2px 圓角，高 37px。

• 人像卡片：上面一行粗體大寫的人名和小字的追蹤數，下面一張 2px 圓角的照片，311×416。

• 介紹卡：金色底、2px 圓角的直式小卡，裡面黑色的小字介紹、圓形的標誌和三顆膠囊。

• 步驟卡片：#F4F4F4 淺灰底、3px 圓角，斜體的編號加粗體大寫的標題，下面一段說明。

• 要用黑、白、金三色；金色只用在黑底上。

• 標題要用超粗、字距收緊的大寫無襯線字，配很細的斜體襯線字做對比。

• 照片當主角，黑白和彩色交錯用。

• 按鈕做成小膠囊，不要大色塊按鈕。

• 不要加陰影和圓角很大的卡片。