{ "meta": { "version": 1, "updated": "2026-07-17 10:22:19", "site": "http://localhost:8895" }, "sections": { "identity": true, "voice": true, "context": true }, "identity": { "name": "Key City Theatre", "tagline": "Where the East Kootenay Comes Together", "mission": "House lights dim, a red glow off the proscenium, the whole town in the seats. Bold poster-wall energy outside, warm shared-moment intimacy inside. The site should feel like a marquee: confident, graphic, unmissable." }, "logos": [], "logo_rules": { "dos": [ "Red vertical bar (6px) left of three-line condensed uppercase 'KEY / CITY / THEATRE' stack, 'CRANBROOK, BC' letter-spaced beneath.", "Height of one wordmark line on all sides.", "Dark ink text on white/light; white text version on ink sections. Red bar constant in both.", "Approved version: Ink text + red bar (light backgrounds)", "Approved version: White text + red bar (dark backgrounds)", "Minimum digital width: 90px", "Minimum print width: 0.9in" ], "donts": [ "Do not recolor the bar", "Do not set the wordmark in a non-condensed face", "Do not stretch/skew", "Do not add effects", "Do not run the stack horizontal" ] }, "lockups": [], "colors": [ { "slug": "primary", "name": "Primary", "hex": "#CE0E2D", "role": "primary", "usage": "Key City red. Primary CTA fill, hover fills, logo bar, focus ring, active tabs." }, { "slug": "primary-deep", "name": "Primary Deep", "hex": "#A30B24", "role": "primary", "usage": "Red hover/pressed state." }, { "slug": "ink", "name": "Ink", "hex": "#101114", "role": "neutral", "usage": "Theatre dark. Headings, dark sections (visit strip, footer, event cards), hero base." }, { "slug": "ink-2", "name": "Ink 2", "hex": "#1A1B1F", "role": "neutral", "usage": "Raised dark surface (cards on dark)." }, { "slug": "cream", "name": "Cream", "hex": "#F3EDE2", "role": "neutral", "usage": "Warm light section background (newsletter), light hover fill" }, { "slug": "line-cream", "name": "Line Cream", "hex": "#D8D3C8", "role": "neutral", "usage": "Borders on light (tabs, inputs)" }, { "slug": "grey", "name": "Grey", "hex": "#6B6B6B", "role": "neutral", "usage": "Muted body text on light" }, { "slug": "white", "name": "White", "hex": "#FFFFFF", "role": "neutral", "usage": "Page background, text on dark/red" }, { "slug": "success", "name": "Success", "hex": "#2E7D4F", "role": "neutral", "usage": "Confirmation" }, { "slug": "warning", "name": "Warning", "hex": "#D9832E", "role": "neutral", "usage": "Attention" }, { "slug": "error", "name": "Error", "hex": "#A30B24", "role": "neutral", "usage": "Errors, destructive" }, { "slug": "info", "name": "Info", "hex": "#1F4E8C", "role": "neutral", "usage": "Neutral notices" } ], "typography": { "fonts": [ { "role": "heading", "family": "Helvetica Condensed Bold", "fallback": "'HelveticaNeue-CondensedBold', 'Helvetica Neue Condensed Bold', 'Arial Narrow', sans-serif", "source": "system", "weights": [ 700 ], "url": "" }, { "role": "body", "family": "Work Sans", "fallback": "'Helvetica Neue', Arial, sans-serif", "source": "system", "weights": [ 400, 700 ], "url": "" } ], "scale": { "base_px": 16, "ratio": 1.25, "levels": { "caption": -1, "body": 0, "h6": 1, "h5": 1, "h4": 2, "h3": 3, "h2": 4, "h1": 5 } }, "line_height": { "heading": 0.95, "body": 1.5 }, "notes": "Body max 44ch in cards, 65ch in prose." }, "spacing": { "base_px": 4, "scale": [ 1, 2, 3, 4, 6, 8, 10, 12, 16, 20, 24, 32 ], "notes": "8-point grid." }, "layout": { "grid_columns": 12, "gutter_px": 24, "margin": "clamp(24px, 5vw, 96px)", "max_width_px": 1360, "principles": [ "Body max 44ch in cards, 65ch in prose.", "committed \u2014 near-black ink sections carry the theatre-dark drama; signature red is the single loud accent (CTAs, hovers, logo bar); cream warms the in-between strips. Posters supply the colour variety, the chrome stays disciplined." ] }, "context": { "intro": "", "items": [] }, "ratios": { "layout": [], "image_aspects": [ "16:9 wide crop", "1:1 display crop (native poster behind)", "2:1 card, min-height 340px" ] }, "imagery": { "style": "", "dos": [ "Official show posters at native aspect, uncropped focal art", "The venue: marquee, lobby, auditorium, gallery wall", "Audiences reacting (releases for identifiable faces)", "Performers on the Key City stage (with artist approval)", "Community festivals: kids' festival, Ed Fest street scenes" ], "donts": [ "AI-generated performers/audiences presented as real", "Generic red-curtain clip-art theatre stock", "Cold grading, heavy HDR, watermarks, comps", "Cropping a poster so its title/art is unreadable", "Stretched or upscaled low-res posters" ], "treatments": "Text over photos sits on an overlay at >=4.5:1. Feature cards may tint the overlay with the feature accent colour.", "examples": [], "example_urls": [] }, "asset_library": { "graphics": [], "icons": [], "stock": [], "illustrations": [] }, "tone": { "enabled": true, "attributes": [ "bold", "welcoming", "community-proud", "theatrical" ], "guidelines": "Confident marquee voice: short declarative lines, warm community pride, zero corporate filler.", "examples": [ { "do": "Lead with the show and the date", "dont": "Arts-speak jargon (transformative experiences)" }, { "do": "Speak as 'your theatre'", "dont": "Vague hype without a date and a ticket link" }, { "do": "Name the region: Cranbrook, East Kootenay, Ktunaxa territory acknowledgement", "dont": "No em dashes" } ] }, "ai": { "text_provider": "openrouter", "text_model": "deepseek/deepseek-chat-v3", "fal_vector_model": "fal-ai/recraft/v3/text-to-image", "fal_raster_model": "fal-ai/gpt-image-1/text-to-image" }, "computed": { "contrast_matrix": [ { "fg": "primary", "bg": "primary-deep", "grade": { "ratio": 1.42, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "primary", "bg": "ink", "grade": { "ratio": 3.35, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "primary", "bg": "ink-2", "grade": { "ratio": 3.05, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "primary", "bg": "cream", "grade": { "ratio": 4.84, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "primary", "bg": "line-cream", "grade": { "ratio": 3.78, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "primary", "bg": "grey", "grade": { "ratio": 1.06, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "primary", "bg": "white", "grade": { "ratio": 5.64, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "primary", "bg": "success", "grade": { "ratio": 1.12, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "primary", "bg": "warning", "grade": { "ratio": 1.94, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "primary", "bg": "error", "grade": { "ratio": 1.42, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "primary", "bg": "info", "grade": { "ratio": 1.47, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "primary-deep", "bg": "primary", "grade": { "ratio": 1.42, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "primary-deep", "bg": "ink", "grade": { "ratio": 2.37, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "primary-deep", "bg": "ink-2", "grade": { "ratio": 2.16, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "primary-deep", "bg": "cream", "grade": { "ratio": 6.85, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "primary-deep", "bg": "line-cream", "grade": { "ratio": 5.35, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "primary-deep", "bg": "grey", "grade": { "ratio": 1.5, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "primary-deep", "bg": "white", "grade": { "ratio": 7.98, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "primary-deep", "bg": "success", "grade": { "ratio": 1.58, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "primary-deep", "bg": "warning", "grade": { "ratio": 2.75, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "primary-deep", "bg": "error", "grade": { "ratio": 1, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "primary-deep", "bg": "info", "grade": { "ratio": 1.04, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "ink", "bg": "primary", "grade": { "ratio": 3.35, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "ink", "bg": "primary-deep", "grade": { "ratio": 2.37, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "ink", "bg": "ink-2", "grade": { "ratio": 1.1, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "ink", "bg": "cream", "grade": { "ratio": 16.2, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "ink", "bg": "line-cream", "grade": { "ratio": 12.65, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "ink", "bg": "grey", "grade": { "ratio": 3.54, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "ink", "bg": "white", "grade": { "ratio": 18.88, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "ink", "bg": "success", "grade": { "ratio": 3.74, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "ink", "bg": "warning", "grade": { "ratio": 6.51, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "ink", "bg": "error", "grade": { "ratio": 2.37, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "ink", "bg": "info", "grade": { "ratio": 2.27, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "ink-2", "bg": "primary", "grade": { "ratio": 3.05, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "ink-2", "bg": "primary-deep", "grade": { "ratio": 2.16, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "ink-2", "bg": "ink", "grade": { "ratio": 1.1, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "ink-2", "bg": "cream", "grade": { "ratio": 14.77, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "ink-2", "bg": "line-cream", "grade": { "ratio": 11.53, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "ink-2", "bg": "grey", "grade": { "ratio": 3.23, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "ink-2", "bg": "white", "grade": { "ratio": 17.21, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "ink-2", "bg": "success", "grade": { "ratio": 3.41, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "ink-2", "bg": "warning", "grade": { "ratio": 5.93, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "ink-2", "bg": "error", "grade": { "ratio": 2.16, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "ink-2", "bg": "info", "grade": { "ratio": 2.07, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "cream", "bg": "primary", "grade": { "ratio": 4.84, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "cream", "bg": "primary-deep", "grade": { "ratio": 6.85, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "cream", "bg": "ink", "grade": { "ratio": 16.2, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "cream", "bg": "ink-2", "grade": { "ratio": 14.77, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "cream", "bg": "line-cream", "grade": { "ratio": 1.28, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "cream", "bg": "grey", "grade": { "ratio": 4.57, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "cream", "bg": "white", "grade": { "ratio": 1.17, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "cream", "bg": "success", "grade": { "ratio": 4.33, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "cream", "bg": "warning", "grade": { "ratio": 2.49, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "cream", "bg": "error", "grade": { "ratio": 6.85, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "cream", "bg": "info", "grade": { "ratio": 7.13, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "line-cream", "bg": "primary", "grade": { "ratio": 3.78, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "line-cream", "bg": "primary-deep", "grade": { "ratio": 5.35, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "line-cream", "bg": "ink", "grade": { "ratio": 12.65, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "line-cream", "bg": "ink-2", "grade": { "ratio": 11.53, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "line-cream", "bg": "cream", "grade": { "ratio": 1.28, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "line-cream", "bg": "grey", "grade": { "ratio": 3.57, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "line-cream", "bg": "white", "grade": { "ratio": 1.49, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "line-cream", "bg": "success", "grade": { "ratio": 3.38, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "line-cream", "bg": "warning", "grade": { "ratio": 1.94, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "line-cream", "bg": "error", "grade": { "ratio": 5.35, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "line-cream", "bg": "info", "grade": { "ratio": 5.57, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "grey", "bg": "primary", "grade": { "ratio": 1.06, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "grey", "bg": "primary-deep", "grade": { "ratio": 1.5, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "grey", "bg": "ink", "grade": { "ratio": 3.54, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "grey", "bg": "ink-2", "grade": { "ratio": 3.23, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "grey", "bg": "cream", "grade": { "ratio": 4.57, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "grey", "bg": "line-cream", "grade": { "ratio": 3.57, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "grey", "bg": "white", "grade": { "ratio": 5.33, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "grey", "bg": "success", "grade": { "ratio": 1.06, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "grey", "bg": "warning", "grade": { "ratio": 1.84, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "grey", "bg": "error", "grade": { "ratio": 1.5, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "grey", "bg": "info", "grade": { "ratio": 1.56, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "white", "bg": "primary", "grade": { "ratio": 5.64, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "white", "bg": "primary-deep", "grade": { "ratio": 7.98, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "white", "bg": "ink", "grade": { "ratio": 18.88, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "white", "bg": "ink-2", "grade": { "ratio": 17.21, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "white", "bg": "cream", "grade": { "ratio": 1.17, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "white", "bg": "line-cream", "grade": { "ratio": 1.49, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "white", "bg": "grey", "grade": { "ratio": 5.33, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "white", "bg": "success", "grade": { "ratio": 5.05, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "white", "bg": "warning", "grade": { "ratio": 2.9, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "white", "bg": "error", "grade": { "ratio": 7.98, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "white", "bg": "info", "grade": { "ratio": 8.31, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "success", "bg": "primary", "grade": { "ratio": 1.12, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "success", "bg": "primary-deep", "grade": { "ratio": 1.58, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "success", "bg": "ink", "grade": { "ratio": 3.74, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "success", "bg": "ink-2", "grade": { "ratio": 3.41, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "success", "bg": "cream", "grade": { "ratio": 4.33, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "success", "bg": "line-cream", "grade": { "ratio": 3.38, "aa_normal": false, "aa_large": true, "aaa_normal": false, "aaa_large": false, "ui_components": true } }, { "fg": "success", "bg": "grey", "grade": { "ratio": 1.06, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "success", "bg": "white", "grade": { "ratio": 5.05, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "success", "bg": "warning", "grade": { "ratio": 1.74, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "success", "bg": "error", "grade": { "ratio": 1.58, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "success", "bg": "info", "grade": { "ratio": 1.65, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "warning", "bg": "primary", "grade": { "ratio": 1.94, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "warning", "bg": "primary-deep", "grade": { "ratio": 2.75, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "warning", "bg": "ink", "grade": { "ratio": 6.51, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "warning", "bg": "ink-2", "grade": { "ratio": 5.93, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "warning", "bg": "cream", "grade": { "ratio": 2.49, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "warning", "bg": "line-cream", "grade": { "ratio": 1.94, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "warning", "bg": "grey", "grade": { "ratio": 1.84, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "warning", "bg": "white", "grade": { "ratio": 2.9, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "warning", "bg": "success", "grade": { "ratio": 1.74, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "warning", "bg": "error", "grade": { "ratio": 2.75, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "warning", "bg": "info", "grade": { "ratio": 2.86, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "error", "bg": "primary", "grade": { "ratio": 1.42, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "error", "bg": "primary-deep", "grade": { "ratio": 1, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "error", "bg": "ink", "grade": { "ratio": 2.37, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "error", "bg": "ink-2", "grade": { "ratio": 2.16, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "error", "bg": "cream", "grade": { "ratio": 6.85, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "error", "bg": "line-cream", "grade": { "ratio": 5.35, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "error", "bg": "grey", "grade": { "ratio": 1.5, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "error", "bg": "white", "grade": { "ratio": 7.98, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "error", "bg": "success", "grade": { "ratio": 1.58, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "error", "bg": "warning", "grade": { "ratio": 2.75, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "error", "bg": "info", "grade": { "ratio": 1.04, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "info", "bg": "primary", "grade": { "ratio": 1.47, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "info", "bg": "primary-deep", "grade": { "ratio": 1.04, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "info", "bg": "ink", "grade": { "ratio": 2.27, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "info", "bg": "ink-2", "grade": { "ratio": 2.07, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "info", "bg": "cream", "grade": { "ratio": 7.13, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "info", "bg": "line-cream", "grade": { "ratio": 5.57, "aa_normal": true, "aa_large": true, "aaa_normal": false, "aaa_large": true, "ui_components": true } }, { "fg": "info", "bg": "grey", "grade": { "ratio": 1.56, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "info", "bg": "white", "grade": { "ratio": 8.31, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true, "ui_components": true } }, { "fg": "info", "bg": "success", "grade": { "ratio": 1.65, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "info", "bg": "warning", "grade": { "ratio": 2.86, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } }, { "fg": "info", "bg": "error", "grade": { "ratio": 1.04, "aa_normal": false, "aa_large": false, "aaa_normal": false, "aaa_large": false, "ui_components": false } } ], "type_scale_px": { "caption": 12.8, "body": 16, "h6": 20, "h5": 20, "h4": 25, "h3": 31.3, "h2": 39.1, "h1": 48.8 }, "spacing_px": [ 4, 8, 12, 16, 24, 32, 40, 48, 64, 80, 96, 128 ], "tokens_css_url": "http://localhost:8895/wp-content/uploads/brandboss/tokens.css" } }