# Text and Partner Logos

Schema: Design Details SECTION.md v3.2
Website: Pacer Intelligence
Source: https://pacer-intelligence.com/
Source section IDs: gap-b15a1ad0-3644-4298
Status: AI analysed; vocabulary promotion is automated

## Builder's note

What makes it work:
- The two-column split gives the paragraph and the logos equal weight, and generous empty space keeps it calm and readable.
- Uniform outlined cells in a 3x2 grid make mismatched logos look consistent, and the borders echo the site's blueprint-style grid.
- Small uppercase mono label above the paragraph, plus white-versus-grey emphasis on key phrases, builds hierarchy with very little type variation.

What a screenshot can't show:
- The recording showed no motion, so hover states or entrance animations for the logo cells are unknown.
- No font sizes, line heights or spacing values were measured, so exact proportions need to be set by eye.

Borrow: Put every partner logo in an identical bordered cell, desaturated to one tone, so a mixed set of marks reads as one tidy proof module.
Leave alone: Don't copy the dark green canvas, mint accent or grey-on-dark logo treatment; choose your own palette and a free mono face like JetBrains Mono for the label.

## Classification

- Type: logo-cloud
- Layout: 2-column layout balancing text on one side and a structured 3x2 logo grid on the other.
- Styles: minimal, corporate
- Confidence: 90%

## Purpose and structure

A minimal dark section featuring a descriptive paragraph on the left alongside a grid of partner company logos on the right.

Visual signature: Paragraph of text next to a subtle grid of grey logos in outlined boxes.

## Components

- text block
- section heading
- logo grid

## Typography

- Display: STK Bureau Sans Book — 38px 300
- Heading: STK Bureau Sans Book — 30px 300
- Body: STK Bureau Sans Book — 24px 300
- Mono: Chivo Mono — 13px 300

## Functional palette

- Canvas: canvas #101A14
- Text: text #FFFFFF
- Accent: accent #83C68E

## Motion evidence

- No section-specific authored motion was established.

## Section quality

Overall: 57.65/100 (Competent)
Scored coverage: 85%

- Typography: 58 — Clean two-weight hierarchy using the light display face for body text with white/grey contrast emphasis on key phrases, plus uppercase mono label; legible but a simple, conventional application with no distinctive refinement beyond the site's established system. Next tier: Needs more deliberate scale contrast or typographic detail (e.g. varied tracking, hierarchy within the logo label) to feel bespoke rather than a direct reuse of the global type scale.
- Composition: 61 — Balanced two-column split with generous negative space, a 3x2 grid of evenly sized bordered logo cells that echoes the site's blueprint grid language; alignment is precise and restrained. Next tier: The layout is a standard text-left/grid-right logo cloud; nothing in the spatial arrangement is unexpected or pushes past competent grid balancing into memorable territory.
- Motion: not_assessed — No motion_moments or timestamped evidence supplied for this section. Next tier: Requires timestamped visible motion evidence to assess.
- Content: 56 — Logos are placed in uniform outlined boxes consistent with the dark technical theme; content integration is functional and tidy but logos are desaturated/grey with no distinguishing treatment. Next tier: Logo presentation is generic trust-badge treatment; no interaction state, grouping logic, or typographic pairing that elevates the integration beyond standard logo-cloud conventions.
- Originality: 52 — A familiar logo-cloud pattern rendered in the site's dark-green bordered aesthetic; the bordered grid cells are a slight variation but the overall concept is a common SaaS trust-signal section. Next tier: Lacks a distinctive compositional or interactive twist that would differentiate it from countless similar partner-logo sections across SaaS sites.
- Adaptability: 60 — Structure (two-column split, grid of bordered cells, label-plus-paragraph) is clearly separable from the specific palette and logo assets; the grid module is a reusable primitive. Next tier: Dependency on specific partner logo assets and exact border/spacing tokens ties the visual skin closely to this brand, limiting full separation to only the layout skeleton.

Strengths:
- Clear, legible two-column balance with ample breathing room
- Consistent bordered-grid motif matching the site's blueprint aesthetic
- Restrained grey logo treatment keeps focus on the paragraph message

Weaknesses:
- Logo-cloud pattern is highly conventional with no distinguishing interaction or detail
- Typography reuses the global scale without section-specific refinement
- No motion or hover behavior evidenced to add dimension

