Pet Care Website

發表於 更新於 分類於 Disqus：
文章字數： 5.2k 所需閱讀時間 ≈ 5 分鐘

some reference design guide

color scheme :

  • Soft pink: #F7CAC9
  • Pale yellow: #FFF0B8
  • Light blue: #A2D5F2
  • Light green: #C2DDB2
  • Off-white: #F7F7F7

font for Traditional Chinese

a serif font for headings, a sans-serif font for body text

  • PingFang (蘋方): This is a popular sans-serif font designed by Apple that is commonly used in digital interfaces. It has a clean and modern look, and comes in several weights.
  • Noto Sans (思源黑體): This is a sans-serif font developed by Google that supports a wide range of languages, including Traditional Chinese. It has a clear and legible design, making it a good choice for body text.
  • Microsoft JhengHei (微軟正黑體): This is a sans-serif font developed by Microsoft specifically for Traditional Chinese. It has a modern and stylish design, and is widely used in Taiwan and Hong Kong.
  • Adobe Heiti (Adobe 黑体): This is a sans-serif font developed by Adobe that supports Traditional Chinese. It has a simple and elegant design, making it a good choice for both headings and body text.
  • Source Han Sans (思源黑體): This is a sans-serif font developed by Adobe and Google that supports several languages, including Traditional Chinese. It has a clean and modern design, and comes in several weights.
  • Source Han Serif (思源宋體)

font, size, and weight

  • H1: For the main heading, use a bold font that is easy to read at a larger size. A font size of around 36px-48px is appropriate, depending on the design.
  • H2: For subheadings, use a slightly smaller font size and a lighter weight than the H1. A font size of around 24px-36px should work well.
  • H3-H6: For lower-level headings, use a smaller font size and a lighter weight than the previous headings. A font size of around 16px-24px is appropriate, depending on the design.
  • Body large: For larger body text, use a font size of around 18px-24px with a regular or medium weight. A sans-serif font such as Microsoft JhengHei, PingFang, or Noto Sans should work well.
  • Body regular: For regular body text, use a font size of around 14px-16px with a regular or medium weight. Again, a sans-serif font is recommended.
  • Body small: For smaller body text such as captions or footnotes, use a font size of around 12px-14px with a regular or light weight.
  • Paragraph: Use a line height of around 1.5-2.0 times the font size for all text elements to ensure readability. Also, be sure to use plenty of whitespace between paragraphs to help break up the text and make it easier to read.

Typography Guidelines

Mobile Web Typography Guidelines
  • Body fonts should be about 16px
  • Text input sizes should be at least 16px
  • Secondary text should be about 2 sizes smaller than your paragaph text
  • Always view your designs on an actual device
  • Be familiar with Material Design and iOS standards
Desktop Web Typography Guidelines

Midjoueney prompt

pet care(from chatGPT)

1
web design for unique pet care, We will use a blue palette with shades of light and dark blues for your website, The combination of blues will give your website a calm and peaceful vibe, use the "Source Han Sans" and "Source Han Serif" fonts for your website, Both fonts are easy to read and will give your website a professional look,include a navigation bar at the top of the website with a "Home" tab, "Services" tab, "Contact" tab, and a "News and Tips" tab, its language is traditional Chinese, --ar 3:2

pet shop(get from some people from community)

1
a website for a pet shop. homepage - header with logo, navigation menu, grid of properties, wide banner photo. then under a few prodoucts picturs with prices. then a gallery of picturs and lead form. clean and arranged design , realistic, high resolution, very detailed, user friendly, Intuitive navigation, visually appealing, layout and content, ui, ux, side by side Behance Dribbble, realistic, photorealistic, 8k

descript from chatGPT

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
萌寵坊
首頁
	歡迎來到寵物天堂
	Introduction:
		我們是一家致力於為您的寵物提供最好的產品和服務的寵物店。無論您有狗、貓、鳥還是其他寵物，我們都會為您提供各種高質量的產品和專業的服務。讓我們一起創造一個健康、幸福和有趣的生活環境，給您和您的寵物。
	Latest News:
		我們的新產品已經上市了！
		慶祝我們的五周年！
		十一假期特別優惠！
	Contact Us:
		地址 (Address): 台北市信義區忠孝東路五段98號 
		電話 (Phone): 02-1234-5678
		電子郵件 (Email): info@petparadise.com.tw
