Agents2Go Internal · noindex · /brand

Brand proof sheet

A2Go corporate brand — implementation reference

Build-verification artifact for the publisher's spec. Every swatch and specimen below is labeled with its source token, hex value, and Tailwind utility so the rendered implementation can be read against the source documents (Specs for New Web Template.docx, A2go logo+color guidelines.pdf).

2 · Color

Anchored complement palette: two analogous blues (deep + medium) plus a rust-orange complement. Hex values from the web-spec doc are canonical; logo-PDF values used only for the logo SVGs themselves.

Surfaces

Page surface

#FFFFFF

--bg · bg-bg

Soft callout fill (light)

#E5E9EE

--bg-subtle · bg-bg-subtle

Cards, raised surfaces

#FFFFFF

--bg-raised · bg-bg-raised

Callout fill (dark) — reserved

#D8D3D9

--bg-callout-dark · bg-bg-callout-dark

Hero / dark CTA bands — reserved

#061544

--bg-indigo-deep · bg-bg-indigo-deep

Text

Aa

Primary text + headings

#072C62

--ink · text-ink

Aa

Secondary text, eyebrows

#4E4E50

--ink-2 · text-ink-2

Aa

Tertiary, metadata

#8C8C8E

--ink-3 · text-ink-3

Aa

Text on indigo / accent fills

#FFFFFF

--ink-on-dark · text-ink-on-dark

Accent (rust-orange)

Primary accent (links, CTAs)

#D84800

--accent · bg-accent

Hover / pressed

#B83C00

--accent-hover · bg-accent-hover

Accent tint background

#FBE8DD

--accent-bg · bg-accent-bg

Text on accent-bg

#8E2F00

--accent-ink · text-accent-ink

Brand blues (reserved — decorative use)

Primary dk blue (= --ink)

#072C62

--brand-blue-dk

Logo med blue

#1C75BC

--brand-blue-mid

Logo light blue

#4EA0D4

--brand-blue-light

Icon med blue

#0078BA

--brand-blue-icon

Icon light blue

#4EB3E1

--brand-blue-icon-light

Borders

Default dividers

#C9D2DC

--border · border-border

Soft separators

#E5E9EE

--border-subtle · border-border-subtle

3 · Type

Display = Raleway (variable). Body = Open Sans (variable). Mono = JetBrains Mono. All self-hosted via Fontsource — no Google CDN.

Raleway · font-display

400 · Regular

The quick brown fox jumps over the lazy dog

600 · SemiBold

The quick brown fox jumps over the lazy dog

700 · Bold

The quick brown fox jumps over the lazy dog

Open Sans · font-body

400 · Regular

The quick brown fox jumps over the lazy dog · 0123456789

600 · SemiBold

The quick brown fox jumps over the lazy dog · 0123456789

700 · Bold

The quick brown fox jumps over the lazy dog · 0123456789

JetBrains Mono · font-mono

# SCOR process schema
SELECT scor_process, kpi_tag, baseline, target
FROM scor.kpis
WHERE last_reviewed >= now() - interval '90 days'
ORDER BY scor_process, kpi_tag;

Type scale (1.25 modular, 17px base)

step--2 13px Metadata, footnotes
step--1 15px Small UI, eyebrows
step-0 17px Body — default reading size
step-1 19px Lead paragraph
step-2 22px Sub-head
step-3 28px H3 — section title
step-4 36px H2 — section opener
step-5 46px H1 — default page
step-6 58px H1 — hero
step-7 76px Display

4 · Long-form prose

Three paragraphs of body copy at standard reading width (680px), rendered in --ink #072C62 per spec. Use this section to evaluate whether deep-blue body text holds up across a full page of reading, or whether a softer near-black would serve long-form better. Includes a sample inline link to test orange-on-blue legibility.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. This is a sample inline link rendered in the rust accent — its job is to verify that #D84800 reads as a link inside #072C62 body text without becoming visual noise. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.

5 · Components

Reference patterns. Detached examples — use directly or compose into higher-level components as the site grows.

Headings

Eyebrow · category label

Hero H1 — set in Raleway 700

Default H1 — page opener

H2 — section title

H3 — subsection

Lead paragraph — Open Sans Regular at step 2. Used after headlines to set context before body type takes over.

Buttons

Callouts

Static optimization

  • Periodic
  • Rule-based
  • Reactive
  • Reports what happened

Continuous optimization

  • Continuous
  • Adaptive
  • Proactive
  • Improves decisions in real time

Indigo hero band (reserved use)

A2Go Decision Intelligence Platform

A new layer of end-to-end systems.

Continuously monitored, continuously improved — before financial impact is locked in.

Blockquote

The supply chain operations reference model defines a process framework that links business processes, metrics, best practices, and technology into a unified structure.

— ASCM, SCOR® Digital Standard v14.0

Table — SCOR KPIs

SCOR process Metric Baseline Target
Plan Forecast accuracy (MAPE) 23.4% 15%
Source Supplier OTIF 87% 95%
Make Yield 94.2% 98%
Deliver Order cycle time 5.2 days 2.0 days
Return RMA cycle time 14 days 5 days

Lists

Unordered

  • Detect
  • Explain
  • Decide
  • Act
  • Improve

Ordered

  1. Plan
  2. Source
  3. Make
  4. Deliver
  5. Return

6 · Data viz

Three demonstrations using brand colors. The two-blue stack on the bar chart tests whether --brand-blue-mid and --brand-blue-light read as distinct tiers at small sizes — a real concern flagged in the harmony analysis.

Bar chart

Q1 Q2 Q3 Q4

Three blue tiers + rust accent on the focal bar.

Donut

Five-color legend distribution.

Process flow

DETECT EXPLAIN DECIDE ACT

Mimics the spec slide's signals → outcomes flow.

7 · Gradients (reserved)

Defined in tokens but not currently applied. Banner-strip preview so we can evaluate the look before committing to any component using them.

--gradient-icon · #0078BA → #4EB3E1

--gradient-logo · #001796 → #00D4FF

8 · Review notes

Specific things to evaluate when reviewing this proof against the source brand documents.

  1. 01

    Orange against deep indigo

    Saturated complement on dark vibrates hardest. See § 5 (indigo hero band CTA). Does the orange button read as "primary action" or as "vibrating noise"?

  2. 02

    Two blues stacked at small size

    See § 6 bar chart. --brand-blue-mid and --brand-blue-light sit ~10° apart on the hue wheel. Do they read as distinct tiers, or do they melt together? If they melt, the donut + arrow-flow legibility becomes a real concern.

  3. 03

    Orange link in body text

    See § 4, paragraph 2. Does the rust link inside dk-blue body text read as a link, or just as accent noise? If it's the latter, we may need a darker accent token specifically for inline links.

  4. 04

    Body text in #072C62 over a full page

    See § 4. Spec specifies dk-blue body text. Does it hold across three paragraphs of reading, or does it tire the eye? If it tires, propose softening to a near-black for paragraph runs while keeping #072C62 for headings/labels.

Implementation provenance

Source of truth: site/src/styles/tokens.css and docs/THEME-SPEC.md. This page is generated from site/src/pages/brand.astro and stays in sync with the tokens via Tailwind's @theme inline bridge.