UASK.PRO / Brand book

Working system · v1.0

Independent technology portal

Technology, explained without the noise.

A practical identity for reporting on AI, building useful systems and publishing work that can be inspected, tested and trusted.

Explore the system

01 / Foundation

Evidence before theatre.

UASK.PRO is an independent technology portal and working practice. It publishes useful reporting, documents real projects and turns technical complexity into decisions people can act on.

01

Independent

No vendor script, recycled hype or borrowed certainty. Conclusions remain the author’s own.

02

Useful

Every page should explain, demonstrate or help someone make a better technical decision.

03

Verifiable

Show sources, constraints, test results and what is still unknown. Claims need evidence.

04

Human

Write for intelligent people, not personas. Technical precision does not require corporate language.

What it is

Technology publication
Project laboratory
Independent practice

What it is not

Personal lifestyle page
Generic agency brochure
Automated news farm

Primary audiences

Technical peers
Project partners
Decision makers

02 / Marks

The name is the mark.

Use only the supplied artwork and only on the official UASK.PRO website. The wordmark keeps U and .PRO neutral while ASK carries the identifying orange signal.

UASK.PRO white wordmark

On dark

White U and .PRO, orange ASK.

SVG ↓
UASK.PRO black wordmark

On light

Black U and .PRO, orange ASK.

SVG ↓

Clear space

1 × cap-height UKeep every edge free of text, controls and imagery.

Minimum digital width

118 pxDo not compress the full wordmark below its verified header size.

Aspect ratio

1000 : 135Never stretch, condense, rotate or redraw the supplied paths.

Do not recolour individual letters.

Do not add glow, gradients or shadows.

Do not place it on a noisy area without contrast.

Do not rebuild the wordmark with a font.

Usage restriction

Website use only.

The UASK.PRO name and logo may be used only on pages served from the official uask.pro website. Use on social profiles, directories, partner pages, articles, presentations, advertising, merchandise, third-party products or any other external surface is prohibited without prior written permission from UASK.PRO.

Access to or download of an asset does not grant a licence to use it.

02b / Mark treatment

Как подать знак.

Плоский знак читается, но в шапке висит без веса. Ниже — восемь способов подачи, каждый показан сразу на тёмном и на светлом фоне, крупно и в рабочем размере шапки. Скажите номер.

Ориентир — то, что сейчас работает в интерфейсах: глубина и свет вернулись, но одним-двумя тонкими слоями, а не скевоморфизмом. Для монограмм основной ход — контейнер, а не обработка самой формы. Эффект накладывается на сильную плоскую форму как опция и никогда не служит ей подпоркой — поэтому первым идёт голый знак.

01

Как сейчас

Голый знак без обработки. База для сравнения — всё остальное должно быть заметно лучше неё, иначе эффект не нужен.

02

Контейнер

Знак в скруглённом квадрате: тонкая рамка и еле заметная подложка. Основной приём для SaaS-монограмм — даёт знаку вес и границу, без единого декоративного слоя.

03

Слоистые тени

Приём Vercel: четыре слоя, у каждого своя работа — граница, ambient-мягкость, глубина и внутреннее кольцо-блик, от которого плашка светится изнутри.

04

Свечение

Мягкий ореол вокруг самого знака. На тёмном знак начинает работать источником света, а не наклейкой; на светлом тот же слой читается как воздушная тень.

05

Тональный градиент

Заливка знака чуть светлеет кверху. Не глянец, а намёк на объём — разница между верхом и низом всего в пару ступеней шкалы.

06

Тиснение

Светлая линия по верхней кромке штриха и тёмная по нижней. Знак кажется выдавленным в поверхности. Тот самый эффект, который легко передержать.

07

Стекло

Полупрозрачная плашка с размытием фона и светлой кромкой сверху. Работает поверх фото и видео — как раз случай нашего hero.

08

Ореол-кольцо

Тонкая окружность вокруг знака на расстоянии. Держит зону логотипа и добавляет структуру, оставаясь абсолютно плоской.

В каждой карточке слева тёмный фон, справа светлый; в каждой половине знак 58 px и рядом 30 px — рабочий размер в шапке. Смотреть стоит именно на маленький: эффект, который исчезает на 30 px, в шапке бесполезен. Действующий раздел Colour запрещает градиенты, а Marks — свечение и тени, так что варианты 03–07 потребуют правки этих правил.

03 / Colour

Neutral by default. Semantic by exception.

Black, white and neutral paper build the interface. Orange identifies UASK.PRO; green, blue and red communicate operational state. No gradients.

Ink

#171717

--uask-ink

Deep

#0A0A0A

--uask-deep

Paper

#F2F2F2

--uask-paper