Why it does not reach the next tier: The section is tidy and on-brand but relies entirely on a standard logo-cloud layout and inherited type/color tokens; nothing here demonstrates a unique idea, interaction, or hierarchy decision that would distinguish it from a default trust-signal module.

## Adaptation guidance

- Effort: Low
- Guidance: Reuse the grid-cell and two-column skeleton with any logo set or thumbnail content; swap palette/border tokens for a differently themed site without altering structure.

What transfers:
- Two-column text/grid split
- Bordered grid-cell module for logo or content tiles
- Uppercase mono micro-label pattern

Dependencies:
- Partner logo assets
- Specific border opacity and dark-green palette tokens
- Site-wide type scale (STK Bureau Sans Book)

## Living vocabulary

- No reusable vocabulary candidates were supported by this section.

Only terms with status `active` enter the public taxonomy. Deferred and proposed terms remain available to later AI passes; rejected terms remain as provenance so they are not repeatedly reinvented.

## Provenance and limitations

- Section boundaries and naming: Gemini Pro visual observation
- Motion observations: Gemini Pro direct-video analysis
- Quality judgment: Claude
- Exact design facts: browser/CSS extraction at website scope
- Rubric: Design Details section rubric 3.2 (Typography 20%, Composition 20%, Motion 15%, Content 15%, Originality 15%, Adaptability 15%)
- No motion evidence supplied, so motion axis is not assessed
- Cannot verify exact spacing/border values beyond general token descriptions

## Usage guidance

Use this section as design evidence. Create an original implementation; do not reproduce the source copy, assets, or proprietary composition exactly.

## Build blueprint v3.2

### Purpose and classification

- Canonical type: logo-cloud
- Source type: logo-cloud
- Structure: two-column
- Layout: 2-column layout balancing text on one side and a structured 3x2 logo grid on the other.
- Styles: minimal, corporate
- Components: text block, section heading, logo grid
- Purpose: A minimal dark section featuring a descriptive paragraph on the left alongside a grid of partner company logos on the right.
- Visual signature: Paragraph of text next to a subtle grid of grey logos in outlined boxes.
- Place on the page: 4 of 9, after Process (`pacer-intelligence-com:C03`), before Feature collection (`pacer-intelligence-com:C04`)

### Crop and composition

- Deterministic crop dimensions are unavailable.
- Guidance: Preserve the visual relationship between the two columns; adapt their ratio to the new content instead of copying the source dimensions.

### Exact typography evidence

The sectionScale values were measured inside this crop. The siteRoles values explain how those faces function across the source website; they must not replace section measurements.

```json
{
  "sectionScale": [],
  "siteRoles": [
    {
      "role": "display",
      "size": "38px",
      "family": "STK Bureau Sans Book",
      "source": "computed",
      "traits": "Regular",
      "weight": "300",
      "evidence": "font-2: computed CSS at 1440×1000; AI role: Used for the main hero headline 'Your model. Trains itself. Ships better.' at 38px.",
      "sampleId": "font-2",
      "confidence": 0.9,
      "lineHeight": "38px",
      "letterSpacing": "-1.5px"
    },
    {
      "role": "heading",
      "size": "30px",
      "family": "STK Bureau Sans Book",
      "source": "computed",
      "traits": "Regular",
      "weight": "300",
      "evidence": "font-1: computed CSS at 1440×1000; AI role: Used for section headers like 'Deploy', 'Observe', 'Train' at 30px.",
      "sampleId": "font-1",
      "confidence": 0.9,
      "lineHeight": "34px",
      "letterSpacing": "-1.2px"
    },
    {
      "role": "body",
      "size": "24px",
      "family": "STK Bureau Sans Book",
      "source": "computed",
      "traits": "Regular",
      "weight": "300",
      "evidence": "font-3: computed CSS at 1440×1000; AI role: Used for larger body copy and introductory paragraphs at 24px.",
      "sampleId": "font-3",
      "confidence": 0.85,
      "lineHeight": "30px",
      "letterSpacing": "-1px"
    },
    {
      "role": "mono",
      "size": "13px",
      "family": "Chivo Mono",
      "source": "computed",
      "traits": "uppercase",
      "weight": "300",
      "evidence": "font-12: computed CSS at 1440×1000; AI role: Chivo Mono used extensively for small labels, technical text, and navigation items at 13px.",
      "sampleId": "font-12",
      "confidence": 0.95,
      "lineHeight": "20px",
      "letterSpacing": "-0.1px"
    }
  ]
}
```

