Cronitor — compact technical resource footer

---
version: alpha
name: Cronitor — compact technical resource footer
colors:
  canvas: '#FAFAF8'
  link: '#3E3B52'
  muted: '#6E6B80'
  primary: '#3E3B52'
typography:
  primary:
    fontFamily: JetBrains Mono
    fontSize: 12px
    fontWeight: 400
  body:
    fontFamily: JetBrains Mono
    fontSize: 12px
    fontWeight: 400
  control:
    fontFamily: JetBrains Mono
    fontSize: 10px
    fontWeight: 400
    lineHeight: 17px
components:
  primary:
    typography: '{typography.primary}'
    textColor: '{colors.primary}'
  body-copy:
    typography: '{typography.body}'
  control-label:
    typography: '{typography.control}'
    rounded: '{rounded.control}'
rounded:
  control: 0px
spacing:
  sampled-control-block: 0px
---

## Overview

A compact off-white footer with brand/legal information and four tightly organized monospace resource columns.

Source: https://cronitor.io/. Captured 2026-10-07T06:07:04.446100+00:00. This is an observed reference, not an official brand specification.

## Colors

Observed roles: canvas: #FAFAF8; link: #3E3B52; muted: #6E6B80; primary: #3E3B52. Values are measured source colors and inspected surfaces. Do not apply the accent indiscriminately to secondary copy or disabled controls.

## Typography

The primary sampled text uses "JetBrains Mono" at 12px / normal, weight 400, with a measured desktop width of 176.30px. Its corresponding mobile sample is 12px / normal across 163.00px. Body and control tokens above come from this reference's own computed styles; `normal` leading is omitted from YAML rather than guessed.

## Layout

Use a full-width top rule above a centered five-part row: brand/legal block, Product, Company, Documentation and Guides. Keep small uppercase group labels above vertically spaced text links. Let long guide titles wrap without forcing equal line counts.

The selected root's measured raster is 1440×233px on desktop and 390×514px on mobile. The screenshot contains only `footer.site`.

Responsive evidence: At 390px the logo is absent, legal text becomes a full-width opening line with a divider, and the four resource groups form a two-column grid. Footer padding changes from 48px top/40px bottom to 36px/32px; total height increases from 233px to 514px.

## Elevation & Depth

The off-white surface and top hairline separate this footer from the preceding white CTA. There are no raised cards; hierarchy comes from group labels, link density and whitespace. Exact hover elevation, easing and shadow blur values were not measured.

## Shapes

A sampled control in this reference has radius 0px and padding 0px. Those measurements belong to that sample, not every container. Preserve the visible geometry and spacing hierarchy; any additional spacing scale would be an implementation estimate.

## Components

This is the default footer state. Link destination content, hover behavior and focus styling were not exercised. Preserve the unusually compact typography while checking accessibility in any adaptation.

## Do's and Don'ts

- Do preserve the documented content order, visual hierarchy and measured responsive changes.
- Do retain source field labels, attribution and clear differences between primary, secondary and disabled controls.
- Do treat visible prices, statistics and quotations as dated source content.
- Don't fabricate customer evidence, expanded states, errors or successful form submissions.
- Don't infer unobserved interactions, dark mode, additional breakpoints or exact motion timings.