Initial commit from Specify template
This commit is contained in:
45
style-css.md
Normal file
45
style-css.md
Normal file
@@ -0,0 +1,45 @@
|
||||
# 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`
|
||||
Reference in New Issue
Block a user