### Exact color evidence

The section samples record where each computed value was used. Functional roles come from the website-level classifier and remain separate.

```json
{
  "sectionUsage": [],
  "functionalPalette": [
    {
      "hex": "#101A14",
      "name": "canvas",
      "role": "canvas",
      "source": "computed",
      "evidence": "color-1: computed rgb(16, 26, 20); AI role: The deep green hex #101A14 used as the background for the `body` and major sections.",
      "sampleId": "color-1",
      "confidence": 1
    },
    {
      "hex": "#FFFFFF",
      "name": "text",
      "role": "text",
      "source": "computed",
      "evidence": "color-3: computed rgb(255, 255, 255); AI role: Pure white (#FFFFFF) used for primary headings and text, with highest count (128).",
      "sampleId": "color-3",
      "confidence": 1
    },
    {
      "hex": "#83C68E",
      "name": "accent",
      "role": "accent",
      "source": "computed",
      "evidence": "color-4: computed rgb(131, 198, 142); AI role: A softer green (#83C68E) used for secondary text, labels, and highlighting key terms.",
      "sampleId": "color-4",
      "confidence": 0.9
    }
  ]
}
```

### Design tokens

```json
{
  "radius": "0px or minimal radius on all observed UI elements.",
  "density": "High density of information, especially in technical sections and pricing, structured tightly within grid modules.",
  "evidence": "Visual inspection reveals sharp-edged boxes outlining nearly every section, a dark theme ('color-1'), monospace typography ('font-12'), and a lack of rounded corners or soft shadows.",
  "borderStyle": "Extensive use of thin (likely 1px), semi-transparent white borders to create a blueprint-like grid.",
  "buttonStyle": "Ghost buttons with thin borders, often with a slight background opacity on hover, or solid accent color blocks for primary CTAs (like the green 'Ready?' block).",
  "cornerStyle": "Sharp corners on all containers, buttons, and bordered elements, reinforcing the technical aesthetic.",
  "contentWidth": "Wide, taking advantage of desktop real estate to display multiple columns of data and feature cards.",
  "spacingRhythm": "Highly structured, reliant on strict grid alignments and explicit border dividers to separate content blocks."
}
```

### Reconstruction specification

This is the implementation contract for the captured desktop viewport. Prefer section-specific facts here over general website descriptions.

- Root container was not deterministically isolated.
- Layout containers: 0; cards/surfaces: 0; media elements: 0; browser animations: 0.

#### Container, grid, and spacing

```json
{
  "viewport": {
    "width": null,
    "captureBounds": null
  },
  "container": null,
  "spacing": {
    "observedGapsPx": [],
    "representativeContentWidthsPx": []
  },
  "columns": []
}
```

#### Cards and surfaces

```json
{
  "cards": [],
  "surfaces": null
}
```

#### Media treatment

```json
[]
```

#### Browser-exposed animation parameters

```json
[]
```

### Measured geometry, surfaces, media, and animation

These raw values come from the saved element map and computed styles. Empty arrays mean the fact was not captured; they are not permission to invent source values.

```json
null
```

### Observed motion

No timestamped authored motion is attached. Use only restrained baseline transitions.

The browser animation records above are deterministic parameters captured from active browser animations. The timestamped observations describe what Gemini saw in the video. Treat them as complementary evidence. When either source is empty or they conflict, state the uncertainty instead of inventing timing or easing.

### Responsive contract

- Measured viewport: unknownpx wide.
- Mobile/tablet values: not measured by this section evidence unless a separate capture is explicitly listed.
- Preserve hierarchy and sequence; collapse simultaneous columns only where needed, maintain media aspect ratios, and verify touch targets and text wrapping at target breakpoints.

### Structure versus visual skin

- Preserve: content hierarchy, layout relationships, section rhythm, interaction purpose.
- Adapt: brand colors, font family, copy, imagery, icons, decorative details.
- Rule: Preserve the observed design logic while creating original branding, copy, assets, and implementation details.

### Adaptation and dependencies

