Stage 01 — Wireframe blocking: spatial layout intent before any design token is set.
ZONE A — HERO
LOGOTYPE / DISPLAY HEADLINE
PILLAR 01
PILLAR 02
PILLAR 03
RATIONALE COPY
SEPARATOR — FULL BLEED
ZONE B — 01. COLOUR PALETTE / 4 SWATCHES
SWATCH A
SWATCH B
SWATCH C
SWATCH D
SEPARATOR
ZONE C — 02. TYPOGRAPHY / SPECIMEN
DISPLAY TYPEFACE / 96PX
BODY TYPEFACE / 48PX
SEPARATOR
ZONE D — 03. BRAND PRIMITIVES
PRIMITIVE 01 — SEPARATOR GLYPH
PRIMITIVE 02 — GRID
PRIMITIVE 03 — SYSTEM TAG
SEPARATOR
ZONE E — 04. SYSTEMS VISUALIZATION
DEPLOY SIGNAL — FULL WIDTH CELL
INFRA MONITOR
ORCHESTRATOR / CODE BLOCK
Gilde DevOps Solutions // Brand Identity Specification // v2.3 // 2026
Stage 02 — Content dump. All copy in DOM. Zero CSS applied yet.

Gilde DevOps Solutions

↑ FONT: SPACE GROTESK BOLD / SIZE: 144PX / LINE-HEIGHT: 122PX

Infrastructure

Engineering

Deployment

↑ PILLAR HEIGHT: 56PX / SIZE: 40PX

A TRIPLE-TONE SYSTEMS IDENTITY FOR CLOUD-NATIVE ARCHITECTURE. HIGH-FREQUENCY. UNCOMPROMISING.

01. Color Palette

↑ HEADER FONT: SPACE GROTESK BOLD / 28PX

SONIC_BLUE
#0000F9

GILDE_PURPLE
#DD166B

SIGNAL_ORANGE
#FF5900

CANVAS_WHITE
#F4F6FA

02. Typography

AaBbCcDd...

The quick brown fox jumps over the lazy dog. 0123456789 !@#$%

03. Brand Primitives

***** separator glyph *****

[grid] [system tag: ANCHOR_RIGHT ▶]

04. Systems Visualization

PIPELINE_ACTIVE // v2.3.0

> STATUS: PROD_REPLICA_SYNCED_100%

127.0.0.1 — NODE_STABLE_CONNECTED

$ kubectl apply -f deployment.yaml

> scaling_cluster_01...

Gilde DevOps Solutions // Brand Identity Specification // v2.3 // 2026

Stage 03 — Space Grotesk + Hanken Grotesk locked. Scale set. No colour yet.

Gilde DevOps
Solutions

Infrastructure
Engineering
Deployment

A TRIPLE-TONE SYSTEMS IDENTITY FOR CLOUD-NATIVE ARCHITECTURE. HIGH-FREQUENCY. UNCOMPROMISING.

01. Color Palette

SONIC_BLUE
HEX: #0000F9
GILDE_PURPLE
HEX: #DD166B
SIGNAL_ORANGE
HEX: #FF5900
CANVAS_WHITE
HEX: #F4F6FA

02. Typography

Primary Display / Space Grotesk Bold

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Secondary Body / Hanken Grotesk

The quick brown fox jumps over the lazy dog.
0123456789 !@#$%

Gilde DevOps Solutions // Brand Identity Specification // v2.3 // 2026

Stage 04 — Colour system applied. Grid layout working. Sections 03 & 04 not started.

Gilde DevOps
Solutions

Infrastructure
Engineering
Deployment

A TRIPLE-TONE SYSTEMS IDENTITY FOR CLOUD-NATIVE ARCHITECTURE. HIGH-FREQUENCY. UNCOMPROMISING.

********************************************************************************************************************************************************************************************************************************

01. Color Palette

SONIC_BLUE
HEX: #0000F9
GILDE_PURPLE
HEX: #DD166B
SIGNAL_ORANGE
HEX: #FF5900
CANVAS_WHITE
HEX: #F4F6FA
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

02. Typography

Primary Display / Space Grotesk Bold

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Secondary Body / Hanken Grotesk

The quick brown fox jumps over the lazy dog.
0123456789 !@#$%^&*()_+

