---
version: alpha
name: Resellbot — Closing CTA with Compact Auction Stack
colors:
  primary: '#1C1B19'
  canvas: '#EFECE6'
  surface: '#FFFFFF'
  copy: '#55524B'
  positive: '#0B7A47'
typography:
  heading:
    fontFamily: '"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe
      UI", Roboto, Helvetica, Arial, sans-serif'
    fontSize: 72px
    fontWeight: 800
    lineHeight: 72px
  body:
    fontFamily: '"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe
      UI", Roboto, Helvetica, Arial, sans-serif'
    fontSize: 14px
    fontWeight: 400
    lineHeight: 22.4px
---

## Overview
A warm closing call-to-action repeats the product story with a bold left-aligned heading, one dark pill button, restrained trial context, and compact overlapping auction cards. Inspected as an isolated component at 1440px desktop and 390px mobile on 2026-09-29. Screenshot selector: `section.rb-cta`. This is not a whole-page capture.

## Colors
Near-black #1C1B19, warm #EFECE6 canvas, white card surfaces, muted #55524B copy and green #0B7A47 numerical accents follow the measured source-site palette. Transparent roots inherit the site canvas; do not interpret transparent as an opaque color. Small highlights and illustration accents are visual observations, not newly measured tokens.

## Typography
The sampled heading uses Plus Jakarta Sans at 72px / 72px, weight 800, on desktop and 40px / 40px on mobile. The sampled paragraph is 14px / 22.4px. Use the heavy, tight heading sparingly and keep smaller interface labels readable. CSS font stacks describe the source, not font availability in a destination project.

## Layout
Use two balanced columns on desktop: short headline and action on the left, a condensed auction stack on the right. The content should feel like a final reminder, not another full product section. At narrow widths center the headline and trial context, expand the button to full content width, and place the auction stack beneath generous vertical spacing. Preserve the relationship between the offer and the concrete product preview. Measured bounds are 1440 × 544.141px desktop and 390 × 650.359px mobile. These two widths do not establish an exact breakpoint.

## Elevation & Depth
The pale warm section creates separation without a dark inversion. The product cards provide modest depth with soft shadows; the action is a near-black pill. Avoid adding a full border around the whole section or multiple competing action colors. Exact shadow parameters were not sampled; shadow descriptions are visual estimates.

## Shapes
Maintain rounded rectangular product panels, fine separators, compact badges, and strongly rounded action pills where present. Avoid applying the pill treatment to data tables or text containers. Exact card corner radii are not encoded because they were not sampled individually.

## Components
Short closing headline, single trial action, understated plan context, two shallow auction rows and one foreground result card. The shortened UI echoes the opening hero and creates visual closure.

## Do's and Don'ts
Do preserve the component hierarchy and readable responsive structure. Do use genuine product data, clear labels and accessible contrast when adapting. Do not reuse source auction amounts, countdowns, retailer names, performance claims or pricing as claims about another business. The live values are transient and were not independently verified. Do not infer menu, link, hover, chart, keyboard or conversion-flow behavior from static captures.