--- version: alpha name: Airdev — Dark-blue Build Inquiry CTA colors: canvas: '#0A2540' text: '#FFFFFF' observed-1: '#B8C4D6' observed-2: '#020817' observed-3: '#1265EF' typography: heading: fontFamily: Colfax, system-ui, -apple-system, sans-serif fontSize: 48px fontWeight: 600 lineHeight: 48px body: fontFamily: Colfax, system-ui, -apple-system, sans-serif fontSize: 20px fontWeight: 400 lineHeight: 28px --- ## Overview An isolated dark-blue gradient conversion band with a centered build-intent question, short reassurance and compact blue conversation button. Inspected on 2026-10-01 at 1440px and 390px viewport widths. This reference crops only `section:has-text("Thinking about building something?")` 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, 48px / 48px, weight 600; supporting text uses 20px / 28px. Its corresponding mobile sample is 30px / 37.5px. 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 A low wide desktop band becomes taller on mobile as the message wraps, with one action underneath. Measured screenshot bounds: 1440 × 408px desktop and 390 × 374px 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 dark-blue gradient conversion band with a centered build-intent question, short reassurance and compact blue conversation button. 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.