寵物商品
		我們提供各種高品質的寵物產品，包括食品、用品、玩具和保健產品。以下是我們的一些熱門產品：
			寵物食品: 我們提供各種營養均衡的寵物食品，包括狗糧、貓糧、鳥食和其他小寵物食品。我們只提供來自可靠供應商的高品質食品，以確保您的寵物獲得健康、均衡的營養。

			寵物用品: 我們有各種用品，包括狗狗和貓咪的衣服、項圈、牽繩、梳子、牙刷、狗籠等。我們的用品都是經過仔細挑選和測試，確保它們的質量和安全性。

			寵物玩具: 玩具對於寵物來說是必要的，可以幫助他們釋放能量、消磨時間，還可以增強與主人之間的互動。我們提供各種類型的寵物玩具，包括橡膠球、棒球、軟球、布娃娃、繩索等，讓您的寵物玩得開心。

			寵物保健產品: 我們也提供各種保健產品，如藥品、口腔清潔用品、洗浴用品等，可以幫助您的寵物保持健康和清潔。我們的保健產品都是來自可靠供應商，經過專業檢驗和測試。
		無論您是需要狗狗、貓咪、鳥類或其他小寵物的產品，我們都可以滿足您的需求。如果您需要任何幫助或建議，請隨時聯繫我們的客服人員。

寵物醫療 
寵物健康
	在我們的寵物店，我們相信保持寵物的健康是最重要的事情之一。以下是我們提供的一些寵物健康服務：
		寵物診療: 我們有專業的獸醫團隊，能夠為您的寵物提供各種診療服務，包括疫苗接種、病理學檢查、手術等。我們的獸醫團隊專業、經驗豐富，並且與各大寵物保健機構緊密合作，確保您的寵物獲得最優質的診療服務。

		寵物保健產品: 除了上述的產品，我們還提供各種寵物保健產品，包括護理用品、口腔清潔產品、皮膚護理產品等。這些產品都是來自可靠的供應商，經過專業檢驗和測試，能夠幫助您的寵物保持健康和清潔。

		寵物營養指導: 我們的專業獸醫團隊能夠提供營養指導，幫助您選擇最適合您寵物的食品和營養補充品。我們會根據您的寵物的特定需求和狀況，提供個性化的建議和指導。
	我們深知每個寵物都是家庭成員，因此我們將對待每個寵物的態度與對待人類一樣。如果您需要任何幫助或建議，請隨時聯繫我們的客服人員。
寵物美容
	在我們的寵物店，我們提供專業的寵物美容服務，讓您的寵物看起來更加漂亮和健康。以下是我們提供的一些寵物美容服務：
		寵物洗澡: 我們的洗澡服務能夠幫助您的寵物保持清潔和健康。我們使用高品質的洗浴用品，選擇最適合您寵物的產品，並且根據不同的寵物種類和需求進行個性化的護理。

		寵物修剪: 我們的修剪服務能夠幫助您的寵物保持良好的外觀和健康狀態。我們的美容師專業、經驗豐富，能夠根據您的需求和寵物的種類進行個性化的修剪服務。

		寵物造型: 我們的造型服務能夠為您的寵物打造獨一無二的造型，讓您的寵物看起來更加時尚和可愛。我們的美容師有豐富的造型經驗和專業知識，能夠為您提供最優質的造型服務。

		寵物指甲修剪: 我們的指甲修剪服務能夠幫助您的寵物保持良好的足部健康狀態。我們專業的美容師能夠根據您的寵物的需求進行個性化的指甲修剪服務，確保您的寵物的足部健康狀態。
	我們的寵物美容服務能夠幫助您的寵物保持健康和美麗，提高寵物的生活質量。如果您需要任何幫助或建議，請隨時聯繫我們的客服人員。
寵物領養
	在我們的寵物店，我們致力於幫助無家可歸的寵物找到一個溫暖的家。我們與當地的領養組織合作，提供領養寵物的機會，讓更多的人有機會成為寵物的家庭。
	以下是我們的領養寵物服務:
		寵物領養: 我們提供不同種類的寵物領養服務，包括狗、貓、兔子等等。所有的寵物都經過健康檢查和疫苗注射，確保寵物的健康狀況和品質。

		寵物領養諮詢: 我們的領養專家能夠為您提供專業的領養諮詢服務，幫助您選擇最適合您的家庭和生活方式的寵物。

		領養後服務: 我們提供領養後的支持和服務，包括寵物健康檢查、疫苗注射、寵物美容和培訓等等。
	領養一只寵物不僅可以給您帶來無限的愛和陪伴，同時也可以幫助無家可歸的寵物找到一個溫暖的家。如果您有興趣領養一只寵物，請聯繫我們的客服人員，我們將竭誠為您提供幫助。

Ref