Intellectz Brand Manual

PART I

Foundation

What the company is, before anything is drawn.

01

The brand name

Use Intellectz in running copy and INTELLECTZ as the formal wordmark. The .ai domain is not part of the logo.

✓ Use

INTELLECTZ

The domain may appear separately as intellectz.ai in footers, contact blocks and URLs.

✕ Never

INTELLECTZ.AI

The domain is an address, not an identity. Locking it into the mark dates the brand and breaks the accent-Z rule.

02

The brand idea

Intellectz is not technology for technology's sake.

It takes specialist knowledge — rules, calculations, decisions and workflows that normally live inside people's heads — and turns them into usable software. The brand represents the movement from input, through intelligence, to execution.

Precise

without being cold

Technical

without becoming complicated

Friendly

without becoming childish

Bold

without becoming loud

Minimal

without becoming empty

Intellectz should feel like software built by people who understand how real work gets done.

03

Philosophy

Intelligence becomes valuable only when it can be used.

A thing	should produce
A calculation	an answer
A configuration	something buildable
A drawing	a machine-ready file
A measurement	a quote
A decision	the next step in the process

Intellectz converts knowledge into systems, and systems into action.

Internal mantra — not public copy

INPUT. INTELLIGENCE. EXECUTION.

04

Brand personality

If Intellectz were a person: very smart, very practical, slightly obsessive about getting things right. Not interested in impressing people with terminology. Comfortable inside both a design studio and a factory. Able to explain a complicated process in one sentence. Quietly amused by how unnecessarily difficult most software makes things.

05

What Intellectz is not

A futuristic AI company A conventional enterprise-software company A consulting company A factory-software dinosaur A playful consumer startup A purple-gradient SaaS template

The territory sits between industrial intelligence and exceptional contemporary software design. Nothing else occupies that ground.

PART II

The Mark

One symbol, built to survive at sixteen pixels.

06

The symbol

The Intellectz mark is two ideas: a rounded frame, and the I_ symbol inside it. It must stay extraordinarily simple. Its simplicity is intentional — the mark should never depend on detail to be recognised.

The I

The vertical form is intelligence, information, input, Intellectz. It is the first piece of information entering a system.

The underscore

A cursor. A command line. The next instruction. An output beginning to form. It implies the system is active, waiting, ready — there is always a next action.

The frame

The system around the intelligence: structure, software, process, containment. Read another way, a doorway — from human intent into digital execution.

Together

Intelligence entering a system and becoming action. Never explain the mark as a literal illustration — its power is in the ambiguity, and it should become more meaningful over time, not less.

Signature motion — under one second

I| → I_ → the output appears. It reinforces input, processing and execution without explaining any of it.

07

Why the mark is deliberately plain

Intellectz must avoid every visual cliché attached to artificial intelligence. The identity earns recognition through repetition, not decoration.

brainscircuit boardsneural networks starssparklesrobot heads infinity symbolshexagonsglowing AI gradients complicated monograms

Intellectz is not trying to look like AI. It is trying to look like Intellectz.

08

Lockups

Four official forms. The horizontal lockup is the primary identity.

Primary horizontalWebsite navigation, presentations, documents, marketing, corporate communication.

Symbol onlyFavicons, app icons, profile pictures, UI navigation, loading states, social avatars.

INTELLECTZ

Wordmark onlyWhere the symbol already appears elsewhere, or where space demands a text-only treatment.

StackedTitle pages, brand presentations, square compositions, event graphics. Use selectively.

09

The wordmark

The wordmark is intentionally straightforward and must not compete with the symbol. A clean contemporary neo-grotesk with generous tracking. The distinctive intellectual property is the symbol — never distort letters to make the type look technological.

Typeface	Geist Sans (or an equivalent neo-grotesk)
Weight	SemiBold / Bold
Case	Uppercase, always
Tracking	+0.12em to +0.16em
Final Z	Carries the industry accent — see Part III

10

Clear space and minimum size

Clear spaceMinimum clear space equals the width of the internal vertical I. Nothing enters it — no text, photography, borders, buttons, other logos or UI. More space is always preferred.