[ SECTIONS 03 & 04 — IN PROGRESS — NOT YET BUILT ]

Gilde DevOps Solutions // Brand Identity Specification // v2.3 // 2026

Stage 05 — All four sections built. No measurement system. ORCHESTRATOR code-box bug (width: 500px).

Gilde DevOps
Solutions

Infrastructure
Engineering
Deployment

A TRIPLE-TONE SYSTEMS IDENTITY FOR CLOUD-NATIVE ARCHITECTURE. HIGH-FREQUENCY. UNCOMPROMISING.

********************************************************************************************************************************************************************************************************************************

01. Color Palette

SONIC_BLUE
HEX: #0000F9
GILDE_PURPLE
HEX: #DD166B
SIGNAL_ORANGE
HEX: #FF5900
CANVAS_WHITE
HEX: #F4F6FA
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

02. Typography

Primary Display / Space Grotesk Bold

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Secondary Body / Hanken Grotesk

The quick brown fox jumps over the lazy dog.
0123456789 !@#$%^&*()_+

################################################################################################################################################################################################################################

03. Brand Primitives

PRIMITIVE_01: SEPARATOR
**************************************************
PRIMITIVE_02: BRUTAL_GRID
PRIMITIVE_03: SYSTEM_TAG
ANCHOR_RIGHT | ▶
################################################################################################################################################################################################################################

04. Systems Visualization

DEPLOY_SIGNAL
PIPELINE_ACTIVE // v2.3.0
> STATUS: PROD_REPLICA_SYNCED_100%
INFRA_MONITOR
127.0.0.1
NODE_STABLE_CONNECTED
ORCHESTRATOR
$ kubectl apply -f deployment.yaml
> scaling_cluster_01...
⚠ BUG: width:500px

Gilde DevOps Solutions // Brand Identity Specification // v2.3 // 2026

Stage 06 — Spec annotations added. Rulers unequal. Annotation text participates in layout (causes measurement offset). ntListener bug visible at bottom.

Gilde DevOps
Solutions

↑ FONT: SPACE GROTESK BOLD / SIZE: 144PX / LINE-HEIGHT: 122PX / KERNING: -6PX
Infrastructure
Engineering
Deployment
↑ PILLAR HEIGHT: 56PX / FONT: SPACE GROTESK BOLD / SIZE: 40PX / PADDING: 8PX 20PX

A TRIPLE-TONE SYSTEMS IDENTITY FOR CLOUD-NATIVE ARCHITECTURE. HIGH-FREQUENCY. UNCOMPROMISING.

↑ RATIONALE FONT: HANKEN GROTESK MEDIUM / SIZE: 32PX / LINE-HEIGHT: 42PX / WIDTH: 900PX
100PX
********************************************************************************************************************************************************************************************************************************
↑ FULL-BLEED SEPARATOR / SIZE: 36PX / TRACKING: 12PX
60PX
⚠ UNEQUAL GAPS: 100PX TOP / 60PX BOTTOM

01. Color Palette

↑ HEADER FONT: SPACE GROTESK BOLD / SIZE: 28PX / PADDING: 12PX 24PX / BORDER: 3PX
SONIC_BLUE
HEX: #0000F9
GILDE_PURPLE
HEX: #DD166B
SIGNAL_ORANGE
HEX: #FF5900
CANVAS_WHITE
HEX: #F4F6FA
↑ SWATCH: WIDTH 305PX / HEIGHT 350PX / PREVIEW: 250PX / BORDER: 3PX

⚠ BUG: Ruler below measures from annotation text → next element, not element → element.

Annotation div has layout height, making it an unintended ruler endpoint.

[ SECTIONS 02–04 OMITTED — FOCUS ON SPEC SYSTEM BUGS ]

⚠ BUG: Orphaned script fragment renders as visible page text

ntListener('mouseleave', () => {
  el.style.backgroundColor = el.dataset.oldBg || '';
  el.style.color = el.dataset.oldColor || '';
});
});
</script>
</body>
</html>

Gilde DevOps Solutions // Brand Identity Specification // v2.3 // 2026

Stage 07 — Final. All bugs resolved. Spec system complete. height:0 annotations. Horizontal rulers. Toggle live.

Gilde DevOps
Solutions

