45 lines
1.8 KiB
Markdown
45 lines
1.8 KiB
Markdown
# General Styles Documentation for enchun.tw
|
|
|
|
This document outlines the general styles (fonts and colors) for the website, based on an analysis of the primary CSS file `enchun.webflow.shared.557e15b5a.css`.
|
|
|
|
## Color Palette
|
|
|
|
The color scheme is clean and professional, utilizing a primary blue for interactive elements and various shades of gray for text and backgrounds.
|
|
|
|
| Color | Hex Value | Description |
|
|
| :------------- | :------------ | :---------------------------------------- |
|
|
| **Text** | `#333333` | The primary color for body text. |
|
|
| **White** | `#ffffff` | Used for backgrounds and button text. |
|
|
| **Primary Blue** | `#3898ec` | Used for buttons and focus indicators. |
|
|
| **Link Blue** | `#0082f3` | Used for current/active navigation links. |
|
|
| **Light Gray** | `#e2e2e2` | Used for borders (e.g., blockquotes). |
|
|
| **Medium Gray**| `#dddddd` | Used for UI element backgrounds. |
|
|
| **Error Red** | `#ffdede` | Background color for form failure messages. |
|
|
| **Black (Overlay)** | `#000000e6` | A semi-transparent black for overlays. |
|
|
|
|
## Typography
|
|
|
|
The website uses a modern, sans-serif font for readability. While the CSS file specifies Arial as a fallback, the live site primarily uses "Noto Sans TC".
|
|
|
|
### **Body Text**
|
|
|
|
* **Font Family:** `Noto Sans TC`, `Arial`, `sans-serif`
|
|
* **Font Size:** `14px`
|
|
* **Line Height:** `20px`
|
|
* **Color:** `#333333`
|
|
|
|
### **Headings**
|
|
|
|
All headings share a `font-weight` of `bold`.
|
|
|
|
* **Heading H1**
|
|
* **Font Size:** `38px`
|
|
* **Line Height:** `44px`
|
|
|
|
* **Heading H2**
|
|
* **Font Size:** `32px`
|
|
* **Line Height:** `36px`
|
|
|
|
* **Heading H3**
|
|
* **Font Size:** `24px`
|
|
* **Line Height:** `30px` |