OrudoCA
/
SiteKB
4
0
Fork 0
Code Pull Requests Activity

Дизайн-система 

- Цвета
This commit is contained in:
trueold89 2024-11-01 03:26:54 +03:00
parent aa5c8fb69f
commit a487d34f5d
Signed by: trueold89
GPG Key ID: C122E85DD49E6B30
6 changed files with 186 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
Вложения/Colors.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

46
Вложения/Colors_Background.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

46
Вложения/Colors_Text.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
Вложения/MarkupDraft.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 319 KiB

44
Дизайн/Дизайн-система.md
View File

@ -1,3 +1,45 @@
# Дизайн-система [ORUDO.RU](https://orudo.ru)
***
`тут будет описание дизайн-системы сайта`
## Шрифт
---
`Описание шрифтов для сайта`
## Цвета
---
| Тип | HEX | Превью |
| ------------------------ | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
| **Background** *(Light)* | \#ECEFF4 | <div style="width: 50px; height: 50px; background-color: #ECEFF4;"></div> |
| **Text** *(Light)* | \#092F27 | <div style="width: 50px; height: 50px; background-color: #092f27;"></div> |
| **Text (Dim)** *(Light)* | \#06231D | <div style="width: 50px; height: 50px; background-color: #06231d;"></div> |
| **Background** *(Dark)* | \#2E3440 | <div style="width: 50px; height: 50px; background-color: #2e3440;"></div> |
| **Text** *(Dark)* | \#ECEFF4 | <div style="width: 50px; height: 50px; background-color: #FFFFFF;"></div> |
| **Text (Dim)** *(Dark)* | \#D8DEE9 | <div style="width: 50px; height: 50px; background-color: #d8dee9;"></div> |
| **Primary** | \#1B695B | <div style="width: 50px; height: 50px; background-color: #1b695b;"></div> |
| **Primary** *(Shade)* | \#2F7E6F | <div style="width: 50px; height: 50px; background-color: #2f7e6f;"></div> |
| **Primary** *(Gradient)* | \#1B695B<br>\#2F7E6F | <div style="width: 50px; height: 50px; background: linear-gradient(to bottom, rgba(27, 105, 91, 1) 0%, rgba(47, 126, 111, 1) 100%);"></div> |
| **Secondary** | \#4EB189 | <div style="width: 50px; height: 50px; background-color: #4eb189;"></div> |
| **Secondary** *(Shade)* | \#6FC6A3 | <div style="width: 50px; height: 50px; background-color: #6fc6a3;"></div> |
| **Accent** | \#247B59 | <div style="width: 50px; height: 50px; background-color: #247b59;"></div> |
![[Colors_Background.svg]]
![[Colors_Text.svg]]
![[Colors.svg]]
## Компоненты:
---
### Primary Button
---
`Прикрепить макет`
### Secondary Button
---
`Прикрепить макет`
### Tertiary Button
---
`Прикрепить макет`
### Site Widget
---
`Прикрепить макет`
### Social Widget
---
`Прикрепить макет`

5
Дизайн/Макеты.md Normal file
View File

@ -0,0 +1,5 @@
# Макеты
***
## Черновой макет
---
![[MarkupDraft.png]]