↑ FONT: SPACE GROTESK BOLD / SIZE: 144PX / LINE-HEIGHT: 122PX / KERNING: -6PX / ALIGN: LEFT
Infrastructure
Engineering
Deployment
↑ PILLAR HEIGHT: 56PX / FONT: SPACE GROTESK BOLD / SIZE: 40PX / PADDING: 8PX 20PX / STACK-GAP: 8PX

A TRIPLE-TONE SYSTEMS IDENTITY FOR CLOUD-NATIVE ARCHITECTURE. HIGH-FREQUENCY. UNCOMPROMISING.

↑ RATIONALE: HANKEN GROTESK MEDIUM / 32PX / LINE-HEIGHT: 42PX / WIDTH: 900PX
100PX
********************************************************************************************************************************************************************************************************************************
↑ FULL-BLEED SEPARATOR / FONT: HANKEN GROTESK BOLD / SIZE: 36PX / TRACKING: 12PX
100PX

01. Color Palette

↑ HEADER: SPACE GROTESK BOLD / 28PX / PADDING: 12PX 24PX / BORDER: 3PX
40PX
SONIC_BLUE
HEX: #0000F9
GILDE_PURPLE
HEX: #DD166B
SIGNAL_ORANGE
HEX: #FF5900
CANVAS_WHITE
HEX: #F4F6FA
↑ SWATCH: 305PX / HEIGHT 350PX / PREVIEW 250PX / BORDER 3PX / GRID-GAP 30PX
30PX
CMYK — PRINT SIMULATION (RGB SCREEN APPROXIMATION)
↑ CMYK ROW: PRINT-SPACE APPROXIMATION / EACH SWATCH RENDERED AT CLOSEST RGB EQUIVALENT
SONIC_BLUE
C:100 M:100 Y:0 K:2
GILDE_PURPLE
C:0 M:90 Y:52 K:13
SIGNAL_ORANGE
C:0 M:65 Y:100 K:0
CANVAS_WHITE
C:2 M:2 Y:0 K:2
↑ CMYK SWATCH: SAME DIMENSIONS AS HEX ROW / BACKGROUND = CMYK→RGB CONVERSION
100PX
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
↑ SECTION DIVIDER / 36PX / TRACKING: 12PX
100PX

02. Typography

↑ HEADER: SPACE GROTESK BOLD / 28PX / PADDING: 12PX 24PX / BORDER: 3PX
40PX

Primary Display / Space Grotesk Bold

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

↑ SPACE GROTESK BOLD / 96PX / LEADING: 86PX / KERNING: -4PX
50PX

Secondary Body / Hanken Grotesk

The quick brown fox jumps over the lazy dog.
0123456789 !@#$%^&*()_+

↑ HANKEN GROTESK / 48PX / LEADING: 48PX / KERNING: 0PX
100PX
################################################################################################################################################################################################################################
↑ GRID SEPARATOR / TRACKING: 12PX
100PX

03. Brand Primitives

↑ HEADER: SPACE GROTESK BOLD / 28PX / PADDING: 12PX 24PX / BORDER: 3PX
40PX
PRIMITIVE_01: SEPARATOR
**************************************************
GLYPH: 32PX / LETTER-SPACING: 12PX / FONT: HANKEN BOLD
PRIMITIVE_02: BRUTAL_GRID
UNIT: 140×36PX / GAP: 5PX / STROKE: 1PX / OUTER: 3PX
PRIMITIVE_03: SYSTEM_TAG
ANCHOR_RIGHT | ▶
FONT: SPACE GROTESK 12PX / HEIGHT: 26PX / PAD-X: 12PX / ALIGN: RIGHT
↑ GRID-GAP: 30PX / BORDER: 3PX / TAG: 26PX / PAD: 30PX
100PX
################################################################################################################################################################################################################################
↑ SECTION DIVIDER / TRACKING: 12PX
100PX

04. Systems Visualization

