Brand system · v1.0

One Partner.
Total Digital Dominance.

Architecting Digital Reality.

This is the working reference for everything that carries the Pixedi name — the site, the client review board, the control panel, proposals and social. It is not a picture of the brand; every value here is generated from tokens.json, so what you read is what ships.

Markets: United States → United Kingdom
Bases: South Florida & Greater Manchester
Language: English only
Typeface: Satoshi — one family

Pillar 01

Visual Engineering

Crafting the optics. Brand identity, cinematic motion and UI systems that dictate market perception.

Pillar 02

Core Infrastructure

Building the engine. Architectures and automated ecosystems that function autonomously.

Pillar 03

Market Velocity

Controlling the narrative. Data-driven campaigns and social command centres that amplify your voice.

Logo

A four-petal mark and a PIXEDI wordmark. The lockup is the default; the mark stands alone only where the name is already present or the space is square.

Lockups

Primaryon white

Dark groundon ink

Reversedon brand red

Mark & wordmark

Markavatar, favicon, app icon

Mark reversedsingle colour

Wordmarkwhere the mark already appears

Clear space

Keep clear on all sides by the height of one petal — a quarter of the mark's height. Nothing enters this area: no type, no rule, no image edge.

¼ mark ¼

Minimum size

Below these widths the petals close up and the wordmark's counters fill in. When you can't meet the minimum, use the mark alone.

Asset	Screen	Print
Lockup	120 px wide	32 mm wide
Mark alone	24 px	8 mm
Favicon	16 px	—

Never

Rotate or tilt

Stretch or condense

Recolour the mark

Place on low contrast

Colour

Black, white and one red. The red is the only loud thing in the system and it is spent once per view. Everything else is neutral, and the sector pairs do the categorising. Click any swatch to copy its hex.

Core

Neutrals

Six steps between white and ink for surfaces, hairlines and disabled states — plus one that exists only on dark ground.

Sector pairs

Seven dark tones, each with a light counterpart. One pair per industry — the tint carries the surface, the tone carries the text. This is how a proposal, a case study or a dashboard row identifies its sector without adding a second accent colour.

Ochre

Construction

Indigo

Architecture

Teal

HVAC & Trades

Plum

AV & Tech

Green

Chambers

Maroon

Politics

Olive

Unassigned

Semantic

Drawn from the sector pairs, not invented. Brand red is never an error colour — if red meant "something broke", it could not also mean "this is us".

Success

#356A3E · green

Warning

#6A5C35 · ochre

Danger

#6A3536 · maroon

Info

#35596A · teal

Measured contrast

Computed, not estimated. WCAG 2.1 needs 4.5:1 for body text and 3:1 for text at 24 px or above. Two results change how the system is used.

Foreground	Ground	Ratio	Rating	What it means
Ink	White	15.91:1	AAA	Body text. Default pairing.
Grey	White	5.74:1	AA	Secondary text on light.
Grey	Ink	2.77:1	Fails	Use on-dark grey `#999999` instead — 5.58:1.
Brand Red	White	4.34:1	24 px+	Headlines and fills only. Not body copy.
Brand Red	Ink	3.66:1	24 px+	Same limit on dark ground.
Indigo	White	10.47:1	AAA	Sector text, any size.
Green	Green light	5.01:1	AA	Tightest sector pair. All seven clear AA.

Typography

Satoshi, and nothing else. One family across the site, the panel, proposals and social. Indian Type Foundry, licensed through Fontshare for commercial use.

Weights

Light

300

Regular

400

Medium

500

Bold

700

Black

900

There is no SemiBold in Satoshi. Where a 600 is called for, choose Medium or Bold — never let a renderer synthesise one.

Scale

Display72 / 1.02
−0.03em · 700

Total Digital Dominance.

H148 / 1.08
−0.025em · 700

Architecting Digital Reality

H232 / 1.15
−0.02em · 700

Visual Engineering

H322 / 1.25
−0.015em · 500

Built for construction, trades and enterprise

Body16 / 1.6
0 · 400

We don't just write code or design. We manage your entire digital existence — from web architecture and brand design to social media management and AI-driven campaigns.

Small14 / 1.55
0 · 400

Supporting copy, table cells, captions and helper text under form fields.

Label11 / 1.4
0.14em · 500

Deployed across six industries

Rule

Tighten as it grows

Tracking runs from −0.03em at display size to 0 at body. Large type set at default tracking is the single fastest way to make this brand look generic.

Rule

65 characters, no wider

Running text stays near 62–66 characters per line whatever the container. Full-width paragraphs read as a wall and get skipped.

Space & form

