Region System бірегейлігі.
Брендбуктың жұмыс үзіндісі: белгі, оның құрылымы, түс жүйесі, типографиялық шкала, қозғалыс қағидаттары және осының бәрін ұстап тұратын ережелер.
Бренд идеясы
Датум
Геодезияда датум — қалған өлшемдердің бәрі одан алынатын тұрақты бастау нүктесі. Ол ешқашан сызбаның нысаны емес, ал онсыз сызбада ештеңе дұрыс болмайды. Region System — ұлттық цифрлық экономиканың датумы: суретте көрінбейді және суреттің тұтас тұруының себебі.
Белгі
Ашық орталықты айналдыра бұрылыс бойынша симметриялы төрт тікбұрышты бұрыш. Сыртқы силуэт — тұрақты шаршы: тұрақтылық. Иықтары әдейі тең емес: желіде бағыт бар. Орталық бос: түйін оны толтыратын нәрсемен емес, онда түйісетін нәрсемен айқындалады.
Құрылымы
48 бірліктен тұратын торда салынған. Штрих қалыңдығы — 6 бірлік, бұрыш кесіндісі — 8, иықтардың ұзындығы — 16 және 10, апертура шегінісі — әр шеттен 6 бірлік. Барлық өлшем — модульдің бүтін саны, сондықтан белгі кез келген растрда анық қалады және сызғышы бар кез келген адам оны қайталай алады — оны болаттан кесетін станокты қоса.
Қорғау аймағы белгі штрихының қалыңдығына тең және сыртқы силуэттен төрт жағынан да өлшенеді. Ең кіші жаңғырту өлшемі — экранда 16 пиксель, баспада 8 мм. 24 пикселден кіші өлшемде белгі сөздік бөліксіз қолданылады.
Қорғау аймағы және ең кіші өлшем
Қорғау аймағы және ең кіші өлшем
Компоновкалар
Үш бекітілген компоновка: көлденең — тақырыптар мен құжаттарға, тік — маңдайшалар мен көлікке, оқшауланған белгі — фавикондарға, каскаларға, кабель барабандарына және жабдық шильдтеріне.
Жол берілмейтін қолданыс
Былай — ешқашан
Белгіні бұру, көлбеулеу немесе айналы көрсету
Бекітілген палитрадан тыс түсін өзгерту
Градиент, көлеңке, қырлар немесе контур қосу
Иықтарын бірдей ұзындықпен қайта сызу
Орталық апертураны бояу
Белгіні тығыз төсемсіз күрделі фотосуретке қою
Түс
Графит негіз, бейтарап бетон шкаласы және бір акцент. Акцент — Signal, 650 нанометрдегі қызыл: көрнекі ақау іздегіштің түсі, талшықты оптикадағы адам көзі көруге тиіс жалғыз жарық. Ол күйді, бағытты және екпінді білдіреді — ешқашан безендіру үшін қолданылмайды.
Graphite
Void
#08090B
--color-void
Graphite 900
#0C0E11
--color-graphite-900
Graphite 800
#111419
--color-graphite-800
Graphite 700
#171B22
--color-graphite-700
Graphite 600
#1F242D
--color-graphite-600
Concrete
Steel 500
#2C333E
--color-steel-500
Steel 400
#414957
--color-steel-400
Concrete 300
#6B7484
--color-concrete-300
Concrete 200
#98A1AF
--color-concrete-200
Concrete 100
#C3C9D3
--color-concrete-100
Chalk
Chalk 50
#E7EAEF
--color-chalk-50
Chalk 0
#F7F8FA
--color-chalk-0
Signal · 650 nm
Signal
#FF3D2E
--color-signal
Signal Strong
#D42B18
--color-signal-strong
Signal Soft
#FF8B7C
--color-signal-soft
Operational
Nominal
#3FCF8E
--color-nominal
Caution
#F5A524
--color-caution
Типографика
Бір гарнитура, тәртіппен қолданылады. Ірі кегльдер тығыз теріліп, оптикалық түзетіледі; негізгі мәтін ыңғайлы жол ұзындығымен теріледі; техникалық шамалар — моноенді жазумен, шығын бюджеті мен трасса ұзындығы әрқашан өлшем болып көрінуі үшін.
Инфрақұрылым — мерзімі өте ұзақ уәде.
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ · ӘҒҚҢӨҰҮҺІ · ABCDEFGHIJKLMNOPQRSTUVWXYZ · 0123456789 · ≤ ≥ ± × ÷ ° Ø λ Ω · dB nm km Tbps
Дизайн токендері
Дизайн-жүйе CSS пайдаланушы қасиеттерімен өрнектеліп, Tailwind-қа бірыңғай тақырып қабаты арқылы қосылады. Қосымшада қатаң жазылған бірде-бір түс жоқ.
:root {
--surface-base: var(--color-void);
--surface-raised: var(--color-graphite-800);
--text-primary: var(--color-chalk-0);
--text-secondary: var(--color-concrete-200);
--line-hairline: color-mix(in oklab,
var(--color-steel-400) 42%, transparent);
--accent: var(--color-signal);
--measure-max: 88rem;
--gutter: clamp(1.25rem, 4vw, 4.5rem);
--section-y: clamp(5.5rem, 11vw, 11rem);
}Тор
Он екі бағаналы тор, өзгермелі бағанаралық, тіркелген ең үлкен жол ұзындығы және 8 пиксельдік шегініс қадамы. Редакциялық бөлімдер торды әдейі бұзады, ешқашан кездейсоқ емес.
Қозғалыс
Қозғалыс құрылымды хабарлайды: не пайда болды, не байланысты, не өлшенеді. Ұзақтығы қысқа, баяулауы асимметриялы, бәрі prefers-reduced-motion параметріне бағынады. Ештеңе түсіндірмейтін анимация алынып тасталады.
Out expo
--ease-out-expo
cubic-bezier(0.16, 1, 0.3, 1)
Arrivals. Fast departure, long settle.
In-out quint
--ease-in-out-quint
cubic-bezier(0.83, 0, 0.17, 1)
Overlays and wipes.
Signal
--ease-signal
cubic-bezier(0.2, 0.85, 0.15, 1)
Indicators and pulses.
Коммуникация үні
Бекітіп. Техникалық. Асықпай. Біз сандарды өлшем бірлігімен, ал рұқсат етілген шектерді шарттарымен атаймыз. Біз «шешімдер», «синергия», «озық» және «әлемдік деңгей» деп жазбаймыз. Инженер ұялатын сөйлем жарыққа шықпайды.
Былай
Былай емес
Дәнекерлеудегі шығын ≤ 0,05 дБ, екі бағытта өлшенген.
Сала көшбасшылары деңгейіндегі дәнекерлеу сапасы.
Бір орды, көпірді немесе қуат кірісін бөліспейтін екі жол.
Толық резервтелген үздіксіздік.
Қалпына келтіру нормативі — магистральдық аралықтарда сегіз сағат.
Жылдам ден қоюға кепілдік береміз.
Тасымалдаушылар
Бірегейлік шындықпен бетпе-бет келуге есептелген: каскадағы трафарет, кабель барабанының щекасындағы ою, А4 шарттағы баспа, қасбеттегі бедер, браузер қосымша бетіндегі 16 пиксель.
Қорғаныс каскасы
Кабель барабанының щекасы
Көлік ливреясы
Құрылыс қоршауы
Визит карточкасы
Қосымша белгішесі
Толық брендбук репозиторийдің docs/brand каталогында жүргізіледі.
Не салу керегін айтыңыз.
Трасса, сыйымдылық, мерзім, нормативтік шектеу. Бұл не талап ететінін айтамыз — алдымен инженерлік, содан кейін коммерциялық тілде.