エムハンド寺社Web制作

日文

https://misotone.m-hand.co.jp/lp/

整面可可棕底配米色字，標題用明朝體，旁邊有直排的小字。右邊一張四角內凹的綠色水面照片，下方站著手繪的黑色毛球角色，沒有任何亮色。

產業: 設計・創意・行銷
網站類型: 一頁式・活動頁
主色系: 綠; 棕; 米色
配色印象: 暖色系; 和風・復古配色
設計風格: 優雅; 和風

顏色

primary
#67483F
beige
#E8E2D4
khaki
#CDBE9F
gold
#B8956A
ink
#201F1D
primary-dark
#4D3C37
primary-deep
#5E453D
cream
#F8F5EE
gray
#888888
surface
#FFFFFF
moss
#769E7F

字級

display-en · Syncopate · 44px
The quick brown fox 敏捷的狐狸
hero-copy · Zen Old Mincho · 50px
The quick brown fox 敏捷的狐狸
headline-mincho · Zen Old Mincho · 35px
The quick brown fox 敏捷的狐狸
title-mincho · Zen Old Mincho · 22px
The quick brown fox 敏捷的狐狸
label-section · LINE Seed JP · 17px
The quick brown fox 敏捷的狐狸
body-mincho · Shippori Mincho B1 · 14px
The quick brown fox 敏捷的狐狸
body-gothic · LINE Seed JP · 14px
The quick brown fox 敏捷的狐狸
label-bold · LINE Seed JP · 14px
The quick brown fox 敏捷的狐狸
caption · LINE Seed JP · 12px
The quick brown fox 敏捷的狐狸

圓角

sm
4px
md
10px
lg
16px
full
9999px

間距

xs
8px
sm
13px
md
25px
lg
60px
xl
160px
page-margin
38px
form-width
1100px

元件

hero
logo-link
menu-button
page-section
section-light
section-heading
section-dark
section-label
filter-chip
filter-chip-hover
filter-chip-active
filter-chip-border
work-card
phone-banner
input-field
input-field-border
input-field-focus
input-field-focus-border
select-field
radio-option
required-tag
submit-button
khaki-band
step-number
nav-overlay-link
photo-frame