↑ HEADER: SPACE GROTESK BOLD / 28PX / PADDING: 12PX 24PX / BORDER: 3PX
40PX
DEPLOY_SIGNAL
PIPELINE_ACTIVE // v2.3.0
> STATUS: PROD_REPLICA_SYNCED_100%
BOX: 1280PX / FONT: SPACE GROTESK 56PX / MARGIN-TOP: 20PX
INFRA_MONITOR
127.0.0.1
NODE_STABLE_CONNECTED
CELL: 625PX / FONT: SPACE GROTESK 64PX / MARGIN-TOP: 20PX
ORCHESTRATOR
$ kubectl apply -f deployment.yaml
> scaling_cluster_01...
deployment.apps/gilde configured
CELL: 625PX / CODE-BOX: 100% / FONT: MONO 17PX / PAD: 20PX 24PX
↑ GRID-GAP: 30PX / BORDER: 3PX / TAG: 26PX / PAD: 30PX
100PX
Colour Test A — #0047FF ROYAL_BLUE — C:100 M:72 Y:0 K:0 — Zero black ink, fully printable, closest to original energy.
ORIGINAL — OUT OF CMYK GAMUT
HEX: #0000F9
CMYK: C:100 M:100 Y:0 K:2
⚠ RENDERS DARK IN ILLUSTRATOR
CANDIDATE A — IN GAMUT
HEX: #0047FF
CMYK: C:100 M:72 Y:0 K:0
✓ CONSISTENT IN ILLUSTRATOR
CMYK PRINT SIMULATION
CMYK → RGB APPROX
rgb(0, 71, 255)
Illustrator preview of printed result

Gilde DevOps
Solutions

Infrastructure
Engineering
Deployment

A TRIPLE-TONE SYSTEMS IDENTITY FOR CLOUD-NATIVE ARCHITECTURE. HIGH-FREQUENCY. UNCOMPROMISING.

PALETTE WITH #0047FF APPLIED
SONIC_BLUE
HEX: #0047FF
C:100 M:72 Y:0 K:0
GILDE_PURPLE
HEX: #DD166B
C:0 M:90 Y:52 K:13
SIGNAL_ORANGE
HEX: #FF5900
C:0 M:65 Y:100 K:0
CANVAS_WHITE
HEX: #F4F6FA
C:2 M:2 Y:0 K:2
Colour Test B — #2952FF ELECTRIC_SKY — C:84 M:68 Y:0 K:0 — Both channels under 90%, zero black ink, very bright in print.
ORIGINAL — OUT OF CMYK GAMUT
HEX: #0000F9
CMYK: C:100 M:100 Y:0 K:2
⚠ RENDERS DARK IN ILLUSTRATOR
CANDIDATE B — IN GAMUT
HEX: #2952FF
CMYK: C:84 M:68 Y:0 K:0
✓ CONSISTENT IN ILLUSTRATOR
CMYK PRINT SIMULATION
CMYK → RGB APPROX
rgb(41, 82, 255)
Illustrator preview of printed result

Gilde DevOps
Solutions

Infrastructure
Engineering
Deployment

A TRIPLE-TONE SYSTEMS IDENTITY FOR CLOUD-NATIVE ARCHITECTURE. HIGH-FREQUENCY. UNCOMPROMISING.

PALETTE WITH #2952FF APPLIED
SONIC_BLUE
HEX: #2952FF
C:84 M:68 Y:0 K:0
GILDE_PURPLE
HEX: #DD166B
C:0 M:90 Y:52 K:13
SIGNAL_ORANGE
HEX: #FF5900
C:0 M:65 Y:100 K:0
CANVAS_WHITE
HEX: #F4F6FA
C:2 M:2 Y:0 K:2
Colour Test C — #1A4FFF ULTRAVIVID — C:90 M:69 Y:0 K:0 — Sweet spot between A and B. Closest to original feeling while staying in gamut.
ORIGINAL — OUT OF CMYK GAMUT
HEX: #0000F9
CMYK: C:100 M:100 Y:0 K:2
⚠ RENDERS DARK IN ILLUSTRATOR
CANDIDATE C — IN GAMUT
HEX: #1A4FFF
CMYK: C:90 M:69 Y:0 K:0
✓ CONSISTENT IN ILLUSTRATOR
CMYK PRINT SIMULATION
CMYK → RGB APPROX
rgb(26, 79, 255)
Illustrator preview of printed result

Gilde DevOps
Solutions

Infrastructure
Engineering
Deployment

A TRIPLE-TONE SYSTEMS IDENTITY FOR CLOUD-NATIVE ARCHITECTURE. HIGH-FREQUENCY. UNCOMPROMISING.