White

#FFFFFF

--uask-white

Signal orange

#FF6F36

--uask-orange

Verified green

#16A05A

--uask-green

System blue

#16B5FF

--uask-blue

Critical red

#F04444

--uask-red

Orange is identity, not decoration.

Never use orange as a large interface-block background.

Status colours carry meaning.

Always pair colour with a word, icon or measurable state.

04 / Typography

One voice. Two technical roles.

Onest carries headlines, editorial copy and interface controls. JetBrains Mono carries logs, code, timestamps, metrics and machine state. Italic is not used.

Primary / Onest

Clear thinking.

Aa Bb Cc Dd Ee Ff Gg
0123456789 & £ % →
Weights 400 · 500 · 600 · 700

Technical / JetBrains Mono

system.status

14:19:39 RECOVERED
latency=356ms
Weights 400 · 500 · 600

Hero50 / 54.5 · 500

Technology without the noise.

Section34 / 41.5 · 500

Evidence before theatre.

Card18 / 25.2 · 600

A useful technical outcome

Body large18 / 29.2 · 400

Explain the system, its constraints and why the result matters.

Body16 / 25.6 · 400

Write plainly. Keep every technical claim specific and testable.

Label11 / 16 · 600

PROJECT STATUS · VERIFIED

05 / Interface system

Flat, precise and inspectable.

The visual system favours clear hierarchy, square geometry, fine rules and visible system state over decorative surfaces.

Container

1240 px max
32Content32

Desktop 32 · tablet 24 · mobile 18 px gutters.

Controls

Direct actions
Primary action

6 px control radius, visible border, 44 px minimum target.

Cards

Structured content
Field note · 07

Show the evidence.

Cards group information; they do not float as decorative objects.

Header

Two verified states
Transparent on hero
White after scroll

Operational UI

Duty feed

JetBrains Mono · live system data
Duty feedDemo

**outdoor.de search visibility ok

shop-**7.co.uk product → basket → checkout

**-outdoor.de product → basket → checkout

shop-**7.co.uk payment gateway ok 380ms

**boutique.pl product → basket → checkout

**store.co.uk checkout 3 fails / 5 min

**store.co.uk → card rejected on iOS Safari

**store.co.uk → desktop unaffected

**store.co.uk payment module v3.2.1 → rollback

**store.co.uk checkout ok 356ms

**store.co.uk recovered · est. £2,340 protected

**outdoor.de search visibility ok

Greenverified or recovered

Orangewarning or intervention

Bluesystem action in progress

Whiteresolved business outcome

06 / Editorial system

Direct. Specific. Sceptical.

UASK.PRO sounds like an experienced technical peer: interested, independent and willing to show the work behind a conclusion.

Use

We tested the workflow across twelve real transactions.Concrete subject, action and evidence.

Avoid

Unlock next-generation transformation at scale.Abstract promise without a measurable claim.

Use

Here is what failed, why it mattered and how it was fixed.Useful sequence with an inspectable result.

Avoid

Revolutionary AI-powered solutions for everyone.Hype, category stuffing and no point of view.
News

What changed

Fast reporting with sources, context and a clear distinction between fact and inference.

Analysis

What it means

Original interpretation, competing explanations, risks and practical consequences.

Projects

What was built

Problem, constraints, system, implementation, evidence and lessons from real work.

Field notes

What was learned

Short technical observations worth publishing before they become a full article.

07 / Imagery

Show systems and real work.

Prefer original screenshots, interfaces, diagrams, devices, places and project evidence. Credit external imagery and never imply endorsement.

01Real interface statestatus: verified

Use

Cropped with purpose, legible and connected to the story.

02Technical diagramsource → process → result

Use

Simple diagrams that explain relationships or sequence.

×Generic future-tech imagemeaning: none

Avoid

Stock robots, fake dashboards, decorative code and anonymous glowing data.

08 / Accessibility

Clarity is part of the brand.

Accessibility is not a separate visual mode. It is the standard implementation of the system.

4.5:1

Minimum contrast for ordinary text.

44 px

Minimum interactive target size.

Visible

Keyboard focus on every control.

Never colour alone

Status always includes text or another cue.

Reduced motion

Respect the operating-system preference.

Semantic HTML

Structure survives without presentation.

09 / Implementation

One source of truth.

These files are provided solely for authorised maintenance of pages served from the official uask.pro website.

Restricted assets

No permission for external publication, redistribution, imitation or commercial use is granted. Written approval is required before any use outside uask.pro.

Status

Working brand system

This page is the current source of truth for UASK.PRO identity, editorial and interface decisions. All logo rights are reserved; no external-use licence is implied.

Version 1.0 · July 2026