A 4-px base grid, five radii and three elevations. Every gap in every Pixedi surface comes from this list — no arbitrary values.

Spacing scale

space-14px

space-28px

space-312px

space-416px

space-524px

space-632px

space-748px

space-864px

space-996px

space-10128px

Radii

sm · 6

md · 10

lg · 16

xl · 24

pill

Pill is for controls people press — buttons, inputs, chips. Panels and cards take lg or xl. Mixing the two on one element reads as a mistake.

Elevation

sm — resting

md — raised

lg — overlay

UI kit

Live components, not pictures of components. Press them, focus them, switch the ground — they behave here exactly as they should in the product.

Buttonspill · Medium 500 · 11/22 padding

Formfocus ring is ink, error is maroon — never brand red

Website URL

Industry

Work email Add the part after the @ so we can reply.

Brief

Chips & statussector tint carries the surface

Construction Architecture HVAC & Trades AV & Tech Chambers Politics

Live In review Blocked Scheduled

Cardsborder by default; the accent rail is spent once per view

Service

Web Architecture

Sites built to be found, measured and maintained.

Featured

Interactive Product Launch

CAD to a configurator in the browser at render quality.

Service

Content Systems

A publishing engine, not a posting schedule.

Data tabletabular figures, status as form and colour

Client	Sector	Channel	Scheduled	Status
ProTech e²	AV & Tech	Instagram	07 Sep · 19:30	Approved
ProTech e²	AV & Tech	LinkedIn	09 Sep · 08:30	Approved
ProTech e²	AV & Tech	Facebook	13 Sep · 09:30	In review

Tabs, progress & overlayskeyboard operable

One partner across build and growth — no handoffs between agencies.

September campaign27 of 38 approved

Empty statesays what to do next, not what is missing

No campaigns yet

Add a client and their first channel to start scheduling. Everything approved here publishes automatically.

Rules

The short list that keeps every surface recognisable. When something here conflicts with a client's brand, the client wins on their own channels — Pixedi's rules govern Pixedi's own surfaces.

✓One red per view

A single accent moment — the mark, one button, or one rule. Two reds compete and both lose.

✕Red as an error colour

Brand red says "this is us". Errors use maroon #6A3536.

✓Space is the material

Generous white space is the brand. When in doubt, remove an element rather than shrink the gaps.

✕A second typeface

Satoshi carries everything. Range comes from weight and size, not from a new family.

✓Show the working system

Where a competitor sends a PDF, show the live thing — the configurator, the review board, the schedule.

✕Stock-photo gloss

Real projects, real installs, real rooms. Handshakes and headset call-centres undo the positioning.

Voice

Declarative and specific. The brand claims dominance in the headline, so the body copy has to earn it with detail rather than repeat the claim with adjectives.

Write this

“Deploying 360° solutions for Construction, Politics and Enterprise.”
“27 posts approved, scheduled through 6 October.”
“CAD to a browser configurator at render quality.”
“One partner. No handoffs between agencies.”

Not this

“We are passionate about digital solutions.”
“Leveraging synergies to unlock your potential.”
“Stunning, premium, world-class websites.”
“Let's take your business to the next level!”

Known deviation

Two blacks in circulation

The master logo is drawn in #231F20; the interface ink is #222222. The difference is invisible on screen and deliberate in print. Interfaces use ink; the logo file is never edited to match.

Open item

Variable font not held

Satoshi ships a variable version that would replace ten web files with one. We hold only the static cuts. Worth acquiring before the next site build.

Assets

Everything lives under D:\Pixedi\brand\. Colour or type changes are made in tokens.json first — the CSS and Python constants are generated from it, so nothing is updated by hand in two places.

tokens.jsonSingle source of truth — colour, type scale, spacing, radii, shadows, measured contrast.

tokens.cssGenerated CSS custom properties for the site, panel and review board.

tokens.pyGenerated Python constants for compose and brandkit image output.

logo/pixedi-yatay.svgMaster lockup, copied from Drive. Never edited.

logo/pixedi-kilit-*.svgLockup variants — colour, ink, white, reversed on red.

logo/pixedi-isaret-*.svgSquare mark — avatar, favicon, app icon.

logo/pixedi-wordmark-*.svgWordmark alone, for surfaces where the mark already appears.

fonts/otf/Satoshi desktop cuts — Illustrator, Figma, image composition.

fonts/woff2/Web cuts. 259 KB for ten weights, 46% smaller than the OTFs.

fonts/satoshi.cssReady @font-face block with display:swap and a real fallback stack.

fonts/README.mdLicence terms, weight map and usage.

One Partner.Total Digital Dominance.