PALETTE WITH #1A4FFF APPLIED
SONIC_BLUE
HEX: #1A4FFF
C:90 M:69 Y:0 K:0
GILDE_PURPLE
HEX: #DD166B
C:0 M:90 Y:52 K:13
SIGNAL_ORANGE
HEX: #FF5900
C:0 M:65 Y:100 K:0
CANVAS_WHITE
HEX: #F4F6FA
C:2 M:2 Y:0 K:2
Colour Test D — #0038D0 DEEP_ROYAL — C:100 M:73 Y:0 K:18 — Most print-stable. K:18 black ink gives consistent results across all paper stocks, at the cost of brightness.
ORIGINAL — OUT OF CMYK GAMUT
HEX: #0000F9
CMYK: C:100 M:100 Y:0 K:2
⚠ RENDERS DARK IN ILLUSTRATOR
CANDIDATE D — IN GAMUT
HEX: #0038D0
CMYK: C:100 M:73 Y:0 K:18
✓ CONSISTENT IN ILLUSTRATOR
CMYK PRINT SIMULATION
CMYK → RGB APPROX
rgb(0, 57, 209)
Illustrator preview of printed result

Gilde DevOps
Solutions

Infrastructure
Engineering
Deployment

A TRIPLE-TONE SYSTEMS IDENTITY FOR CLOUD-NATIVE ARCHITECTURE. HIGH-FREQUENCY. UNCOMPROMISING.

PALETTE WITH #0038D0 APPLIED
SONIC_BLUE
HEX: #0038D0
C:100 M:73 Y:0 K:18
GILDE_PURPLE
HEX: #DD166B
C:0 M:90 Y:52 K:13
SIGNAL_ORANGE
HEX: #FF5900
C:0 M:65 Y:100 K:0
CANVAS_WHITE
HEX: #F4F6FA
C:2 M:2 Y:0 K:2
Selected — #454DA1 SONIC_INDIGO — C:85 M:81 Y:0 K:0 — Final confirmed primary. Consistent across RGB screen and CMYK print.
ORIGINAL — REJECTED
HEX: #0000F9
CMYK: C:100 M:100 Y:0 K:2
⚠ OUT OF CMYK GAMUT
✓ SELECTED
HEX: #454DA1
CMYK: C:85 M:81 Y:0 K:0
✓ RGB + CMYK CONSISTENT
CMYK PRINT SIMULATION
ILLUSTRATOR RENDER
C:85 M:81 Y:0 K:0
Matches screen — no gamut shift

Gilde DevOps
Solutions

Infrastructure
Engineering
Deployment

A TRIPLE-TONE SYSTEMS IDENTITY FOR CLOUD-NATIVE ARCHITECTURE. HIGH-FREQUENCY. UNCOMPROMISING.

CONFIRMED PALETTE
SONIC_INDIGO
HEX: #454DA1
C:85 M:81 Y:0 K:0
GILDE_PURPLE
HEX: #DD166B
C:0 M:90 Y:52 K:13
SIGNAL_ORANGE
HEX: #FF5900
C:0 M:65 Y:100 K:0
CANVAS_WHITE
HEX: #F4F6FA
C:2 M:2 Y:0 K:2
Stage 12 — Corner system applied. Outer: 26px / Inner: 8px — derived from carved SVG sample. All containers updated.

CORNER SYSTEM

OUTER_RADIUS
26
PX — Outer convex / Main containers
INNER_RADIUS
8
PX — Inner concave / Tags + details

Gilde DevOps
Solutions

Infrastructure
Engineering
Deployment

A TRIPLE-TONE SYSTEMS IDENTITY FOR CLOUD-NATIVE ARCHITECTURE. HIGH-FREQUENCY. UNCOMPROMISING.

********************************************************************************************************************************************************************************************************************************

01. Color Palette

SONIC_INDIGO
HEX: #454DA1
GILDE_PURPLE
HEX: #DD166B
SIGNAL_ORANGE
HEX: #FF5900
CANVAS_WHITE
HEX: #F4F6FA
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

02. Typography

Primary Display / Space Grotesk Bold

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Secondary Body / Hanken Grotesk

