---
version: alpha
name: Airdev — Business and Startup Offer Cards
colors:
  canvas: '#FFFFFF'
  text: '#1A1A1A'
  observed-1: '#020817'
  observed-2: '#425466'
typography:
  heading:
    fontFamily: Colfax, system-ui, -apple-system, sans-serif
    fontSize: 28px
    fontWeight: 600
    lineHeight: 35px
  body:
    fontFamily: Colfax, system-ui, -apple-system, sans-serif
    fontSize: 18px
    fontWeight: 400
    lineHeight: 29.25px
---

## Overview
An isolated pair of agency offer cards separating ongoing business systems from startup MVP development, each with a plain-language title, three checkmarked benefits and a blue detail link. Inspected on 2026-10-01 at 1440px and 390px viewport widths. This reference crops only `section.bg-white.pb-8` from the source page.

## Colors
The YAML palette records computed opaque CSS text/action colors. The canvas is the computed background where opaque; for transparent roots it is sampled from the native screenshot corner. Gradients are described visually rather than assigned invented stop values. Gradients, illustration hues and brand-logo colors should not be flattened into one universal accent. Preserve the visual contrast between the main reading surface, text and actions shown in the capture.

## Typography
The selected h2 sample uses Colfax, system-ui, -apple-system, sans-serif, 28px / 35px, weight 600; supporting text uses 18px / 29.25px. Its corresponding mobile sample is 24px / 32px. These are computed source samples, not a claim that all text uses the same style. Use properly licensed fonts or appropriate fallbacks when adapting.

## Layout
Desktop uses two equal white cards; mobile stacks them without mixing their distinct audiences or scopes. Measured screenshot bounds: 1440 × 478px desktop and 390 × 1036px mobile. Two observed widths do not establish the exact CSS breakpoint rules.

## Elevation & Depth
Light card borders and restrained shadows separate service and testimonial cards; product imagery remains the main visual evidence.

## Shapes
Rounded rectangular panels, simple blue actions, compact labels and large interface thumbnails.

## Components
An isolated pair of agency offer cards separating ongoing business systems from startup MVP development, each with a plain-language title, three checkmarked benefits and a blue detail link. White and pale-blue surfaces, navy text, cobalt actions and darker blue gradient callouts. Captured logged out at two widths. Menu, booking, form submission, hover and alternate carousel states were not exercised.

## Do's and Don'ts
Separate the startup MVP offer from the internal-tools offer so visitors can identify their path without reading every service. Reuse layout principles, not client logos, testimonials, proprietary artwork or source performance claims. Provide keyboard focus, meaningful labels and reduced-motion alternatives in any implementation; those recommendations are not claims of source behavior tested here.