Lenval Properties

阿布達比的高級住宅開發商 Lenval Properties 的網站，英文。頁首是一行極小的字，直接壓在影片上：左邊 ABOUT US、PROJECTS、CONTACT，正中間細細的襯線字「LENVAL」，右邊當地時間「07:00 UAE」和「LET'S TALK」。第一屏是滿版的電影感影片（熱帶植物、跑車、建築的夕陽光），右下一段白色的襯線大字「Creators of Refined Living & Iconic Spaces」，下面「SCROLL TO EXPLORE」。

往下是深咖啡近黑（#211A19）的底：左邊一張直式的建築照片，右邊一大段襯線字的介紹「Lenval develops timeless landmarks…」（36px），下面兩欄極小的說明和「LEARN MORE ↗」；「Exceptional Spaces for Refined Living」的大字錯開排；一張又一張滿版的建築、室內、網球場的影像，左下角小字的地點和襯線字的案名（Project S、Project J）；中間有一段米白（#F9F4EE）底、深咖啡字的「Architecture for a Bespoke Life」。

整體是電影感的奢華地產：深咖啡和米白兩色，影像是溫暖的夕陽光；標題用 Financier Display 的襯線字、行距壓得比字還小，其他全是極小的 Helvetica Now 字；沒有按鈕的框，只有文字加 ↗。

• Canvas（#211A19）：深咖啡近黑，大部分段落和頁尾的底。

• Text／Primary（#F9F4EE）：米白，深底上的字；同一個顏色也是淺色段落的底（surface）。

• Heading（#FFFFFF）：影片上的白字。

• On surface（#211A19）：米白段落上的深咖啡字。

• Text muted（#F9F4EE80、#211A1980）：50% 的米白或深咖啡，次要的小字。

• Line dark（#211A191A）：淺色段落上 10% 的細線。

• Overlay（#26100DCC）：80% 的深紅咖啡，cookie 提示框的底。

• 影像本身是溫暖的米色、金色、熱帶的綠。

標題用 Financier Display（Klim Type，Google Fonts 沒有），其他用 Helvetica Now Display（Monotype，Google Fonts 沒有）。

• 大標 57.6px／400、行高 43.2px（比字還小，行與行貼得很近）、字距 -1.84px，三行錯開排。

• 介紹和案名 36px／400、行高 36px、字距 -0.86px。

• 說明文字 13.5px／400、行高 17.96px、字距 -0.22px，兩欄。

• 導覽、標籤、地點 9.9px／700 大寫。

• 照片的小標題用 12.6px 的 Financier Display。

• 頁首沒有底色，三組極小的字壓在影片上：左、中（標誌）、右。

• 影像都是滿版，一個畫面一張，捲動時一張接一張。

• 深底的段落：左邊一張照片，右邊大段的襯線字和兩欄的小字，大量留白。

• 大標常常錯開排（一行靠左、下一行縮排），疊在照片旁邊。

• cookie 提示放在左下角，深紅咖啡半透明底。

Responsive

• 375px 寬時，頁首剩「MENU」、「LENVAL」和時間；第一屏是直式的建築影像，大標在下方兩行。

沒有陰影。層次靠滿版影像、深底和米白底的段落交替，和半透明的深色提示框。

• 全部直角，沒有圓角、沒有按鈕的框。

• 連結只是極小的大寫字加 ↗，下面一條細線。

• 頁首：透明底、43px 高，9.9px／700 的大寫小字，正中間細的襯線標誌。

• 連結：9.9px 的大寫字加 ↗，下面一條細線（LEARN MORE、LET'S TALK）。

• 案例面板：滿版影像，左下角小字的地點（JUBAIL ISLAND, ABU DHABI）和 36px 的襯線案名。

• 淺色段落：#F9F4EE 米白底、深咖啡的 57.6px 襯線大標。

• cookie 提示：80% 的深紅咖啡底、米白的小字，ACCEPT、DECLINE 兩個文字按鈕。

• 要讓滿版的電影感影像當主角，介面退到極小的字。

• 標題用襯線字、行距壓緊、錯開排；其他字都很小。

• 只用深咖啡和米白，不要加別的顏色。

• 不要做按鈕的框和圓角；連結用文字加 ↗。

• 不要加陰影和卡片。