- Effort: low
- What transfers: Two-column text/grid split; Bordered grid-cell module for logo or content tiles; Uppercase mono micro-label pattern
- Dependencies: Partner logo assets; Specific border opacity and dark-green palette tokens; Site-wide type scale (STK Bureau Sans Book)
- Guidance: Reuse the grid-cell and two-column skeleton with any logo set or thumbnail content; swap palette/border tokens for a differently themed site without altering structure.

### Evidence readiness

- Coverage: 4/7
- Can build: Yes
- Missing facts: section-specific computed typography and color samples; section-level geometry, surfaces, media treatment, and animation parameters; timestamped authored motion
- Warning: Buildable with adaptations for these unsupported facts: section-specific computed typography and color samples; section-level geometry, surfaces, media treatment, and animation parameters; timestamped authored motion.

### Agent implementation prompt

Create an original logo-cloud section inspired by the design evidence titled “Text and Partner Logos”.

Purpose: A minimal dark section featuring a descriptive paragraph on the left alongside a grid of partner company logos on the right.

Structure: two-column. Source layout label: 2-column layout balancing text on one side and a structured 3x2 logo grid on the other.. Preserve the visual relationship between the two columns; adapt their ratio to the new content instead of copying the source dimensions.

Visual signature to preserve at the pattern level: Paragraph of text next to a subtle grid of grey logos in outlined boxes.

Components: text block, section heading, logo grid.

Style direction: minimal, corporate.

No deterministic crop dimensions were attached.

Typography evidence: {"role":"display","size":"38px","family":"STK Bureau Sans Book","source":"computed","traits":"Regular","weight":"300","evidence":"font-2: computed CSS at 1440×1000; AI role: Used for the main hero headline 'Your model. Trains itself. Ships better.' at 38px.","sampleId":"font-2","confidence":0.9,"lineHeight":"38px","letterSpacing":"-1.5px"} {"role":"heading","size":"30px","family":"STK Bureau Sans Book","source":"computed","traits":"Regular","weight":"300","evidence":"font-1: computed CSS at 1440×1000; AI role: Used for section headers like 'Deploy', 'Observe', 'Train' at 30px.","sampleId":"font-1","confidence":0.9,"lineHeight":"34px","letterSpacing":"-1.2px"} {"role":"body","size":"24px","family":"STK Bureau Sans Book","source":"computed","traits":"Regular","weight":"300","evidence":"font-3: computed CSS at 1440×1000; AI role: Used for larger body copy and introductory paragraphs at 24px.","sampleId":"font-3","confidence":0.85,"lineHeight":"30px","letterSpacing":"-1px"} {"role":"mono","size":"13px","family":"Chivo Mono","source":"computed","traits":"uppercase","weight":"300","evidence":"font-12: computed CSS at 1440×1000; AI role: Chivo Mono used extensively for small labels, technical text, and navigation items at 13px.","sampleId":"font-12","confidence":0.95,"lineHeight":"20px","letterSpacing":"-0.1px"}

Color evidence: {"hex":"#101A14","name":"canvas","role":"canvas","source":"computed","evidence":"color-1: computed rgb(16, 26, 20); AI role: The deep green hex #101A14 used as the background for the `body` and major sections.","sampleId":"color-1","confidence":1} {"hex":"#FFFFFF","name":"text","role":"text","source":"computed","evidence":"color-3: computed rgb(255, 255, 255); AI role: Pure white (#FFFFFF) used for primary headings and text, with highest count (128).","sampleId":"color-3","confidence":1} {"hex":"#83C68E","name":"accent","role":"accent","source":"computed","evidence":"color-4: computed rgb(131, 198, 142); AI role: A softer green (#83C68E) used for secondary text, labels, and highlighting key terms.","sampleId":"color-4","confidence":0.9}

No section-bounded typography samples were measured.

No section-bounded color samples were measured.

No saved element-map measurements were available; do not invent exact source spacing, card, media, or animation values.

Do not invent signature motion. Use only restrained baseline transitions if the product needs them.

Transfer these principles: Two-column text/grid split; Bordered grid-cell module for logo or content tiles; Uppercase mono micro-label pattern.

Dependencies: Partner logo assets; Specific border opacity and dark-green palette tokens; Site-wide type scale (STK Bureau Sans Book).

Adaptation guidance: Reuse the grid-cell and two-column skeleton with any logo set or thumbnail content; swap palette/border tokens for a differently themed site without altering structure.

Use new copy, imagery, branding, and implementation details. Do not reproduce the source website or its proprietary assets.