Minimum size — rendered at true scaleSymbol: 16 × 16 px absolute minimum. Horizontal lockup: 120 px minimum width; below that, use the symbol.

At 16 px the stroke may be simplified so the mark stays legible. Legibility outranks geometric fidelity at small sizes.

PART III

The Accent System

One brand, many industries. A single token carries the difference.

11

The Z rule

The final Z is the accent letter. It changes colour by industry or product category. Nothing else in the wordmark ever changes.

INTELLECTZ

✓ Always

INTELLECT in Intellect Ink, or in white on dark grounds
Exactly one letter — the final Z — in the accent
The accent drawn from the registered industry list
Same tracking, weight and case across every variant

✕ Never

Two or more coloured letters
An accent colour invented outside the registered list
A gradient across the Z
The accent applied to the whole wordmark

12

Registered industry accents

Six accents are registered today. The system is open — a new industry means one new token, never a new logo. Colours are chosen so that every pair is separable by hue and by lightness, which keeps them distinguishable for colour-blind viewers and in greyscale print.

Industry	Colour	Hex	Favicon glyph	Covers

Furnishings and panelling sit under Woodworking — they share a workshop lineage and must not fragment into a seventh accent. Add an accent only when a genuinely new industry arrives.

13

Two modes — the central logo rule

On a tab, the industry colour is the field. On a page, the industry colour is the ink.

Same geometry, same proportions, two fills. This is the rule most often broken, so it is stated flatly: a favicon is a solid block of colour because solid blocks read at 16 px in a crowded tab bar. An in-page logo is never a solid block, because a filled block shouts on a quiet page.

Favicon / app icon modeRounded square filled solid in the industry accent. Frame, I and underscore knocked out of it. Bold on purpose.

In-page / on-text modeWhite background, no filled block. The frame stroke, the I and the underscore are drawn in the industry accent.

	Favicon / app icon	In-page / on-text
Background	Solid rounded square in the accent	White — no block, no fill
Glyph	Knocked out in white — always	Drawn in the accent itself
Corner radius	22% of the icon width	Frame radius only
Why	Must win against 20 other tabs	Must sit quietly inside a document

The glyph is always white. On every favicon, in every industry, the frame, the I and the underscore knock out in white — no exceptions. This keeps the family instantly recognisable across all six accents. Lighter accents like Rose and Gold trade some contrast for that consistency, which is a deliberate brand decision; any future accent should be dark enough to carry white comfortably.

14

The favicon system

The favicon is strategically important. Intellectz products live in browsers, and a working customer will have several Intellectz tabs open at once. The favicon is therefore a navigation system, not a shrunken logo — it is one of the primary expressions of the brand.

Colour-vision check

In a real tab bar

Individual apps may eventually place their own application letter inside the same structure. The structure never changes; only the letter and the accent do.

15

One mark for every product

Every Intellectz product carries the same I_ mark — only the industry accent changes. Products are distinguished by their accent colour and their tab title, never by a different glyph. A per-product letter system was considered and rejected: at favicon size the letters collided with the frame and broke the family. If per-product marks are ever needed, that is a fresh design exercise, not a variation of this one.

Per brand architecture, products carry functional descriptors only — "Intellectz Bills", "Calculators by Intellectz". No new coined brand names.

16

How it is coded

One variable per industry, set once at the theme root. The wordmark Z, the favicon fill, the in-page strokes and every active UI state read from it. Adding an industry is a token block and nothing else — no component changes, no new assets, no new SVG files.

1 — Tokens

/* brand constants — never themed */
:root {
  --iz-ink: #101116;
  --iz-cloud: #F4F4F6;
  --iz-grey: #747580;
}

