공개: alpha.5 기준선 갱신
This commit is contained in:
parent
b63832706b
commit
00da320d96
62 changed files with 883 additions and 175 deletions
91
branding/BRAND_GUIDE.md
Normal file
91
branding/BRAND_GUIDE.md
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
# KoTalk Brand Guide
|
||||
|
||||
## Overview
|
||||
|
||||
This package turns the approved raster logo concept into a reusable production asset set for KoTalk.
|
||||
|
||||
- Reference intent: warm, calm, modern messenger mark
|
||||
- Primary use: app icon, favicon, PWA icon, Windows icon, docs, release pages
|
||||
- Master source: `branding/kotalk-logo-master.svg`
|
||||
|
||||
## File Inventory
|
||||
|
||||
### Master vectors
|
||||
|
||||
- `branding/kotalk-logo-master.svg`
|
||||
- `branding/kotalk-logo-master.pdf`
|
||||
- `branding/kotalk-logo-master.eps`
|
||||
|
||||
### PNG exports
|
||||
|
||||
- Transparent: `branding/png/kotalk-transparent-{1024|512|256|192|180|128|64|32|16}.png`
|
||||
- White background: `branding/png/kotalk-white-1024.png`
|
||||
- Mono black: `branding/png/kotalk-mono-black-1024.png`
|
||||
- Mono white: `branding/png/kotalk-mono-white-1024.png`
|
||||
- Inverse for dark surfaces: `branding/png/kotalk-inverse-1024.png`
|
||||
|
||||
### ICO exports
|
||||
|
||||
- Windows app icon: `branding/ico/kotalk.ico`
|
||||
- Favicon bundle: `branding/ico/favicon.ico`
|
||||
|
||||
### Applied runtime assets
|
||||
|
||||
- Web app icons: `src/PhysOn.Web/public/`
|
||||
- Desktop app icons: `src/PhysOn.Desktop/Assets/`
|
||||
|
||||
## Color System
|
||||
|
||||
### Core colors
|
||||
|
||||
- Ink: `#394350`
|
||||
- Warm accent: `#F05B2B`
|
||||
- Separator white: `#FFFFFF`
|
||||
|
||||
### Supporting backgrounds
|
||||
|
||||
- Paper: `#F7F3EE`
|
||||
- Night: `#141922`
|
||||
|
||||
### Recommended backgrounds
|
||||
|
||||
- White: `#FFFFFF`
|
||||
- Warm paper: `#F7F3EE`
|
||||
- Dark surface: `#141922`
|
||||
|
||||
## Safe Area
|
||||
|
||||
- Artboard: `1024 x 1024`
|
||||
- Recommended clear area from the artboard edge: `128px`
|
||||
- Do not scale the visible mark so large that any speech bubble or the center chevron approaches the outer 12% of the square
|
||||
|
||||
## Minimum Use Size
|
||||
|
||||
- Preferred minimum digital size: `24px`
|
||||
- Favicon minimum: `16px`
|
||||
- When rendering below `24px`, use the packaged ICO or PNG exports instead of re-rasterizing from screenshots
|
||||
|
||||
## Usage Rules
|
||||
|
||||
- Keep the mark square, centered, and unrotated
|
||||
- Use the transparent master for docs and UI surfaces when the background is already controlled
|
||||
- Use the white background exports for launcher and touch icons
|
||||
- Use the mono variants only where a single-color system is required
|
||||
|
||||
## Do Not
|
||||
|
||||
- Stretch or rotate the mark
|
||||
- Add shadows, glow, gradients, glass, or texture
|
||||
- Change the orange or dark brand colors arbitrarily
|
||||
- Add pattern backgrounds behind the mark
|
||||
- Recreate the logo from screenshots when the packaged vectors are available
|
||||
|
||||
## Regeneration
|
||||
|
||||
Run:
|
||||
|
||||
```bash
|
||||
python scripts/branding/generate_kotalk_brand_assets.py
|
||||
```
|
||||
|
||||
This regenerates the committed vector, PNG, ICO, and app-facing icon assets from the scripted master geometry.
|
||||
Loading…
Add table
Add a link
Reference in a new issue