「ホームページ用におしゃれな料金表が欲しい」
「ホームページにおしゃれなメニュー表があればいいのになぁ」
という女性起業家さん向けに、コピペで簡単に設置できる料金表をつくりました♡
韓国っぽい角丸デザインで、女性らしい柔らかさを演出しています。
お気に入りが見つかりますように( ˙ᵕ˙ )
ホームページ用 韓国っぽおしゃれな料金表・メニュー表
サンドカラー
MENU LIST
price & menu
ナチュラルアートコース
肌なじみの良いニュアンスデザイン
¥ 6,500
韓国風パーツつけ放題
リボンや蝶々など人気のパーツ込
¥ 8,800
ワンカラー / マグネット
ちゅるんとした透明感カラー多数
¥ 5,500
• off free / tax included •
ご予約はInstagramのDMより承ります
HTML CODE
<div style="max-width: 480px; margin: 20px auto; padding: 30px 15px; background-color: #f7f5f0; color: #4a4643; font-family: 'Helvetica Neue', Arial, 'Yu Gothic', sans-serif; box-sizing: border-box; border-radius: 16px;">
<div style="text-align: center; margin-bottom: 25px;">
<div style="display: inline-block; font-size: 11px; letter-spacing: 3px; color: #9c938b; text-transform: uppercase; background-color: #ffffff; padding: 4px 12px; border-radius: 20px; border: 1px solid #e8e3da;">MENU LIST</div>
<div style="font-size: 24px; font-weight: 300; letter-spacing: 2px; color: #3b3735; margin-top: 10px;">price & menu</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー1</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー1の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金1</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー2</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー2の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金2</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー3</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー3の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金3</div>
</div>
</div>
<div style="text-align: center; font-size: 12px; color: #9c938b; line-height: 1.6;">
<div style="margin-bottom: 4px;">• 注意事項1を入力します •</div>
<div>注意事項2を入力します</div>
</div>
</div>
ベビーピンク
MENU LIST
price & menu
ナチュラルアートコース
肌なじみの良いニュアンスデザイン
¥ 6,500
韓国風パーツつけ放題
リボンや蝶々など人気のパーツ込
¥ 8,800
ワンカラー / マグネット
ちゅるんとした透明感カラー多数
¥ 5,500
• off free / tax included •
ご予約はInstagramのDMより承ります
HTML CODE
<div style="max-width: 480px; margin: 20px auto; padding: 30px 15px; background-color: #fdf2f4; color: #4a4643; font-family: 'Helvetica Neue', Arial, 'Yu Gothic', sans-serif; box-sizing: border-box; border-radius: 16px;">
<div style="text-align: center; margin-bottom: 25px;">
<div style="display: inline-block; font-size: 11px; letter-spacing: 3px; color: #9c938b; text-transform: uppercase; background-color: #ffffff; padding: 4px 12px; border-radius: 20px; border: 1px solid #f3e2e5;">MENU LIST</div>
<div style="font-size: 24px; font-weight: 300; letter-spacing: 2px; color: #3b3735; margin-top: 10px;">price & menu</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー1</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー1の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金1</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー2</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー2の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金2</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー3</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー3の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金3</div>
</div>
</div>
<div style="text-align: center; font-size: 12px; color: #9c938b; line-height: 1.6;">
<div style="margin-bottom: 4px;">• 注意事項1を入力します •</div>
<div>注意事項2を入力します</div>
</div>
</div>
ベビーブルー
MENU LIST
price & menu
ナチュラルアートコース
肌なじみの良いニュアンスデザイン
¥ 6,500
韓国風パーツつけ放題
リボンや蝶々など人気のパーツ込
¥ 8,800
ワンカラー / マグネット
ちゅるんとした透明感カラー多数
¥ 5,500
• off free / tax included •
ご予約はInstagramのDMより承ります
HTML CODE
<div style="max-width: 480px; margin: 20px auto; padding: 30px 15px; background-color: #f0f5f9; color: #4a4643; font-family: 'Helvetica Neue', Arial, 'Yu Gothic', sans-serif; box-sizing: border-box; border-radius: 16px;">
<div style="text-align: center; margin-bottom: 25px;">
<div style="display: inline-block; font-size: 11px; letter-spacing: 3px; color: #9c938b; text-transform: uppercase; background-color: #ffffff; padding: 4px 12px; border-radius: 20px; border: 1px solid #e0e8f0;">MENU LIST</div>
<div style="font-size: 24px; font-weight: 300; letter-spacing: 2px; color: #3b3735; margin-top: 10px;">price & menu</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー1</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー1の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金1</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー2</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー2の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金2</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー3</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー3の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金3</div>
</div>
</div>
<div style="text-align: center; font-size: 12px; color: #9c938b; line-height: 1.6;">
<div style="margin-bottom: 4px;">• 注意事項1を入力します •</div>
<div>注意事項2を入力します</div>
</div>
</div>
ラベンダー
MENU LIST
price & menu
ナチュラルアートコース
肌なじみの良いニュアンスデザイン
¥ 6,500
韓国風パーツつけ放題
リボンや蝶々など人気のパーツ込
¥ 8,800
ワンカラー / マグネット
ちゅるんとした透明感カラー多数
¥ 5,500
• off free / tax included •
ご予約はInstagramのDMより承ります
HTML CODE
<div style="max-width: 480px; margin: 20px auto; padding: 30px 15px; background-color: #f5f0f8; color: #4a4643; font-family: 'Helvetica Neue', Arial, 'Yu Gothic', sans-serif; box-sizing: border-box; border-radius: 16px;">
<div style="text-align: center; margin-bottom: 25px;">
<div style="display: inline-block; font-size: 11px; letter-spacing: 3px; color: #9c938b; text-transform: uppercase; background-color: #ffffff; padding: 4px 12px; border-radius: 20px; border: 1px solid #e8e0f0;">MENU LIST</div>
<div style="font-size: 24px; font-weight: 300; letter-spacing: 2px; color: #3b3735; margin-top: 10px;">price & menu</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー1</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー1の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金1</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー2</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー2の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金2</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー3</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー3の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金3</div>
</div>
</div>
<div style="text-align: center; font-size: 12px; color: #9c938b; line-height: 1.6;">
<div style="margin-bottom: 4px;">• 注意事項1を入力します •</div>
<div>注意事項2を入力します</div>
</div>
</div>
モカブラウン
MENU LIST
price & menu
ナチュラルアートコース
肌なじみの良いニュアンスデザイン
¥ 6,500
韓国風パーツつけ放題
リボンや蝶々など人気のパーツ込
¥ 8,800
ワンカラー / マグネット
ちゅるんとした透明感カラー多数
¥ 5,500
• off free / tax included •
ご予約はInstagramのDMより承ります
HTML CODE
<div style="max-width: 480px; margin: 20px auto; padding: 30px 15px; background-color: #f3ece6; color: #4a4643; font-family: 'Helvetica Neue', Arial, 'Yu Gothic', sans-serif; box-sizing: border-box; border-radius: 16px;">
<div style="text-align: center; margin-bottom: 25px;">
<div style="display: inline-block; font-size: 11px; letter-spacing: 3px; color: #9c938b; text-transform: uppercase; background-color: #ffffff; padding: 4px 12px; border-radius: 20px; border: 1px solid #e2d7cd;">MENU LIST</div>
<div style="font-size: 24px; font-weight: 300; letter-spacing: 2px; color: #3b3735; margin-top: 10px;">price & menu</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー1</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー1の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金1</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー2</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー2の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金2</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー3</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー3の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金3</div>
</div>
</div>
<div style="text-align: center; font-size: 12px; color: #9c938b; line-height: 1.6;">
<div style="margin-bottom: 4px;">• 注意事項1を入力します •</div>
<div>注意事項2を入力します</div>
</div>
</div>
くすみピンク
MENU LIST
price & menu
ナチュラルアートコース
肌なじみの良いニュアンスデザイン
¥ 6,500
韓国風パーツつけ放題
リボンや蝶々など人気のパーツ込
¥ 8,800
ワンカラー / マグネット
ちゅるんとした透明感カラー多数
¥ 5,500
• off free / tax included •
ご予約はInstagramのDMより承ります
HTML CODE
<div style="max-width: 480px; margin: 20px auto; padding: 30px 15px; background-color: #f9ecef; color: #4a4643; font-family: 'Helvetica Neue', Arial, 'Yu Gothic', sans-serif; box-sizing: border-box; border-radius: 16px;">
<div style="text-align: center; margin-bottom: 25px;">
<div style="display: inline-block; font-size: 11px; letter-spacing: 3px; color: #9c938b; text-transform: uppercase; background-color: #ffffff; padding: 4px 12px; border-radius: 20px; border: 1px solid #ebdbe0;">MENU LIST</div>
<div style="font-size: 24px; font-weight: 300; letter-spacing: 2px; color: #3b3735; margin-top: 10px;">price & menu</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー1</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー1の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金1</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー2</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー2の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金2</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー3</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー3の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金3</div>
</div>
</div>
<div style="text-align: center; font-size: 12px; color: #9c938b; line-height: 1.6;">
<div style="margin-bottom: 4px;">• 注意事項1を入力します •</div>
<div>注意事項2を入力します</div>
</div>
</div>
くすみブルー
MENU LIST
price & menu
ナチュラルアートコース
肌なじみの良いニュアンスデザイン
¥ 6,500
韓国風パーツつけ放題
リボンや蝶々など人気のパーツ込
¥ 8,800
ワンカラー / マグネット
ちゅるんとした透明感カラー多数
¥ 5,500
• off free / tax included •
ご予約はInstagramのDMより承ります
HTML CODE
<div style="max-width: 480px; margin: 20px auto; padding: 30px 15px; background-color: #eaf0f4; color: #4a4643; font-family: 'Helvetica Neue', Arial, 'Yu Gothic', sans-serif; box-sizing: border-box; border-radius: 16px;">
<div style="text-align: center; margin-bottom: 25px;">
<div style="display: inline-block; font-size: 11px; letter-spacing: 3px; color: #9c938b; text-transform: uppercase; background-color: #ffffff; padding: 4px 12px; border-radius: 20px; border: 1px solid #d5e0e8;">MENU LIST</div>
<div style="font-size: 24px; font-weight: 300; letter-spacing: 2px; color: #3b3735; margin-top: 10px;">price & menu</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー1</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー1の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金1</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー2</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー2の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金2</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー3</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー3の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金3</div>
</div>
</div>
<div style="text-align: center; font-size: 12px; color: #9c938b; line-height: 1.6;">
<div style="margin-bottom: 4px;">• 注意事項1を入力します •</div>
<div>注意事項2を入力します</div>
</div>
</div>
クリーム
MENU LIST
price & menu
ナチュラルアートコース
肌なじみの良いニュアンスデザイン
¥ 6,500
韓国風パーツつけ放題
リボンや蝶々など人気のパーツ込
¥ 8,800
ワンカラー / マグネット
ちゅるんとした透明感カラー多数
¥ 5,500
• off free / tax included •
ご予約はInstagramのDMより承ります
HTML CODE
<div style="max-width: 480px; margin: 20px auto; padding: 30px 15px; background-color: #fdfbf0; color: #4a4643; font-family: 'Helvetica Neue', Arial, 'Yu Gothic', sans-serif; box-sizing: border-box; border-radius: 16px;">
<div style="text-align: center; margin-bottom: 25px;">
<div style="display: inline-block; font-size: 11px; letter-spacing: 3px; color: #9c938b; text-transform: uppercase; background-color: #ffffff; padding: 4px 12px; border-radius: 20px; border: 1px solid #f3eed8;">MENU LIST</div>
<div style="font-size: 24px; font-weight: 300; letter-spacing: 2px; color: #3b3735; margin-top: 10px;">price & menu</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02); border: 1px solid #f6f1e3;">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー1</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー1の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金1</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02); border: 1px solid #f6f1e3;">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー2</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー2の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金2</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02); border: 1px solid #f6f1e3;">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー3</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー3の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金3</div>
</div>
</div>
<div style="text-align: center; font-size: 12px; color: #9c938b; line-height: 1.6;">
<div style="margin-bottom: 4px;">• 注意事項1を入力します •</div>
<div>注意事項2を入力します</div>
</div>
</div>
ミント
MENU LIST
price & menu
ナチュラルアートコース
肌なじみの良いニュアンスデザイン
¥ 6,500
韓国風パーツつけ放題
リボンや蝶々など人気のパーツ込
¥ 8,800
ワンカラー / マグネット
ちゅるんとした透明感カラー多数
¥ 5,500
• off free / tax included •
ご予約はInstagramのDMより承ります
HTML CODE
<div style="max-width: 480px; margin: 20px auto; padding: 30px 15px; background-color: #eef7f4; color: #4a4643; font-family: 'Helvetica Neue', Arial, 'Yu Gothic', sans-serif; box-sizing: border-box; border-radius: 16px;">
<div style="text-align: center; margin-bottom: 25px;">
<div style="display: inline-block; font-size: 11px; letter-spacing: 3px; color: #9c938b; text-transform: uppercase; background-color: #ffffff; padding: 4px 12px; border-radius: 20px; border: 1px solid #d8ebd0;">MENU LIST</div>
<div style="font-size: 24px; font-weight: 300; letter-spacing: 2px; color: #3b3735; margin-top: 10px;">price & menu</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー1</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー1の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金1</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー2</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー2の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金2</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー3</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー3の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金3</div>
</div>
</div>
<div style="text-align: center; font-size: 12px; color: #9c938b; line-height: 1.6;">
<div style="margin-bottom: 4px;">• 注意事項1を入力します •</div>
<div>注意事項2を入力します</div>
</div>
</div>
アイスミント
MENU LIST
price & menu
ナチュラルアートコース
肌なじみの良いニュアンスデザイン
¥ 6,500
韓国風パーツつけ放題
リボンや蝶々など人気のパーツ込
¥ 8,800
ワンカラー / マグネット
ちゅるんとした透明感カラー多数
¥ 5,500
• off free / tax included •
ご予約はInstagramのDMより承ります
HTML CODE
<div style="max-width: 480px; margin: 20px auto; padding: 30px 15px; background-color: #e6f4f1; color: #4a4643; font-family: 'Helvetica Neue', Arial, 'Yu Gothic', sans-serif; box-sizing: border-box; border-radius: 16px;">
<div style="text-align: center; margin-bottom: 25px;">
<div style="display: inline-block; font-size: 11px; letter-spacing: 3px; color: #9c938b; text-transform: uppercase; background-color: #ffffff; padding: 4px 12px; border-radius: 20px; border: 1px solid #ceebe5;">MENU LIST</div>
<div style="font-size: 24px; font-weight: 300; letter-spacing: 2px; color: #3b3735; margin-top: 10px;">price & menu</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー1</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー1の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金1</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー2</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー2の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金2</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー3</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー3の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金3</div>
</div>
</div>
<div style="text-align: center; font-size: 12px; color: #9c938b; line-height: 1.6;">
<div style="margin-bottom: 4px;">• 注意事項1を入力します •</div>
<div>注意事項2を入力します</div>
</div>
</div>
テラコッタ
MENU LIST
price & menu
ナチュラルアートコース
肌なじみの良いニュアンスデザイン
¥ 6,500
韓国風パーツつけ放題
リボンや蝶々など人気のパーツ込
¥ 8,800
ワンカラー / マグネット
ちゅるんとした透明感カラー多数
¥ 5,500
• off free / tax included •
ご予約はInstagramのDMより承ります
HTML CODE
<div style="max-width: 480px; margin: 20px auto; padding: 30px 15px; background-color: #f6eeea; color: #4a4643; font-family: 'Helvetica Neue', Arial, 'Yu Gothic', sans-serif; box-sizing: border-box; border-radius: 16px;">
<div style="text-align: center; margin-bottom: 25px;">
<div style="display: inline-block; font-size: 11px; letter-spacing: 3px; color: #9c938b; text-transform: uppercase; background-color: #ffffff; padding: 4px 12px; border-radius: 20px; border: 1px solid #e8dbd3;">MENU LIST</div>
<div style="font-size: 24px; font-weight: 300; letter-spacing: 2px; color: #3b3735; margin-top: 10px;">price & menu</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー1</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー1の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金1</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー2</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー2の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金2</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー3</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー3の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金3</div>
</div>
</div>
<div style="text-align: center; font-size: 12px; color: #9c938b; line-height: 1.6;">
<div style="margin-bottom: 4px;">• 注意事項1を入力します •</div>
<div>注意事項2を入力します</div>
</div>
</div>
アプリコット
MENU LIST
price & menu
ナチュラルアートコース
肌なじみの良いニュアンスデザイン
¥ 6,500
韓国風パーツつけ放題
リボンや蝶々など人気のパーツ込
¥ 8,800
ワンカラー / マグネット
ちゅるんとした透明感カラー多数
¥ 5,500
• off free / tax included •
ご予約はInstagramのDMより承ります
HTML CODE
<div style="max-width: 480px; margin: 20px auto; padding: 30px 15px; background-color: #fcf2eb; color: #4a4643; font-family: 'Helvetica Neue', Arial, 'Yu Gothic', sans-serif; box-sizing: border-box; border-radius: 16px;">
<div style="text-align: center; margin-bottom: 25px;">
<div style="display: inline-block; font-size: 11px; letter-spacing: 3px; color: #9c938b; text-transform: uppercase; background-color: #ffffff; padding: 4px 12px; border-radius: 20px; border: 1px solid #f2e1d5;">MENU LIST</div>
<div style="font-size: 24px; font-weight: 300; letter-spacing: 2px; color: #3b3735; margin-top: 10px;">price & menu</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー1</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー1の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金1</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー2</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー2の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金2</div>
</div>
</div>
<div style="background-color: #ffffff; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);">
<div style="display: flex; justify-content: space-between; align-items: center;">
<div>
<div style="font-size: 15px; font-weight: 600; color: #3b3735; letter-spacing: 0.3px;">メニュー3</div>
<div style="font-size: 12px; color: #9c938b; margin-top: 4px;">メニュー3の内容を入力します</div>
</div>
<div style="font-size: 18px; font-weight: 600; color: #6e655f; font-family: 'Georgia', serif;">料金3</div>
</div>
</div>
<div style="text-align: center; font-size: 12px; color: #9c938b; line-height: 1.6;">
<div style="margin-bottom: 4px;">• 注意事項1を入力します •</div>
<div>注意事項2を入力します</div>
</div>
</div>
使い方の３ステップ
STEP 01
使いたい素材のコード（英語の枠内）をすべてコピーします。
STEP 02
アメブロの投稿画面を「HTML表示」に切り替えて、好きな場所に貼り付けます。
STEP 03
「通常表示」に戻し、枠内の文字を書き換えたら完成です♡
アメブロ囲み枠ご使用時のお願い
- ブログやホームページにコピペして使っていただいてOKです
- 商用利用可能です
- 無断転載・再配布は禁止です
- ご使用時の報告は不要です
デザインの著作権は捨てていません
（LINE公式などで自作と偽り配布することは禁止です）
（LINE公式などで自作と偽り配布することは禁止です）
まとめ ✦
ホームページに使える角丸可愛いデザインのメニュー表・料金表をつくりました♡
サロンやマッサージなどをしている女性起業家さんにぴったりのデザイン。
でも実は、ブログよりも「ホームページ」を持つ方が、あなたの世界観をもっと自由に、もっと深く表現できるんです。
今回の料金表のように、細部まで”らしさ”にこだわったデザインを、ホームページ全体で叶えられたら…♡
ルルプチは、訪れた人が思わず「素敵」と感じる、大人可愛いホームページ作りが得意です。
あなたの世界観を丸ごと表現できるホームページ、気になった方はこちらをご覧ください◎
↓ 画像タップで移動します