/* one block per industry. --iz-on = glyph colour on a solid accent */
[data-industry="core"]     { --iz-accent: #5955F4; --iz-on: #FFFFFF; }
[data-industry="b2c"]      { --iz-accent: #CC79A7; --iz-on: #FFFFFF; }
[data-industry="jewellery"]{ --iz-accent: #E0A32E; --iz-on: #FFFFFF; }
[data-industry="wood"]     { --iz-accent: #0F8A6A; --iz-on: #FFFFFF; }
[data-industry="billing"]  { --iz-accent: #7A5220; --iz-on: #FFFFFF; }
[data-industry="security"] { --iz-accent: #D2542A; --iz-on: #FFFFFF; }

2 — The wordmark

<!-- the only coloured letter in the brand -->
<span class="iz-wordmark">INTELLECT<span class="iz-z">Z</span></span>

.iz-wordmark { font-weight: 600; text-transform: uppercase;
                letter-spacing: .14em; color: var(--iz-ink); }
.iz-z        { color: var(--iz-accent); }

3 — One mark, two modes

<!-- mode="favicon" → solid accent field, knocked-out glyph -->
<!-- mode="page"    → white ground, glyph drawn in the accent -->
<svg viewBox="0 0 100 100" class="iz-mark" data-mode="favicon">
  <rect class="field" width="100" height="100" rx="22"/>
  <rect class="g" x="20.5" y="20.5" width="59" height="59" rx="17"
        fill="none" stroke-width="7"/>
  <!-- glyph group is inset an equal 9 units from all four inner edges -->
  <rect class="g" x="33" y="33" width="7"  height="34" rx="1"/>
  <rect class="g" x="50" y="60" width="17" height="7"  rx="1"/>
</svg>

.iz-mark[data-mode="favicon"] .field { fill: var(--iz-accent); }
.iz-mark[data-mode="favicon"] .g     { fill: var(--iz-on); stroke: var(--iz-on); }

.iz-mark[data-mode="page"] .field    { fill: none; }
.iz-mark[data-mode="page"] .g        { fill: var(--iz-accent); stroke: var(--iz-accent); }

4 — Adding a seventh industry

[data-industry="marine"] { --iz-accent: #0072B2; --iz-on: #FFFFFF; }

/* That is the entire change. Before merging, check the new hex against
   every registered accent for hue AND lightness separation, and view it
   under deuteranopia, protanopia and greyscale. */

PART IV

Colour

Neutral first. Colour second. Every coloured area earns its place.

17

Core palette

A predominantly neutral interface punctuated by confident blocks of colour. Click any swatch to copy its hex.

18

Technical surfaces — and two retired colours

Two accents have been retired. The fluorescent yellow of the early drafts was too trendy and too visually aggressive. Its proposed replacement, Precision Mint #82E3C1, was evaluated and retired before adoption: pastel mint is itself a dated fintech colour, and once Timber Green became the Woodworking accent, any mint surface elsewhere quietly read as a woodworking product — precisely the confusion the accent system exists to prevent.

Technical surfaces — verification panels, calculation results, machine outputs — take a 10% tint of the active industry accent instead, with Ink type over it. The surface then reinforces which industry the user is standing in, rather than introducing a colour with no meaning.

Correct — live

Technical surface, tinted from the industry accent.

bg color-mix(accent 10%) · switch the industry above and watch it follow

The rule

No standalone technical accent exists. A coloured surface either carries the industry accent (or its tint), a core neutral, or an extended surface colour from section 19. Nothing else.

19

Extended product colours

The modular colour philosophy stays — colour is part of what prevents Intellectz from becoming another sterile enterprise-software company. These appear primarily as large flat surfaces, not decorative accents scattered across a page.

Cobalt caution. Cobalt is a surface colour only. It must never appear where it could be mistaken for the Core/Platform accent — never as a Z, never as a favicon field, never beside Intellect Violet in the same composition.

20

The 70/30 principle

70% neutral

30% colour

Colour indicates modules, products, stages, categories, actions and different systems. Colour does not decorate the page. If a coloured area cannot answer "what does this colour mean here?", it should be neutral.

Intellect Violet is the identity colour. Do not flood the site with it — its relative scarcity is what gives it ownership.

21

No gradients

The core identity uses flat colour. Visual sophistication comes from typography, scale, spacing, composition, colour blocking and motion — not from effects.

purple-to-blue gradientsglowing backgrounds aurora effectsglassmorphism metallic finishesartificial shine drop shadows on buttons

PART V

Typography

Two faces. One does the talking; the other reports what the machine said.

22

The two faces

Primary — Geist Sans

Aa Bb Cc 0123

Headlines, body copy, navigation, buttons, UI, presentations. Direct and contemporary.

Technical — Geist Mono

Aa Bb Cc 0123

Dimensions, file names, machine outputs, technical metadata, calculation results, system status, reference numbers.

The mono face is what separates communication from machine information. Use it sparingly — the moment everything is mono, nothing reads as a machine output.

This document requests Geist and falls back to the system neo-grotesk where Geist is not installed. Production surfaces must ship the real face.

23

Headlines

Very large. Short. Left aligned. Confident. Intellectz avoids tiny corporate headlines surrounded by large hero illustrations — the words are the hero.

From the showroom to the CNC, without the translation loss.

Black carries the proposition · Grey carries the consequence

Never more than two text colours inside a single headline.

24

Body copy

✕ Not this

"Revolutionising manufacturing through next-generation AI technology."

✓ This

"Configure the product once. Everything your factory needs follows automatically."

PART VI

Voice

Sound like someone who understands the work — not someone selling software to someone who understands the work.

25

Tone

Clarity

Competence

Compression

Confidence

Specificity

Knowledgeable but never academic. Technical but understandable. Confident but never boastful. A little dry humour is welcome. Corporate jargon is not.

26

Words

Words we like — all verbs. Intellectz is an action brand.

MakeBuildCalculateCheck ConfigureVerifyPriceCut MeasureGenerateRunOutput ReadyExactAutomatic Machine-readyProduction-ready

Words to avoid

RevolutionaryDisruptiveGame-changing ParadigmGroundbreakingCutting-edge World-classAI-powered everything Seamless ecosystemDigital transformation

If the product really does something impressive, state what it does. Do not describe it with adjectives.

27

The writing formula

Step	Asks	Worked example
Problem	What is unnecessarily difficult today?	A wall shouldn't require three people to calculate it.
Action	What does Intellectz do?	Enter the dimensions.
Output	What does the user receive?	Intellectz calculates panels, repeats, openings and quantities.
Consequence	Why does that matter?	Your machine gets what it needs.

28

UI labels

Small technical labels are a recognisable brand detail. Compact, functional, slightly technical — personality without illustration.

01LIVEIN BUILD MACHINE READYNEXTOUTPUTCHECKED

PART VII

Interface

Many small intelligent pieces. One coherent system.

29

The five ingredients

One

Large typography

Two

Large blocks of colour

Three

Rounded functional containers

Four

Generous white space

Five

Tiny intelligent details

The interface must never feel busy. White space is functional — it separates ideas, creates hierarchy and gives the colour blocks their power. Do not fill an empty area merely because it is empty.

30

Sharp + cute

A central characteristic of the identity: sharp thinking with small moments of friendliness. The friendliness comes through proportion and interaction — never through illustrations or mascots.

numbered labelsrounded coloured cardstiny status pills unexpected microcopycompact arrowsa blinking cursor subtle movementsmall icon transformations

The individual pieces are simple and enjoyable, but everything joins into one disciplined system.

31

Radius, buttons, cards

Family	Radius	Applied to
Functional containers	20–28 px	Product cards, module cards, feature blocks, app tiles
Pills	999 px	Buttons, tags, status indicators, filters, small metadata
Favicon field	22% of width	App icons and favicons only

Two radius families. Not ten. Consistency is part of the identity.

Buttons

Request access See pricing

Primary: black field, white text, pill. Secondary: transparent or Cloud, black border, black text. No gradients, no drop shadows, no glows, no oversized icons. Buttons should feel almost obvious.

Cards are units of intelligence

Configurator

White-label · Your brand

→

Instant price

Your rates · Freight + tax

→

One clear concept per card. The card system communicates the product idea itself: many focused intelligent modules connecting into one workflow.

32

Grid and alignment

A consistent 12-column desktop grid. Sections predominantly align to the same left-hand edge. Avoid excessive centred layouts — Intellectz speaks directly, so the visual orientation is left aligned, structured and intentional.

33

Motion

Movement is extremely restrained. Intellectz should feel responsive, not animated. Animation communicates cause and effect.

✓ Vocabulary

Cursor blink
Cards clicking into place
Small arrows moving once
Numbers calculating
Status changing
Frames drawing themselves
Inputs turning into outputs

✕ Never

Floating objects
Endless looping
Bouncing
Decorative parallax
Particle systems
AI sparkles

34

Iconography, photography, screenshots

Icons

Geometric, minimal, 2D, consistent stroke weight, optically balanced. Never mix filled, outline, 3D and illustrative icons in one interface. Icons help navigation; they do not decorate empty space.

Photography

Show where the software becomes useful: factory floors, CNC machines, materials, shop drawings, production components, workshops, installation, measurement, real making. Never people pointing at laptops, meeting rooms, handshakes, server rooms, robots or futuristic AI faces.

Screenshots

Large enough to understand. Never an unreadable screenshot inside a laptop mockup just to fill a page. Show the actual interface, zoom into the important result, annotate the useful part, explain what happened. Product truth is more persuasive than decoration.

PART VIII

Principles

The rules that decide everything the manual did not anticipate.

35

The experience principle

Every screen answers two questions: What do I give Intellectz? and What does Intellectz give me back?

Input must always lead clearly to output. This applies to marketing, product design, UX, documentation, sales demonstrations and onboarding alike.

36

Visual hierarchy

1	Giant proposition
2	Short explanation
3	Clear action
4	Modular product system
5	Technical proof
6	Deeper explanation

Never begin with a long explanation. Let the reader understand the idea before explaining the machinery underneath it.

37

The brand promise

Give Intellectz the information. Get something usable back.

A priceA cut listA drawing A machine fileA measurementA verification result A production planA quotationA calculation

The output changes. The promise does not.

38

Brand line and campaign language

Corporate brand line

Intelligence, made operational.

Sits beneath the corporate identity when an overarching statement is required. It does not replace individual product propositions — product pages stay specific.

Campaign language — not permanent taglines

Input in. Work out.

From intent to execution.

Software that understands what happens next.

Built around how things actually get made.

Every input should lead somewhere useful.

Less translation. More execution.

39

Application

Everything should look as though it belongs to the same operating system: website, applications, calculators, documents, presentations, invoices, emails, product dashboards, social media.

I_Intellect InkCloudthe industry accent accent tintsGeist SansGeist Mono large statementsrounded modulesstructured grids tiny technical labels

No single element carries the brand. The system creates the brand.

40

The central design rule

Decorative or useful

Choose useful.

Complicated or obvious

Choose obvious.

Five ideas or one

Choose one.

Intellectz communicates intelligence by reducing complexity — never by displaying it.

Intelligence,made operational.

Foundation

The brand name

✓ Use

✕ Never

The brand idea

Philosophy

Brand personality

What Intellectz is not

The Mark

The symbol

Why the mark is deliberately plain

Lockups

The wordmark

Clear space and minimum size

The Accent System

The Z rule

✓ Always

✕ Never

Registered industry accents

Two modes — the central logo rule

The favicon system

One mark for every product

How it is coded

Colour

Core palette

Technical surfaces — and two retired colours

Extended product colours

The 70/30 principle

No gradients

Typography

The two faces

Headlines

From the showroom to the CNC, without the translation loss.

Body copy

✕ Not this

✓ This

Voice

Tone

Words

The writing formula

UI labels

Interface

The five ingredients

Sharp + cute

Radius, buttons, cards

Grid and alignment

Motion

✓ Vocabulary

✕ Never

Iconography, photography, screenshots

Principles

The experience principle

Visual hierarchy

The brand promise

Brand line and campaign language

Application

The central design rule

Intelligence,
made operational.