Website CI

Website's Logo

Typeface English

Luxia Display

ใช้ในส่วน หัวข้อ ที่เป็น ภาษาอังกฤษล้วน ไม่มีภาษาไทยปะปน

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

THE ART HOSPITAL

ART OF SURGERY

We are committed to addressing every unique need of our clients with our simple goal: to reveal the hidden beauty within each person while also enhancing their confidence.

Typeface Thai

Noto sans Thai

ใช้ในส่วน หัวข้อและเนื้อหาบทความและส่วนอื่น ๆ ที่เป็น ภาษาไทยมีภาษาอังกฤษปะปน

กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถทธนบปผฝพฟภมยรลวศษสหฬอฮ

1234567890

โรงพยาบาลดิอาท

ความสวยที่ใช่ มั่นใจดิอาท

พร้อมตอบสนองทุกความต้องการอันเป็นเอกลักษณ์เฉพาะตัวของลูกค้าด้วยเป้าหมายอันเรียบง่ายของเรา นั่นคือการเผยโฉมความงามที่ซ่อนอยู่ภายในตัวทุกคนไปพร้อมกับการยกระดับความมั่นใจให้แก่ลูกค้า

Typeface Artwork

LINE SEED SANS THAI (BOLD)

ใช้ในส่วนของ Featured Image บทความและ Hero Banner

กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถทธนบปผฝพฟภมยรลวศษสหฬอฮ

1234567890

โรงพยาบาลดิอาท

ความสวยที่ใช่ มั่นใจดิอาท

พร้อมตอบสนองทุกความต้องการอันเป็นเอกลักษณ์เฉพาะตัวของลูกค้าด้วยเป้าหมายอันเรียบง่ายของเรา นั่นคือการเผยโฉมความงามที่ซ่อนอยู่ภายในตัวทุกคนไปพร้อมกับการยกระดับความมั่นใจให้แก่ลูกค้า

Color palette

Gradient

#AE7060
Position : 0%

#D3A28A
Position : 50%

#AE7060
Position : 100%

BG Primary

50%

White

#FFFFFF

R255 G255 B255

BG Secondary

30%

Ghost White

#FBF9FE

R251 G249 B254

Text Title

10%

Dark Purple

#401F27

R60 G33 B39

Text Subtitle

10%

Onyx

#444444

R68 G68 B68

Text Link

(Only Link)

Brown Sugar

#AE7060

R165 G115 B99

Text Prices

(Only SalePage)

Rose Red

#D01D5A

R151 G51 B91

Graphic Guide

ไกด์ไลน์ กราฟิก

Hero Banner

Artboard

Artboard ขนาด 2048x864 px

Dangerous Zone

เว้นระยะ Design ข้างบน 130 px
ไม่ควรเอาข้อความหรือส่วนที่เห็นชัดของตัวแบบ เข้าในระยะนี้ เพราะจะถูกบดบังด้วย Header

Mobile Zone

ความกว้างกึ่งกลาง Artboard 430 px ในระยะนี้ จะเป็นระยะที่รองรับการแสดงผลทุกอุปกรณ์ เหมาะสำหรับข้อความหรือตัวแบบที่ต้องการความเด่น

Article Featured Image

ตัวอย่างภาพบทความ ขนาด 1200x628

Artboard & BG

ขนาด 1200x628 px แบ่งนางแบบครึ่งซ้าย และ ชื่อบทความด้านขวา สามารถจัดการความยาวได้ตามความเหมาะสม
พื้นหลัง เน้นสีขาวไม่ติดสีอื่นแต่มีความ Luxury Elegant ไม่ปาดสี Gradient

Logo

ตำแหน่งของ Logo มุมบนขวา เว้น บนและขวา 70px
ขนาดของ Logo กว้าง 205px สูง 120px

Model

เน้นตามหัตถการนั้น ๆ หรือบทความนั้น เน้น ชุดสีขาว หรือสีโทนสว่าง ไม่ติดส้ม

Text

ใช้ Font LINE Seed Sans Thai Bold
Title หลักบทความ ใช้สี Gradient
Key Message ใช้สี Dark Purple
Sub Message ใช้สี Onyx

ตัวอย่าง ภาพปกของบทความ

Before-After Image

ตัวอย่าง ภาพ Before - After 3 มุม

Artboard & BG

Artboard ขนาด 2000x1000 px
ใส่ลายน้ำทุกครั้ง

Text

ใส่วันที่ก่อน - หลังทำ
ชื่อของผู้รับบริการ(ผู้เข้ารับบริการจริง)
*ผลลัพธ์ขึ้นอยู่กับแต่ละบุคคล

ใช้ Font IBM Plex Sans Thai
ขนาด 16pt

Model

ต้องมีภาพทั้งหมด 3 มุมคือ
หน้าตรง 45° และ 90°

Salepage Guide

ไกด์ไลน์ เซลเพจ

Before-After Fashion Set

ตัวอย่าง ภาพ Before - After Fashion Set

Artboard & BG

Artboard ขนาด 1080x1080 px

Text

ใส่วันที่ก่อน - หลังทำ
ชื่อของผู้รับบริการ(ผู้เข้ารับบริการจริง)
*ผลลัพธ์ขึ้นอยู่กับแต่ละบุคคล

ใช้ Font Line Seed Sans Thai Bold
ขนาด 16pt

Model

ต้องมีภาพทั้งหมด 3 รูปคือ
ก่อนทำ หลังทำ และ หลังทำ Fashion

Hero Banner Sale Page

ตัวอย่าง ภาพ เมื่อวางใน SalePage ( 1600x726 )

Artboard & BG

Artboard ขนาด 1600x726 px
ไม่ต้องใส่ Logo

Model

วางแบบไว้ฝั่งซ้ายของ Artboard มีขนาด กว้าง 790px (พอดี) และสูง 726 px (พอดี)
สรุปคือ 790x726px (ขนาดพอดีไม่ขาดไม่เกิน)
*ผลลัพธ์ขึ้นอยู่กับแต่ละบุคคล

Text

วางแบบไว้ขวาของ Artboard มีขนาด กว้าง 790px (พอดี) และสูง 468 px (พอดี)
สรุปคือ 790x468px (ขนาดพอดีไม่ขาดไม่เกิน)

Export

Export ทั้งหมด 3 ไฟล์ 1.BG 2.Model (PNG) 3.Promotion(PNG)

ตัวอย่าง Size Art board
การวางนางแบบ และ โปรโมชั่น

ภาพแบบ PNG ขนาด 790x726
ภาพแบบ PNG ขนาด 790x468
ภาพแบบ PNG ขนาด 790x726
ภาพแบบ PNG ขนาด 790x468

ตัวอย่าง Hero Banner Sale Page

News & Events

ข่าวสารล่าสุดจากดิอาท

Imperial Room
6th Floor|

Premier Room
6th Floor|

Deluxe Room
5th Floor|

Essential Room
3rd Floor|

Recovery Room
3rd Floor|

เว็บไซต์รวมบริการจากทั้ง โรงพยาบาลและคลินิก

เว็บไซต์รวมภาพรีวิวจาก ผู้ใช้บริการจริงที่ดิอาท