The quick brown fox jumps over the lazy dog.
0123456789 !@#$%^&*()_+

################################################################################################################################################################################################################################

03. Brand Primitives

PRIMITIVE_01: SEPARATOR
**************************************************
PRIMITIVE_02: BRUTAL_GRID
PRIMITIVE_03: SYSTEM_TAG
ANCHOR_RIGHT | ▶
################################################################################################################################################################################################################################

04. Systems Visualization

DEPLOY_SIGNAL
PIPELINE_ACTIVE // v2.3.0
> STATUS: PROD_REPLICA_SYNCED_100%
INFRA_MONITOR
127.0.0.1
NODE_STABLE_CONNECTED
ORCHESTRATOR
$ kubectl apply -f deployment.yaml
> scaling_cluster_01...
deployment.apps/gilde configured
Stage 13 — Corner refinement. Outer: 6px / Inner: 3px. Slight softness only — drawn from logo corner treatment in Illustrator.

CORNER SYSTEM — REFINED

OUTER_RADIUS
6
PX — Outer / Main containers
INNER_RADIUS
3
PX — Inner / Tags + details

Gilde DevOps
Solutions

Infrastructure
Engineering
Deployment

A TRIPLE-TONE SYSTEMS IDENTITY FOR CLOUD-NATIVE ARCHITECTURE. HIGH-FREQUENCY. UNCOMPROMISING.

********************************************************************************************************************************************************************************************************************************

01. Color Palette

SONIC_INDIGO
HEX: #454DA1
GILDE_PURPLE
HEX: #DD166B
SIGNAL_ORANGE
HEX: #FF5900
CANVAS_WHITE
HEX: #F4F6FA
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

02. Typography

Primary Display / Space Grotesk Bold

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Secondary Body / Hanken Grotesk

The quick brown fox jumps over the lazy dog.
0123456789 !@#$%^&*()_+

################################################################################################################################################################################################################################

03. Brand Primitives

PRIMITIVE_01: SEPARATOR
**************************************************
PRIMITIVE_02: BRUTAL_GRID
PRIMITIVE_03: SYSTEM_TAG
ANCHOR_RIGHT | ▶
################################################################################################################################################################################################################################

04. Systems Visualization

DEPLOY_SIGNAL
PIPELINE_ACTIVE // v2.3.0
> STATUS: PROD_REPLICA_SYNCED_100%
INFRA_MONITOR
127.0.0.1
NODE_STABLE_CONNECTED
ORCHESTRATOR
$ kubectl apply -f deployment.yaml
> scaling_cluster_01...
deployment.apps/gilde configured
Stage 14 — Palette expanded. #231F20 RICH_BLACK added as fifth colour, next to Canvas White. C:0 M:11 Y:9 K:86.

PALETTE — EXPANDED

SONIC_INDIGO
HEX: #454DA1
GILDE_PURPLE
HEX: #DD166B
SIGNAL_ORANGE
HEX: #FF5900
RICH_BLACK
HEX: #231F20
C:0 M:11 Y:9 K:86
CANVAS_WHITE
HEX: #F4F6FA

WHY #231F20

COLOUR VALUE
HEX: #231F20
RGB: 35 / 31 / 32
CMYK: C:0 M:11 Y:9 K:86
ROLE IN SYSTEM
A warm near-black that sits between
the vivid brand colours and Canvas White.

Richer and warmer than pure black —
avoids the cold harshness of #000000
while maintaining full contrast authority.
Stage 15 — Brandbook navigation layout. Right-side chapter sidebar (280px) with fixed breadcrumb header and dynamic content panels. Chapters: Het Logo / Visueel Systeem / Dossier.
Het Logo // Beeldmerk
BREADCRUMB_BAR
HOOFDSTUK 01
Het Logo
Beeldmerk
BEELDMERK
Het Logo / Beeldmerk — Logomark
G
Het beeldmerk vormt de visuele kern van de Gilde DevOps identiteit.
PRIMAIRE KLEUR: SONIC_INDIGO #454DA1
01 Het Logo
— beeldmerk
— samenstelling
— mening
02 Visueel Systeem
— kleurenpalet
— typografie
— grafisch systeem
— interactief
03 Dossier
— look & feel
Gilde DevOps
Solutions
Brandbook v2.3