BRANDBOOK

dev/secure

Клуб Информационной Безопасности при СГУ им. Питирима Сорокина

> Взламывай этично. Защищай надежно. Учись постоянно.

Руководство по фирменному стилю
[ ОТКРЫТЬ BRANDBOOK ]

ВВЕДЕНИЕ

Этот документ определяет визуальную идентичность dev/secure
Используйте это руководство для создания материалов клуба

$ cat mission.txt

О БРЕНДЕ

dev/secure — это студенческий клуб информационной безопасности при СГУ им. Питирима Сорокина. Мы объединяем энтузиастов кибербезопасности, создаём безопасное пространство для обучения и развиваем навыки этичного хакинга через практические задания и реальные проекты.

Миссия: Развивать навыки кибербезопасности через практику, обмен опытом и участие в реальных проектах
Ценности: Этичность, открытость, постоянное обучение, сообщество
Аудитория: Студенты, начинающие специалисты в области информационной безопасности

ЦВЕТОВАЯ ПАЛИТРА

Цветовая палитра dev/secure основана на эстетике терминала и киберпанк-культуры.
Кликните на любой цвет, чтобы скопировать HEX-код

ОСНОВНЫЕ ЦВЕТА

Кликните, чтобы скопировать

Terminal Green

HEX: #00ff41
RGB: 0, 255, 65
Основной текст, логотип, акценты

Neon Green

HEX: #39ff14
RGB: 57, 255, 20
Яркие акценты, highlights

Secondary Green

HEX: #8fff8f
RGB: 143, 255, 143
Основной цвет текста

ФОНОВЫЕ ЦВЕТА

Deep Black

HEX: #000000
RGB: 0, 0, 0

Border Dark

HEX: #1a1a1a
RGB: 26, 26, 26
Границы карточек и элементов

Dark Gray

HEX: #0a0e0a
RGB: 10, 14, 10

АКЦЕНТНЫЕ ЦВЕТА

Electric Blue

HEX: #00b8ff
RGB: 0, 184, 255
Вторичный акцент / подсветка

Cyber Red

HEX: #ff003c
RGB: 255, 0, 60
Ошибка

Warning Orange

HEX: #fd7e14
RGB: 253, 126, 20
Предупреждение

Neon Purple

HEX: #b026ff
RGB: 176, 38, 255
Уникальное

ТИПОГРАФИКА

Шрифт Press Start 2P — это основа визуальной идентичности dev/secure.
Пиксельный ретро-стиль, напоминающий о хакерской культуре

$ cat fonts.config

ОСНОВНОЙ ШРИФТ

Press Start 2P

Пиксельный ретро-шрифт, напоминающий о эпохе 8-битных консолей и терминалов.

H1

3.5rem - 4rem (56px - 64px)

H2

2rem - 2.5rem (32px - 40px)

H3

1.5rem - 1.75rem (24px - 28px)

Body

1rem (16px)

$ sudo apt install kali-linux

Пример терминальной команды с использованием шрифта

ВИЗУАЛЬНЫЕ ЭФФЕКТЫ

ЭФФЕКТ GLITCH

dev/secure

Используется для создания эффекта сбоя и киберпанк-эстетики

ЭФФЕКТ GLOW

dev/secure

Неоновое свечение — основной эффект бренда

SCANLINES

CRT эффект

Скан-линии для ностальгического эффекта старого монитора

MATRIX RAIN

アイウエオ
カキクケコ
01101

Анимация падающих символов для фона

КОМПОНЕНТЫ

КНОПКИ

Normal State:

Hover State (try hovering):

Background: transparent → #00ff41
Border: 2px solid #00ff41
Padding: 12px 30px
Glow: 0 0 20px rgba(0, 255, 65, 0.5)

КАРТОЧКИ

$ whoami

Пример карточки

Наведите курсор для эффекта свечения

Background: #0a0e0a
Border: 2px solid #1a1a1a
Hover border: #00ff41
Padding: 20px - 30px
Hover glow: 0 0 20px rgba(0, 255, 65, 0.3)

АЛЕРТЫ И БЕЙДЖИ

✓ Успешно: профиль безопасности обновлен

! Внимание: ключ истекает через 3 дня

✗ Ошибка: несанкционированный доступ

ACTIVE NEW INFO PRO

ФОРМЫ И АККОРДЕОН

$ tail -f security.log

[OK] endpoint /api/login secured

[WARN] suspicious traffic from 10.0.0.7

[ERROR] token validation failed

Используйте зеленый для успеха, оранжевый для предупреждений и красный для ошибок.