@nurix/etna 0.19.11 → 0.19.12

package/data/harnesses/code/skills/design/data/combinations/product-router.csv

@@ -1,80 +0,0 @@
-id,product_type,tier,keywords,style_priority,palette_stance,type_stance,density_tier,key_surfaces,decision_rules,anti_patterns,notes
-1,Internal SaaS Admin / Back-Office,operator-active,"admin panel, back-office, internal tool, saas admin, control panel, settings console, workspace, tenant management, b2b, operator dashboard, account management","Flat design (solid fills, crisp edges, no faux depth); Minimalism (restraint and generous whitespace around dense controls)",Neutral surface with a single trust-blue accent for primary actions,Clear functional hierarchy over decoration,standard,"dashboard, list-detail, create-edit, entity-detail",if the tenant has many object types: lead with a dashboard that links into each list; if an action is destructive: gate it behind a confirm and show an undo; if settings are deep: group them into a searchable left rail,"""marketing hero on an internal tool"", ""glossy gradients that slow scanning"", ""hiding bulk actions two clicks deep""","The generic company back-office where an employee administers accounts, settings, and records all day."
-2,CRM & Sales Pipeline,operator-active,"crm, client management, customer, sales, pipeline, contact, lead, deal, opportunity, account, activity log, hubspot, salesforce, relationship management","Flat design (solid fills, no shadows); Minimalism (quiet chrome so records dominate)","Professional blue with stage-coded accents (won green, lost grey)","Legible sans, dense but scannable rows",dense,"list-detail, entity-detail, dashboard, create-edit","if deals move through stages: offer a kanban board plus a table view of the same records; if a contact is opened: show an activity timeline with quick-log for call, email, and meeting; if pipeline value matters: put weighted forecast on the dashboard","""three-dimensional card effects on a data grid"", ""burying quick-log actions"", ""color-only stage cues with no label""",A salesperson lives in the contact list and the deal board; the design serves fast logging and pipeline scanning.
-3,Analytics & BI Dashboard,operator-active,"analytics, business intelligence, bi, kpi, metric, funnel, conversion, cohort, retention, segment, attribution, ab test, reporting, drill-down","Data-dense (tight, information-rich layout); Minimalism (chart-first, chrome-last)",Neutral canvas with a small categorical chart palette,"Clear, functional, tabular-friendly numerals",dense,"dashboard, list-detail",if a large dataset backs a table: virtualize the rows and keep sort and filter server-driven; if a metric invites investigation: make the tile drill down to the underlying list; if comparison is the job: put period-over-period deltas beside every number,"""ornamental charts that obscure the value"", ""no export or filter"", ""rainbow series beyond five categories""","An analyst reads for signal, so clarity and drill-down beat visual flourish everywhere."
-4,Financial / Trading Dashboard,operator-active,"financial dashboard, trading, portfolio, pnl, revenue, expense, cashflow, balance sheet, investment, treasury, ledger, positions, real-time finance",Data-dense (tight numeric grids); Dark mode (near-black surfaces that ease long screen sessions),Dark ground with red-down / green-up alert pairs and a trust-blue accent,"Tabular figures, high contrast, aligned decimals",dense,"dashboard, entity-detail, log-stream","if numbers update live: animate the change subtly and never block on a full re-render; if a position is opened: show its full history as an entity view; if thresholds are breached: raise a colored, labeled alert - never color alone","""light mode as the only theme"", ""laggy rendering on live ticks"", ""decorative motion competing with real alerts""","Accuracy and glanceable deltas are the whole job; the palette exists to flag up and down, not to please."
-5,Inventory & Warehouse Management,operator-active,"inventory, stock, warehouse, sku, barcode, supply, fulfillment, reorder, stock level, audit, product catalog, logistics stock","Flat design (solid status fills); Minimalism (functional, uncluttered rows)","Functional neutral with traffic-light stock states (green, amber, red)","Clear sans, prominent quantity and status badges",dense,"list-detail, entity-detail, create-edit, dashboard",if stock runs low: surface a labeled alert banner and a one-tap reorder; if items are scanned: keep a barcode entry path always reachable; if a count is edited: write an audit-log entry that names the operator,"""3D card treatments on a stock grid"", ""status by color with no text label"", ""hiding the low-stock alert below the fold""","A warehouse operator scans, counts, and reorders; density and status legibility carry the interface."
-6,Support Desk / Ticket Queue,operator-active,"support desk, help desk, ticket, ticket queue, agent, sla, case, escalation, inbox, zendesk, intercom, customer support, resolution","Flat design (calm solid surfaces); Minimalism (queue-first, low chrome)","Neutral base with priority accents (urgent red, breaching amber)",Readable sans tuned for long queues and threads,dense,"list-detail, entity-detail, dashboard, log-stream",if SLA is ticking: show time-to-breach on every queue row and sort by it; if a ticket is opened: thread the conversation with canned-reply and internal-note affordances; if volume spikes: give the lead a dashboard of queue depth and agent load,"""conversation buried under chrome"", ""no visible SLA countdown"", ""playful styling on an all-day work surface""",An agent works a prioritized queue and a threaded case; throughput and SLA visibility govern the layout.
-7,Content Moderation Queue,operator-active,"moderation, content moderation, review queue, flag, report, abuse, trust and safety, takedown, approve, reject, escalate, user reports","Flat design (neutral, non-distracting); Minimalism (evidence-first)",Restrained neutral with clear approve-green / reject-red decision accents,Legible sans; the flagged content is the focal object,dense,"list-detail, entity-detail, log-stream",if items await review: present them one focused card at a time with keyboard approve and reject; if a decision is made: record it to an immutable action log with the reviewer and reason; if abuse is severe: allow one-click escalation with context attached,"""decorative styling that competes with the flagged content"", ""irreversible actions with no audit trail"", ""color-only verdicts""",A trust-and-safety reviewer decides fast on a stream of flagged items; the queue optimizes for one clear judgment at a time.
-8,Review Queue / Application Tracking,operator-active,"application tracking, ats, recruitment, job board, applicant, grant, funding, rfp, proposal, peer review, submission, candidate, review stages, screening","Flat design (structured, sober); Minimalism (form and status clarity)",Institutional neutral with stage-coded status chips,"Professional sans, clear stage and status labels",standard,"list-detail, entity-detail, dashboard, create-edit",if submissions move through stages: show a pipeline of applicants or proposals with a per-stage count; if one is opened: put the full submission beside the reviewer scorecard; if deadlines loom: sort the queue by deadline and flag the imminent ones,"""opaque status with no stage label"", ""scoring forms detached from the submission"", ""hiding deadlines""","Recruiters, grant officers, and reviewers all work the same shape: a staged queue of submissions scored toward a decision."
-9,IoT & Sensor Monitoring,operator-active,"iot, sensor, smart home, telemetry, device fleet, agriculture, farm tech, energy, climate tech, ev charging, grid, environmental monitoring, real-time controls",Data-dense (many live readings at once); Dark mode (near-black canvas for status colors to pop),Dark ground with saturated device-status indicators,Clear functional type; large legible current values,dense,"command-center, dashboard, log-stream, entity-detail",if devices report live: pulse the status and keep updates streaming without a full reload; if a reading crosses a limit: raise an alert and log it to the event stream; if a device is inspected: show its history and controls on an entity view,"""stale readings that look live"", ""no alerting on threshold breach"", ""ornamentation over telemetry legibility""","An operator watches a live fleet of sensors and acts on alerts; the design is a monitoring wall, not a marketing page."
-10,Fleet & Dispatch Command Center,operator-active,"fleet, dispatch, drone, autonomous, robotics, logistics, delivery ops, routing, vehicles, telemetry, map, real-time operations, control room",Data-dense (map plus live panels); Dark mode (control-room contrast),Dark map ground with tactical status accents and a clear alert red,Technical sans; large glanceable state and ETA readouts,dense,"command-center, dashboard, entity-detail, log-stream",if assets move on a map: pair the map with a live list of units and their status; if telemetry is safety-critical: show latency and connection health explicitly; if an incident fires: surface it top-of-view and log the timeline,"""slow map updates on a live fleet"", ""hidden connection or latency state"", ""decorative motion masking real alerts""",A dispatcher supervises moving assets from a map-plus-panels wall where latency and safety alerts are first-class.
-11,Cybersecurity / SOC Console,operator-active,"cybersecurity, soc, security operations, threat, siem, alert, incident, vulnerability, intrusion, log analysis, detection, defense, real-time monitoring",Data-dense (high signal volume); Dark mode (long-session SOC contrast),Deep dark with severity-scaled threat accents,Monospace-friendly technical type for logs and hashes,dense,"command-center, dashboard, log-stream, list-detail",if threats stream in: rank the alert feed by severity and let the analyst pivot to raw logs; if an incident opens: correlate related events on one timeline; if noise is high: allow triage rules that suppress low-severity chatter,"""light mode for a monitoring wall"", ""weak data visualization of threats"", ""severity by color alone""","A security analyst hunts across streaming alerts and logs; density, dark contrast, and severity ranking are the substrate."
-12,Developer Tool / IDE,operator-active,"developer tool, ide, editor, terminal, cli, code, syntax, debugger, build, repository, devtools, source, commands",Dark mode (syntax-theme surfaces); Minimalism (chrome yields to the code),Dark syntax palette with a single focus-blue accent,Monospace for code; a clean sans for chrome,dense,"list-detail, log-stream, command-center",if navigation is frequent: give a command palette and keyboard shortcuts for every primary action; if output streams: render logs and build output as an append-only pane; if a tree is deep: keep the file or resource tree beside the active editor,"""light-only theme by default"", ""mouse-only navigation"", ""sluggish input on large files""","A developer lives in keyboard-driven code, tree, and terminal panes where speed and dark syntax legibility dominate."
-13,API Console / Developer Platform,operator-active,"api console, developer platform, endpoint, sdk, integration, rest, graphql, webhook, api key, rate limit, request logs, playground, tokens",Dark mode (code-forward surfaces); Minimalism (reference clarity),Dark code theme with brand and syntax accents,Monospace for samples; clean sans for reference prose,standard,"list-detail, entity-detail, log-stream, create-edit","if endpoints are browsed: make each discoverable with a copy-paste sample and an auth note; if keys are issued: let the operator create, scope, and revoke them; if requests flow: expose a live request log with status and latency","""opaque auth flow"", ""no request or error visibility"", ""hidden rate-limit state""","An integrator explores endpoints, manages keys, and watches request logs; the console is a technical reference, not a brochure."
-14,Incident & Status Management,operator-active,"incident, status page, outage, uptime, downtime, sla, on-call, postmortem, severity, maintenance, service health, monitoring, sev1",Data-dense (service matrix plus timeline); Minimalism (status legibility),"Neutral dark with status green, incident red, maintenance amber",Clear functional type; unambiguous status wording,standard,"command-center, log-stream, dashboard, entity-detail",if services are many: show a status matrix that rolls up to one health headline; if an incident runs: keep a chronological update log with severity and owner; if history matters: chart uptime and time-to-resolve over past incidents,"""status by color with no words"", ""no incident timeline"", ""burying the current-severity headline""","Responders declare, update, and resolve incidents against a service matrix and a running timeline."
-15,Feature Flag / Config Management,operator-active,"feature flag, config, feature toggle, launchdarkly, experiment, rollout, kill switch, targeting, environment, percentage rollout, remote config, gating",Data-dense (many toggles and rules); Flat design (crisp switch states),"Neutral base with enabled-green, disabled-grey, experimental-amber, kill-red",Clear sans; unmistakable on and off states,standard,"list-detail, create-edit, dashboard, log-stream",if a flag ships gradually: give a percentage-rollout control and an environment selector; if targeting is complex: build the rule set in a clear create-edit form; if a change is risky: keep an audit log and a one-click kill switch,"""ambiguous toggle state"", ""no environment separation"", ""flag changes with no audit trail""","An engineer flips, targets, and rolls back flags across environments; state clarity and auditability are paramount."
-16,RPA / Automation Orchestration,operator-active,"rpa, robotic process automation, bot, orchestrator, workflow automation, process, scheduler, unattended, attended, exception, run history, pipeline",Data-dense (fleet of runs); Dark mode (ops-console contrast),"Dark ground with run-state accents (running green, failed red, queued amber)",Technical sans; prominent run status and counts,dense,"command-center, dashboard, log-stream, list-detail","if bots run continuously: show a status grid of running, idle, and failed with queue depth; if a run fails: alert on the exception and link to its log; if value is questioned: surface throughput and time-saved metrics","""no exception alerting"", ""run logs hidden behind clicks"", ""state shown by color only""","An automation operator supervises a fleet of scheduled bots, watching for failures and queue backpressure."
-17,LMS / Learning Admin,operator-active,"lms, learning management, course management, canvas, moodle, enrollment, gradebook, syllabus, assignment, roster, instructor console, cohort","Flat design (clean instructional surfaces); Accessible and ethical (high contrast, large targets, WCAG-first)",Calm blue with course-category accents and grade states,Readable sans at comfortable size for long sessions,standard,"dashboard, list-detail, entity-detail, create-edit",if a cohort is managed: dashboard the enrolled courses and upcoming deadlines; if grading is due: give a gradebook table with inline entry; if content is authored: use a structured create-edit flow for modules and assignments,"""low contrast on an all-day academic tool"", ""grades buried in modals"", ""inaccessible custom controls""","An instructor or administrator manages cohorts, grades, and course content; accessibility and a clear gradebook lead."
-18,EHR / Clinical Records Console,operator-active,"ehr, emr, clinical, patient records, health records, mychart, lab results, prescription, medical history, care team, telemedicine, patient portal, encounter","Accessible and ethical (WCAG-first, large targets); Minimalism (calm, uncluttered clinical surfaces)",Clinical blue and calm white with health-green and alert-red states,"Highly legible sans, generous size, strong labels",standard,"entity-detail, list-detail, dashboard, create-edit","if a patient is opened: lead with an at-a-glance summary then labs, meds, and allergies as an entity view; if allergies or interactions exist: raise them as blocking, labeled alerts; if visits are logged: capture the encounter in a structured form","""critical alerts shown by color alone"", ""dense unlabeled data blocks"", ""playful styling on a clinical record""","A clinician reads a single patient record deeply; safety alerts, legibility, and accessibility outrank every aesthetic choice."
-19,Survey / Form Builder,operator-active,"survey, form builder, questionnaire, typeform, poll, feedback, multi-step form, nps, logic jump, question types, response analytics, form designer",Minimalism (calm builder canvas); Flat design (crisp field controls),Clean neutral with a single question-accent and a submit color,Clean sans; the question is the focal element,standard,"create-edit, list-detail, dashboard",if a form is authored: give a drag-and-drop builder with a live preview pane; if branching is needed: visualize conditional logic between questions; if responses arrive: chart them on a response dashboard with CSV export,"""builder and preview out of sync"", ""hidden conditional-logic wiring"", ""no response export""",A creator assembles a form on a builder canvas and later reads responses; the two surfaces are build and analyze.
-20,No-code / App Builder,operator-active,"no-code, low-code, builder, bubble, webflow, drag drop, visual builder, app builder, workflow builder, components, canvas, logic blocks, publish","Flat design (clear component blocks); Minimalism (canvas breathes, panels recede)",Neutral canvas with component-palette accents and a connect-blue,Clean sans; component labels stay unambiguous,standard,"create-edit, list-detail, dashboard",if a layout is built: pair a drag-and-drop canvas with a component-library rail and a preview; if logic is wired: give a visual flow editor for actions and conditions; if work is shipped: expose a clear publish action with version history,"""canvas cluttered by heavy chrome"", ""invisible logic wiring"", ""no preview before publish""","A maker assembles apps on a canvas with a component rail and a logic editor; the canvas is the work, panels support it."
-21,Document Workflow & E-signature,operator-active,"esignature, e-sign, docusign, digital signature, document workflow, approval chain, contract, signing, scanner, ocr, pdf, audit trail, multi-signer",Minimalism (document-first calm); Flat design (clean approval states),Trust navy with signature-green and pending-amber states,Legible sans; the document preview leads,standard,"list-detail, entity-detail, create-edit, log-stream",if a document moves through signers: show the approval chain and each party's status; if it is signed: capture placement on the preview and record an audit trail; if it expires: remind before the deadline,"""signer status hidden"", ""no tamper-evident audit trail"", ""signing flow that breaks on mobile""","A document routes through capture, placement, signing, and archive; every step leaves an auditable trace."
-22,Knowledge Base / Reference Database,operator-active,"knowledge base, documentation, wiki, encyclopedia, reference, patent, ip database, prior art, search, article, citation, internal docs, taxonomy","Minimalism (reading-first restraint); Swiss modernism (grid-driven type hierarchy, sparse color)",Clean neutral with link-blue and a quiet citation grey,"Readable serif or humanist sans, strong heading scale",standard,"list-detail, entity-detail, create-edit",if content is large: make full-text search the primary entry and keep a table of contents beside the article; if articles link: cross-reference them explicitly; if edits happen: keep version history and attribution,"""weak search on a reference corpus"", ""no version history"", ""dense walls of text with no hierarchy""",An analyst searches and reads a reference corpus; search-first navigation and typographic hierarchy are the whole experience.
-23,Design System / Component Library,operator-active,"design system, component library, storybook, tokens, primitives, documentation, variants, props, usage, patterns, accessibility docs, code examples","Minimalism (specimen-first calm); Accessible and ethical (contrast and focus states demonstrated, not just claimed)",Neutral canvas that lets component color specimens speak,"Monospace for code, clean sans for prose",spacious,"list-detail, entity-detail",if a component is documented: pair a live preview with copyable code and its prop table; if variants exist: show every state including focus and disabled; if search is used: index components and tokens by name,"""no live preview beside the code"", ""undocumented states"", ""specimens that skip focus and error styling""","A developer browses components as living specimens; each entry is a preview, its props, and its usage."
-24,Invoice & Billing Console,operator-active,"invoice, billing, payment, receipt, estimate, quote, accounting, subscription billing, dunning, line items, tax, overdue, revenue ops",Minimalism (ledger calm); Flat design (clean status badges),Professional navy with paid-green and overdue-red states,Tabular figures with aligned currency columns,standard,"list-detail, create-edit, entity-detail, dashboard","if an invoice is drafted: build line items with live tax and discount totals; if status changes: badge it clearly across draft, sent, paid, and overdue; if payment lags: surface overdue and a dunning action on the dashboard","""currency columns that do not align"", ""status by color only"", ""no clear paid-versus-overdue split""",A finance operator issues invoices and chases payment; aligned figures and unambiguous status carry the tool.
-25,Insurance & Claims Admin,operator-active,"insurance, claims, policy, underwriting, quote, coverage, adjuster, premium, policyholder, claim status, risk, back-office insurance","Flat design (sober functional surfaces); Accessible and ethical (clear, high-contrast, plain-language)",Trust blue with security-green and claim-status accents,Clear professional sans; strong field and status labels,standard,"list-detail, entity-detail, dashboard, create-edit","if claims queue up: list them with status and age and open each as a full case; if a policy is inspected: show coverage, history, and linked claims on one entity view; if intake is structured: capture the claim in a staged form","""jargon with no plain-language help"", ""claim status ambiguous"", ""policy detail scattered across screens""",An adjuster works a claims queue and reads policy detail; clarity and status legibility beat any flourish.
-26,Marketplace Operations,operator-active,"marketplace, seller, buyer, listings, auction, bidding, freelancer, gigs, orders, disputes, payouts, trust and safety, ops console, two-sided",Flat design (functional ops surfaces); Minimalism (records over chrome),Trust neutral with category and order-status accents,Clean sans; listing and order data lead,standard,"list-detail, entity-detail, dashboard, create-edit","if listings are managed: give a searchable list with per-listing status and moderation actions; if an order or dispute opens: show buyer, seller, and history together; if health matters: dashboard GMV, disputes, and payout backlog","""seller and buyer context split apart"", ""no dispute trail"", ""trust signals treated as decoration""","An operator runs the back-office of a two-sided market: listings, orders, disputes, and payouts in one console."
-27,Content Management (CMS) / Editorial Ops,operator-active,"cms, content management, editorial, newsroom, publishing, articles, blog, media, drafts, scheduling, workflow, editor, headless cms",Minimalism (editorial calm); Flat design (clean draft and publish states),Neutral editorial base with a single publish-accent,Editorial serif or humanist sans; strong content hierarchy,standard,"list-detail, create-edit, entity-detail, dashboard",if drafts pile up: list content by workflow state from draft to scheduled to live; if an article is edited: give a distraction-light editor with a preview; if timing matters: schedule publication and show the calendar,"""editor cluttered with chrome"", ""no draft-versus-live distinction"", ""publish with no preview""","An editor drafts, schedules, and publishes; the back-office is a content list plus a focused editor, not the reader-facing site."
-28,Field Service & Dispatch,operator-active,"field service, dispatch, home services, technician, work order, plumber, electrician, hvac, hyperlocal, scheduling, job assignment, service ops, on-site","Flat design (rugged clear surfaces); Accessible and ethical (readable in the field, large targets)",Trust blue with safety-orange and job-status accents,"Clear sans; large, glanceable job and status labels",standard,"command-center, list-detail, entity-detail, dashboard","if jobs need assigning: show a dispatch board of technicians and open work orders on a map; if a job is opened: carry customer, location, and history together; if urgency spikes: flag emergency jobs at the top","""tiny touch targets for field use"", ""job status ambiguous"", ""customer and location detail scattered""","A dispatcher assigns technicians to work orders and tracks them in the field; a board, a map, and clear job cards carry it."
-29,Fundraising & Donor Management,operator-active,"fundraising, donor, donation, nonprofit, charity, crowdfunding, campaign, pledge, backer, giving, grants out, impact metrics, donor crm",Flat design (clean campaign surfaces); Minimalism (numbers and progress lead),Warm trust neutral with a funding-progress green,Clear sans; prominent goal and progress figures,standard,"dashboard, list-detail, entity-detail, create-edit",if a campaign runs: dashboard raised-versus-goal with the backer count and trend; if a donor is opened: show giving history and communications together; if transparency is expected: report where funds go,"""vanity totals with no goal context"", ""donor history fragmented"", ""opaque fund allocation""",A development officer runs campaigns and manages donor relationships; progress-to-goal and donor history drive the screens.
-30,Booking & Reservation Management,operator-active,"booking, reservation, appointment, scheduling, calendar, slots, availability, provider, front desk, no-show, capacity, resource booking",Flat design (clean scheduling surfaces); Soft UI (gentle low-contrast panels for a calm front desk),"Trust blue with available-green, booked-grey, and a confirm accent",Clear sans; unambiguous time and status labels,standard,"dashboard, list-detail, create-edit, entity-detail","if slots are managed: show availability as a calendar grid the operator can book into; if a reservation is opened: carry the guest, service, and history; if no-shows recur: surface reschedule and reminder actions","""available and booked look alike"", ""double-booking allowed silently"", ""reschedule buried""",A front-desk operator manages provider availability and reservations; a bookable calendar and clear slot states lead.
-31,Digital Signage / Kiosk CMS,operator-active,"digital signage, kiosk, display cms, wayfinding, menu board, lobby display, content scheduling, playlist, screens, remote display, touchscreen ops",Flat design (bold high-contrast blocks); Minimalism (single-purpose per screen),High-contrast neutral with a strong brand accent,Large clear sans built for distance reading,standard,"create-edit, list-detail, command-center",if screens are scheduled: build playlists in a create-edit flow and assign them to displays; if displays are many: monitor which are online from a control view; if a display drops: fall back to cached content and alert,"""tiny touch targets on a kiosk"", ""no offline fallback"", ""no view of which screens are live""",An operator schedules content to remote displays and watches their health; the back-office is a playlist builder plus a screen monitor.
-32,Government / Civic Services Console,operator-active,"government portal, civic services, city hall, permit, tax payment, voter registration, public records, municipal, benefits, case worker, service directory, form wizard","Accessible and ethical (WCAG-AAA, plain language, keyboard-first); Minimalism (calm, low-noise service surfaces)",Professional blue at high contrast with clear service-category cues,"Large, plain, highly legible sans in plain language",standard,"list-detail, create-edit, entity-detail, dashboard",if services are many: give an A-to-Z directory with search; if a form is long: use a wizard that saves progress; if a request is filed: show a status tracker and support multiple languages,"""low contrast on a public-duty tool"", ""long forms with no save-progress"", ""jargon over plain language""","A resident completes a civic task or a caseworker processes it; accessibility, plain language, and a clear status tracker are mandatory."
-33,Micro SaaS Launch,dormant-marketing,"micro saas, indie, solo, bootstrap, side project, solopreneur, product hunt, niche tool, waitlist, small team, indie hacker","Flat design (solid fills, no faux depth); Motion-driven (animation used as a primary attention device)",Vibrant primary against generous white space,"Modern, energetic display type",spacious,hero + short demo + single cta (pre-launch: waitlist capture),if pre-launch: use a waitlist page with visible momentum; if a demo exists: put a short muted autoplay clip in the hero; keep the page to one product and one ask,"""a static page with no product shown"", ""poor mobile layout"", ""asking for too much before the value lands""",An indie maker proves one product fast; the page shows it working and asks once.
-34,E-commerce Storefront,dormant-marketing,"ecommerce, online store, shop, retail, storefront, products, cart, checkout, catalog, buy, sell, luxury retail, florist, dtc",Vibrant and block-based (bold saturated color blocks); Aurora UI (soft flowing multi-color gradient washes) for premium tiers,Brand primary with a success-green for confirmations,Engaging with clear product hierarchy,standard,hero + product showcase + social proof + checkout cta,if the brand is luxury: switch to a restrained palette with liquid-glass (translucent layered) product framing and slower reveals; if conversion is the goal: add scarcity and urgency cues; keep product imagery high quality,"""flat depthless product cards"", ""text-heavy pages that bury the buy action"", ""playful chaos on a premium catalog""","A shopper browses and buys; imagery, hierarchy, and a frictionless path to checkout decide the sale."
-35,B2B / Enterprise Services Site,dormant-marketing,"b2b, enterprise, consulting, professional services, solution, corporate, advisory, roi, whitepaper, case study, sales-led",Minimalism (restraint and whitespace); Swiss modernism (grid-driven layout with strong type hierarchy),Professional blue with a neutral grey base,"Formal, clear, credibility-forward",spacious,hero + value proposition + case studies + trust band + cta,if credibility is the barrier: lead with named case studies and ROI proof; if the sale is high-touch: make contact and demo requests the primary action; avoid consumer-app flourish,"""playful design that undercuts authority"", ""hidden credentials and results"", ""AI purple and pink gradients on a serious brand""","An enterprise buyer needs proof and clarity; case studies and ROI carry the page, not spectacle."
-36,Creative Agency & Portfolio,dormant-marketing,"creative agency, portfolio, personal site, photographer, marketing agency, branding, design studio, architecture, interior, showreel, case study, freelancer showcase","Brutalism (raw, high-contrast, exposed structure); Motion-driven (animation as a lead design element)",Bold primaries with artistic freedom,"Expressive, oversized, personality-forward type",spacious,storytelling hero + full-bleed work gallery + about + contact cta,if the field is visual: let large imagery and motion dominate and keep text sparse; if a boutique voice is wanted: push artistic freedom further; always keep the work itself one click away,"""corporate template blandness"", ""hiding the portfolio behind menus"", ""heavy copy over the work""",A creative sells taste; the work is the argument and the layout gets out of its way.
-37,Luxury / Premium Brand,dormant-marketing,"luxury, premium, high-end, exclusive, elegant, prestige, boutique, refined, heritage brand, flagship","Liquid glass (translucent, layered, light-refracting surfaces); Minimalism (severe restraint, vast whitespace)",Black and gold with white and a single minimal accent,"Elegant, refined, high-contrast serif",spacious,cinematic storytelling hero + feature-rich showcase + brand narrative,if the goal is aspiration: slow every animation and use premium imagery; if commerce is attached: emphasize trust at checkout; never let visuals look cheap or rushed,"""cheap visuals"", ""fast, busy animation"", ""vibrant playful color on a prestige brand""","A prestige brand sells feeling; pace, restraint, and material quality do the work."
-38,Real Estate / Property,dormant-marketing,"real estate, property, housing, listings, rent, buy, agent, mortgage, virtual tour, homes, brokerage","Glassmorphism (translucent blurred layered cards); Minimalism (clean, imagery-forward restraint)",Trust blue with gold accents on white,"Professional, confident, legible",standard,hero + property search + featured listings + agent contact cta,if the property is premium: add 3D or virtual tours; if search is central: make map plus filters the primary surface; lead with high-quality photography,"""poor or sparse photography"", ""no virtual tour on high-value listings"", ""cluttered listing cards""","A buyer scans listings visually; photography, tours, and map search decide engagement."
-39,Travel & Hospitality,dormant-marketing,"travel, tourism, vacation, flight, airline, hotel, hospitality, booking, destination, itinerary, resort, holiday",Aurora UI (soft flowing gradient washes evoking sky and scenery); Motion-driven (animation as a lead device),Vibrant destination color with sky blue and warm accents,"Inspirational, engaging, image-friendly",spacious,storytelling hero + destination showcase + booking search + reviews,"if the pitch is experience: lead with immersive imagery and story; if booking is the goal: keep the search simple and mobile-first; show real photography, not stock cliches","""generic stock imagery"", ""a complex multi-step booking flow"", ""poor mobile booking""","A traveler is sold a place, then booked; inspiration up front, a simple booking path underneath."
-40,Restaurant & Cafe,dormant-marketing,"restaurant, menu, food, dining, reservation, cafe, bakery, brewery, winery, cuisine, order, takeaway, eatery",Vibrant and block-based (warm saturated color blocks); Soft UI (gentle rounded low-contrast panels),Warm appetizing tones with high-quality food imagery,"Warm, inviting, appetite-forward",standard,hero + menu + photo gallery + reservation or order cta,if delivery or ordering exists: make it the primary action; if the story is craft: add a heritage narrative for a brewery or winery; always use strong food photography and current hours,"""low-quality food photos"", ""outdated or hidden hours"", ""no clear path to order or reserve""","A diner is made hungry, then given a table or an order; photography and an obvious next step decide it."
-41,Beauty / Spa / Salon,dormant-marketing,"beauty, spa, salon, wellness, skincare, massage, facial, aesthetic, self-care, treatment, booking, pamper",Soft UI (gentle low-contrast rounded surfaces); Neumorphism (soft extruded shapes from dual light and dark shadows),Soft pastels with gold accents and cream,"Elegant, calming, refined",spacious,hero + service menu + before-and-after gallery + booking cta,if the positioning is luxury: add gold accents and slow transitions; if bookings drive revenue: make the booking widget prominent; keep the mood calm and relaxing,"""bright neon color on a calm brand"", ""harsh fast animation"", ""dark mode that fights the serene mood""","A client seeks calm and trust; soft surfaces, a clear service menu, and easy booking carry the site."
-42,Automotive / Car Dealership,dormant-marketing,"automotive, car, dealership, vehicle, auto, financing, test drive, configurator, showroom, models, trade-in",Motion-driven (animation as a lead device); 3D and hyperrealism (rendered depth and realistic materials),Brand colors with metallic accents on a dark or light ground,"Bold, confident",spacious,hero + vehicle showcase + configurator + financing + test-drive cta,if the model is the star: add 360-degree views and a configurator; if purchase intent is high: put a financing calculator and test-drive booking up front; use high-quality vehicle imagery,"""static product pages with no interactivity"", ""poor imagery"", ""a clumsy configurator""","A buyer wants to see, configure, and finance a vehicle; interactive showcase and clear next steps drive it."
-43,Coworking Space,dormant-marketing,"coworking, workspace, shared office, desk, membership, community, hot desk, meeting rooms, office space, tour",Vibrant and block-based (energetic saturated blocks); Glassmorphism (translucent blurred layered cards),Energetic color with warm wood tones and a brand accent,"Modern, welcoming",spacious,hero + space tour + membership plans + booking cta,if space sells itself: lead with a tour or gallery; if plans vary: make membership tiers and booking clear; show real photos of the space and community,"""outdated or generic photos"", ""confusing membership tiers"", ""no clear booking path""",A prospective member wants to feel the space and understand the plan; a tour and clear pricing carry it.
-44,Clinic & Care Provider Site,dormant-marketing,"healthcare, clinic, dental, pharmacy, veterinary, senior care, childcare, daycare, doctor, provider, appointment, local care, patient","Accessible and ethical (high contrast, large targets, WCAG-first); Soft UI (gentle calm surfaces)",Calm medical blue and warm neutrals with a health-green accent,"Readable, reassuring, generous size",standard,hero + services + provider profiles + trust signals + booking cta,"if trust is the barrier: show credentials, testimonials, and clear services; if booking exists: make it prominent and simple; if the audience skews older or vulnerable: enlarge text and touch targets","""small text on a care-provider site"", ""hidden credentials or hours"", ""cold, clinical coldness with no reassurance""","A patient or caregiver evaluates a local provider and books; reassurance, clarity, and accessible booking lead."
-45,Legal Services,dormant-marketing,"legal, law firm, attorney, lawyer, counsel, litigation, practice areas, case results, compliance, consultation, jurisdiction","Minimalism (sober restraint); Swiss modernism (grid-driven type hierarchy, sparse color)",Navy blue with gold accents on white,"Professional, authoritative",spacious,hero + practice areas + attorney profiles + case results + contact cta,if credibility decides: lead with results and attorney credentials; if consultations convert: make contact forms prominent; keep the tone authoritative and current,"""outdated design that erodes trust"", ""hidden credentials"", ""AI purple and pink gradients on a serious firm""",A prospective client weighs authority and outcomes; credentials and results carry the firm's site.
-46,Fintech / Crypto & Web3,dormant-marketing,"fintech, crypto, blockchain, web3, defi, nft, wallet, token, exchange, dapp, mint, staking, digital asset","Glassmorphism (translucent blurred layered panels); Cyberpunk UI (neon-on-dark, sci-fi edge) for web3 tiers",Dark tech ground with trust accents and vibrant or gold highlights,"Bold, modern, tech-forward",standard,hero + feature showcase + trust and security proof + connect or signup cta,if a wallet connects: show connection and transaction status clearly and display fees; if trust is fragile: foreground security proof; dark mode is usually the default here,"""light mode as the only theme for a crypto product"", ""no transaction or fee status"", ""unclear costs""","A crypto-native user needs security confidence and legible transaction state; dark, trust-forward design leads."
-47,Personal Finance & Banking App,dormant-marketing,"personal finance, budget, expense, money, savings, wallet, banking, account, transactions, bill split, expense splitter, spending tracker",Glassmorphism (translucent blurred layered cards); Dark mode (near-black surfaces for a premium finance feel),"Calm blue with success-green, alert-red, and chart accents",Modern with clear numeric hierarchy,dense,interactive demo hero + feature walkthrough + security trust + app-store cta,"if the product is data-heavy: show real charts in the demo, not screenshots; if a light theme is wanted: ship a theme toggle; if performance dips: fall back from blur to flat surfaces","""pure white backgrounds that flatten the finance feel"", ""fake or vague demo data"", ""unclear money movement""",A consumer tracks money and moves it; a data-rich demo and visible security build the trust to install.
-48,AI / Chatbot Product,dormant-marketing,"ai, chatbot, assistant, llm, artificial intelligence, conversational, automation, agent, prompt, generative, copilot","AI-native UI (conversational, streaming, minimal chrome); Minimalism (chrome recedes to the conversation)",Neutral with a single AI-accent (often indigo),"Modern, clean, conversational",standard,interactive demo hero + capability showcase + try-it playground + signup cta,if the product is a model: let visitors try it live in the hero rather than watch a video; if responses stream: show typing and streaming feedback; keep chrome minimal so the conversation leads,"""heavy chrome around a chat surface"", ""a video where a live try-it should be"", ""slow or hidden response feedback""",An AI product is best sold by being used; a live playground beats any description.
-49,Social & Community App,dormant-marketing,"social media, community, creator, membership, forum, discussion, q and a, anonymous, feed, followers, network, citizen science, groups",Vibrant and block-based (bold engagement color blocks); Motion-driven (animation as a lead device),Vibrant engagement colors on a clean base,"Modern, bold, social",standard,hero + feed preview + social proof + join cta,"if engagement is the metric: use lively motion and clear counts; if content leads: minimize chrome around the feed; design retention ethically, not with dark patterns","""heavy skeuomorphism"", ""ignoring accessibility"", ""manipulative engagement dark patterns""",A community app grows on visible activity and belonging; a lively feed preview and clear join path carry it.
-50,Dating & Relationship App,dormant-marketing,"dating, match, swipe, relationship, couple, partner, love, singles, profile, connection, anniversary",Vibrant and block-based (warm saturated blocks); Aurora UI (soft romantic gradient washes),Warm romantic pink and red gradients,"Modern, friendly, warm",standard,social-proof hero + how-it-works + safety trust + signup cta,if profiles are core: make profile cards and swipe interactions delightful; if safety is a concern: foreground verification and reporting; add match and moment animations that feel earned,"""generic profiles with no personality"", ""buried safety features"", ""cold transactional tone""","A dating app sells connection and safety; warm imagery, delightful profiles, and visible safety lead."
-51,"Messaging, Email & Collaboration",dormant-marketing,"chat, messaging, messenger, email, inbox, dm, conversation, collaboration, remote work, team, real-time, threads, presence","Minimalism (calm, content-first); Micro-interactions (small purposeful motion on send, react, and receipt)",Brand primary with sender and receiver bubble contrast,"Clean, legible, conversation-forward",standard,feature-rich hero + interactive demo + integrations + signup cta,if the surface is a conversation: keep chrome minimal and bubbles clear; if teams collaborate: show presence and real-time cues; if mobile matters: optimize touch targets and swipe actions,"""excessive decoration around messages"", ""no presence or delivery feedback"", ""cramped mobile touch targets""",A comms product is judged on how the conversation feels; clarity and small delightful cues win over ornament.
-52,Music & Podcast Streaming,dormant-marketing,"music, streaming, podcast, audio, playlist, episodes, artist, album, listen, ambient, white noise, audiobook",Dark mode (near-black surfaces that let album art glow); Vibrant and block-based (album-driven color blocks),Dark ground with vibrant album-art accents,"Modern, bold",standard,feature hero + content showcase + player preview + subscribe cta,if audio is the product: make the player and now-playing state excellent; if discovery matters: surface recommendations and playlists; let cover art carry color against a dark base,"""a poor or hidden audio player"", ""cluttered layout that fights the art"", ""light-only theme that dulls album color""","A listener judges an audio app by its player and its dark, art-forward canvas."
-53,Video & Entertainment Streaming,dormant-marketing,"video, streaming, ott, movies, series, cinema, theater, watch, episodes, trailers, on-demand, showtimes",Dark mode (cinematic near-black canvas); Motion-driven (animation and parallax as lead devices),Dark ground with content-poster colors and a brand accent,"Bold, engaging",standard,cinematic hero + content rows + continue-watching + subscribe cta,if a catalog is browsed: use thumbnail-heavy rows and continue-watching; if personalization exists: recommend prominently; keep the video player fast and unobtrusive,"""a slow or clumsy player"", ""a static poster wall with no motion"", ""thin metadata on titles""",A viewer browses posters and resumes titles; a dark cinematic canvas and a fast player define it.
-54,Sports Team / Fan Club,dormant-marketing,"sports, team, club, fans, roster, schedule, tickets, merchandise, scores, league, matchday, supporters",Vibrant and block-based (team-color blocks); Motion-driven (animation as a lead device),Team colors with energetic accents,"Bold, impactful",standard,hero + schedule + roster + tickets and merch cta,if matchday drives traffic: lead with schedule and scores; if fans convert: make tickets and merchandise prominent; use action imagery to build energy,"""static content with no matchday energy"", ""poor fan engagement"", ""hidden ticket links""","A fan wants schedule, roster, and a way to buy in; team color and action imagery carry the emotion."
-55,Mobile & Casual Games,dormant-marketing,"game, gaming, casual, puzzle, trivia, quiz, card, board, idle, clicker, word, crossword, arcade, retro, esports, play",Vibrant and block-based (bright saturated blocks); 3D and hyperrealism (rendered depth) for immersive titles,"Vibrant, neon, or cheerful depending on genre","Bold, playful, impactful",standard,feature-rich hero + gameplay showcase + social proof + install cta,if the genre is casual: keep colors cheerful and onboarding instant; if the genre is immersive or competitive: lean 3D and show live stats; make gameplay visible before the download,"""minimalist restraint that reads as boring"", ""static assets with no gameplay shown"", ""muted low-energy color""",A game page sells fun; showing gameplay and matching the genre's energy earns the install.
-56,Creative & Media Editor App,dormant-marketing,"photo editor, video editor, drawing, sketch, canvas, music maker, beat maker, meme, sticker, ai avatar, generative art, filters, capcut, procreate",Dark mode (editor canvas contrast); Minimalism (tools recede so the work leads),Dark editor ground with a vivid preview or filter accent,"Clean, tool-forward",standard,feature hero + interactive demo + before-and-after + install cta,if editing is the pitch: show a live or interactive before-and-after; if output is visual: let the user's content supply the color; provide a theme toggle where a light canvas helps,"""pure white backgrounds that wash out the preview"", ""static screenshots where a demo belongs"", ""chrome that crowds the canvas""",A creative-tool app is sold by the work it produces; a dark canvas and a live before-and-after carry it.
-57,Online Course / E-learning,dormant-marketing,"e-learning, online course, education, learning, bootcamp, language learning, instrument learning, curriculum, lessons, certificate, mooc, students",Claymorphism (puffy rounded pastel 3D-lite shapes); Vibrant and block-based (bright encouraging blocks),Vibrant learning colors with a progress-green,"Friendly, engaging",standard,feature hero + curriculum + social proof + enroll cta,if completion matters: show progress and gamified milestones; if outcomes sell: foreground career results and testimonials; keep lessons and the player central,"""a boring, flat academic layout"", ""no sense of progress or motivation"", ""outcomes hidden below the fold""",A learner enrolls on the promise of progress and outcomes; friendly color and visible momentum carry the pitch.
-58,Study & Practice App,dormant-marketing,"flashcard, study, spaced repetition, anki, quiz, coding challenge, leetcode, practice, kids learning, abc, math, phonics, exam prep, focus",Claymorphism (soft rounded pastel shapes); Micro-interactions (small rewarding motion on correct and streak),Playful primary with correct-green and incorrect-red,"Friendly, clear, age-appropriate",standard,feature hero + interactive demo + social proof + install cta,if practice is core: make card flips and answer feedback satisfying; if children are the audience: raise playfulness and remove ads and dark patterns; track streaks and progress visibly,"""inconsistent styling"", ""poor contrast on answer states"", ""ads or dark patterns in a kids tool""",A learner drills and practices; satisfying feedback and visible streaks keep them returning.
-59,Health & Fitness Tracker,dormant-marketing,"fitness, gym, workout, running, cycling, gps, yoga, sleep tracker, calorie, nutrition, macro, fasting, period tracker, biohacking, longevity, exercise",Dark mode (energetic near-black canvas); Vibrant and block-based (bold motivational color blocks),"Energetic orange with pace and progress zones (green, yellow, red)","Bold, motivational, high-contrast",standard,feature hero + tracking showcase + social proof + install cta,"if progress motivates: show rings, streaks, and achievement unlocks; if a light theme is wanted: offer a toggle; if data is personal and sensitive: state the privacy stance plainly","""muted low-energy color on a motivation app"", ""static screens with no progress feel"", ""pure white backgrounds that kill the energy""","A fitness app sells momentum; energetic color, progress rings, and streaks are the motivation engine."
-60,Mental Wellness & Journaling,dormant-marketing,"meditation, mindfulness, calm, mental health, therapy, mood tracker, journal, diary, gratitude, wellbeing, breathe, reflection",Neumorphism (soft extruded shapes from dual light and dark shadows); Soft UI (gentle low-contrast calm surfaces),Ultra-calm pastels with a breathing-gradient accent,"Subtle, soft, monochromatic",spacious,storytelling hero + gentle feature showcase + social proof + install cta,if calm is the point: use slow easing and breathing animations only; if trust is needed: add gentle testimonials; make privacy first-class and avoid anything jarring,"""bright neon color that breaks the calm"", ""motion overload"", ""inconsistent styling or poor contrast""","A wellness app must feel calm to be believed; soft surfaces, slow motion, and privacy carry it."
-61,Habit & Reminder App,dormant-marketing,"habit, streak, routine, daily, medication reminder, pill, dose, water, hydration, goals, consistency, reminders, discipline",Claymorphism (puffy rounded pastel shapes); Vibrant and block-based (warm encouraging blocks),Streak-warm amber and orange with a progress-green,"Playful, rounded, friendly",standard,social-proof hero + demo + reminder showcase + install cta,if streaks drive retention: make check-ins tactile and celebrate consistency; if reminders are health-critical: use clear labels not color alone and support caregiver sharing; keep the daily loop one tap,"""muted colors and low energy"", ""color-only cues on medication states"", ""a slow or buried daily check-in""","A habit app lives or dies on the daily loop; warm color, tactile check-ins, and clear reminders sustain it."
-62,Notes & Productivity App,dormant-marketing,"notes, writing, editor, notebook, markdown, productivity, tasks, todo, bookmark, read later, timer, pomodoro, voice memo, calendar, planner, second brain","Minimalism (distraction-free restraint); Flat design (crisp, shadow-free surfaces)",Clean white or cream with a minimal accent,"Typography-first, clean hierarchy",standard,minimal hero + feature walkthrough + demo + signup cta,"if writing is the core: make a distraction-free zen mode and a command palette; if organization matters: show folders, tags, and search; keep the interface calm and fast","""excessive decoration and heavy shadows"", ""3D effects on a writing surface"", ""sluggish input""",A productivity tool is judged on calm and speed; typography-first restraint and a fast editor win.
-63,Utility & Tools App,dormant-marketing,"weather, forecast, calculator, unit converter, translator, alarm, world clock, file manager, transfer, utility, widget, quick tool",Minimalism (single-purpose clarity); Neumorphism (soft tactile controls) for input-heavy tools,"Functional palette tuned to the tool (atmospheric, operation-key, or file-type accents)","Clear, functional, glanceable",standard,minimal hero + utility demo + widget showcase + install cta,if the job is one task: make that task instant and widget-friendly; if input is heavy: give tactile controls and history; keep chrome out of the way of the utility,"""excessive decoration on a single-purpose tool"", ""burying the primary action"", ""no widget or quick-access path""",A utility app wins by doing one thing instantly; clarity and a glanceable widget beat any decoration.
-64,Privacy & Security App,dormant-marketing,"password manager, vault, credentials, 2fa, vpn, privacy, encryption, security, anonymous, protect, biometric, emergency sos, safety","Minimalism (trust through restraint); Dark mode (a secure, serious near-black surface)",Trust blue with connected-green and disconnected-red states,"Professional, clear, reassuring",standard,trust-and-authority hero + feature showcase + security proof + install cta,if trust is everything: state the no-log or zero-knowledge stance plainly; if action is one tap: make connect or unlock instant with a clear status; never signal state by color alone,"""excessive decoration that undercuts seriousness"", ""color-only status indicators"", ""vague or buried privacy claims""","A security app sells trust; a serious surface, plain claims, and unmistakable status carry it."
-65,Personalization & Link-in-Bio,dormant-marketing,"wallpaper, theme, customize, aesthetic, home screen, link in bio, linktree, creator page, profile, widget, personalize",Vibrant and block-based (bold customizable blocks); Aurora UI (soft flowing gradient washes),Brand-customizable with a bright link or download accent,"Energetic, bold",spacious,hero + template gallery + customization demo + signup cta,if customization is the pitch: show live previews and template variety; if creators convert: make the builder and analytics visible; let user content and trending palettes supply the color,"""muted low-energy presentation"", ""no live preview of customization"", ""a cramped, joyless builder""",A personalization product sells self-expression; template variety and live preview carry it.
-66,Lifestyle Tracker App,dormant-marketing,"plant care, book tracker, reading, wardrobe, outfit, fashion, closet, pet, gift, wishlist, collection, hobby tracker","Organic biophilic (natural forms, earth tones, soft curves); Soft UI (gentle rounded low-contrast panels)",Nature-forward greens and warm neutrals with a soft accent,"Warm, humanist, natural",standard,storytelling hero + collection showcase + social proof + install cta,if a collection is core: show it as a visual gallery with progress; if reminders help: add gentle nudges; if trust is needed: add light testimonials and keep the tone warm,"""inconsistent styling"", ""poor contrast on soft surfaces"", ""cold or clinical tone on a personal hobby""","A lifestyle tracker feels like tending a personal collection; warm, natural design and a visual gallery carry it."
-67,Home & Family Organizer,dormant-marketing,"family, calendar, chores, household, kids, parenting, baby tracker, grocery, shopping list, recipe, cooking, home decor, interior, meal plan",Flat design (clean shared surfaces); Claymorphism (friendly rounded pastel shapes),Warm playful palette with member color-coding and a completion-green,"Playful, rounded, friendly",standard,feature hero + shared-hub showcase + social proof + install cta,if a household shares it: use member color-coding and shared lists; if routines recur: support recurring events and rotation; keep it warm and one-handed on mobile,"""complex shadows and 3D effects on a family tool"", ""no member differentiation"", ""a cluttered shared hub""",A family organizer coordinates a household; color-coded members and shared lists make the shared hub work.
-68,On-Demand & Mobility App,dormant-marketing,"food delivery, on-demand, courier, ride hailing, taxi, uber, transport, parking, transit, bus, metro, route, road trip, navigation",Vibrant and block-based (appetizing or energetic blocks); Glassmorphism (translucent overlays on a map canvas),Warm or brand-primary color with a map-neutral base and status accents,"Energetic, bold, large",standard,hero + how-it-works + live-map demo + install cta,if a map is central: keep the map full-bleed with light translucent overlays; if speed sells: emphasize ETA and live tracking; if performance dips: fall back from blur to flat overlays,"""muted low-energy color on an on-demand app"", ""a cluttered map surface"", ""hidden ETA or tracking""",An on-demand app is a map plus a clear next action; live tracking and an obvious ETA carry the consumer view.
-69,Subscription & Digital Products,dormant-marketing,"subscription box, recurring, membership, unboxing, curated, digital products, downloads, newsletter, dtc, monthly, ebook, templates",Vibrant and block-based (excitement color blocks); Motion-driven (reveal animation as a lead device),Brand color with excitement accents and a success-green,"Engaging, clear",standard,feature hero + product preview + social proof + subscribe cta,if the product is recurring: show the unboxing or preview and make subscription management clear; if it is instant: emphasize preview and immediate delivery; keep pricing unambiguous,"""confusing or hidden pricing"", ""no preview of what arrives"", ""a friction-heavy subscribe flow""",A subscription or digital-product page sells anticipation and clarity; a strong preview and clean pricing convert.
-70,Events & Conferences,dormant-marketing,"event, conference, symposium, summit, meetup, wedding, planning, registration, tickets, agenda, speakers, cfp, local events, box office",Vibrant and block-based (event-theme blocks); Motion-driven (countdown and reveal motion),Event-theme colors with excitement accents,"Bold, engaging",standard,hero + agenda + speakers + registration cta,if a date drives urgency: add a countdown and early-bird framing; if speakers sell: grid them prominently; make registration or ticketing the primary action,"""a confusing registration flow"", ""no countdown or urgency"", ""buried agenda and speakers""","An event page sells a date; agenda, speakers, and a countdown push toward registration."
-71,Church & Faith Community,dormant-marketing,"church, religious, faith, worship, congregation, sermons, ministry, giving, service times, community, parish","Accessible and ethical (high contrast, large targets, welcoming); Soft UI (gentle warm surfaces)",Warm gold with a deep purple or blue and white,"Welcoming, clear",spacious,welcoming hero + service times + sermons + community + giving cta,if newcomers matter: lead with service times and a warm welcome; if giving is supported: make it simple and clear; keep the imagery warm and the navigation obvious,"""outdated design"", ""hidden service times or location"", ""a cold or unwelcoming tone""","A faith community site welcomes newcomers and serves members; warmth, service times, and easy giving lead."
-72,Museum / Gallery,dormant-marketing,"museum, gallery, exhibition, collection, art, culture, tickets, tours, curator, artifacts, visit","Minimalism (art-first restraint, vast whitespace); Motion-driven (subtle reveal motion)",Art-appropriate neutrals with restrained exhibition accents,"Elegant, minimal",spacious,storytelling hero + exhibitions + collections + tickets cta,if the art leads: keep chrome minimal and let imagery breathe; if visits convert: make tickets and hours clear; add virtual tours where they extend reach,"""a cluttered layout that competes with the art"", ""no online access or tickets"", ""heavy chrome around the work""","A cultural venue lets the art speak; minimal, spacious design and clear ticketing carry it."
-73,Academic & Research Site,dormant-marketing,"academic, journal, scholarly, publishing, research, peer review, university, department, lab, publications, principal investigator, citations, open access","Swiss modernism (grid-driven layout, strong type hierarchy, sparse color); Minimalism (reading-first restraint)",Institutional navy with white and a research-area accent,"Serif-forward, readability-first",spacious,overview + people + publications + contact,"if reading is central: prioritize serif body text and clear article hierarchy; if credibility matters: show indexing, DOIs, and affiliations; keep visual noise minimal and meet high accessibility","""low readability from poor type"", ""visual noise over scholarship"", ""weak accessibility on a public-institution site""","An academic site is read closely; typographic hierarchy, serif readability, and credibility signals lead."
-74,Directory & Classifieds,dormant-marketing,"directory, listing, classifieds, catalogue, business directory, buy sell, secondhand, marketplace listing, find, filter, map, venue",Flat design (dense scannable cards); Minimalism (filter-first restraint),Neutral base with category color-chips and a verified-badge accent,"Clear, functional",dense,filter-heavy grid + map toggle + listing detail + claim or post cta,if listings are many: lead with a filter sidebar and a map or list toggle; if trust matters: show verified badges and reviews; make posting or claiming a listing easy,"""weak filtering on a large catalog"", ""no map or location context"", ""trust badges treated as decoration""",A directory is search and filter first; a dense scannable grid with strong filters and a map carries it.
-75,Deep Tech / Science Product,dormant-marketing,"space, aerospace, quantum computing, biotech, life sciences, spatial computing, vr, ar, science, research product, frontier tech, immersive",Holographic HUD (glowing translucent instrument-panel readouts); 3D and hyperrealism (rendered depth and realistic materials),Deep space black with metallic and luminous accents,"Futuristic, precise, technical",spacious,immersive hero + capability showcase + data or telemetry demo + contact cta,if the tech is abstract: visualize complexity with 3D or telemetry views; if credibility matters: pair spectacle with precise data; use an immersive hero to convey the frontier,"""generic tech design that undersells the frontier"", ""spectacle with no real data"", ""no sense of immersion or precision""",A frontier-tech product sells awe and rigor together; immersive visuals and precise data build belief.
-76,Resume / CV Builder,dormant-marketing,"resume, cv, builder, job search, curriculum vitae, cover letter, career, ats friendly, template, application, hiring","Minimalism (clean, template-first restraint); Flat design (crisp preview surfaces)",Professional navy with a section accent and a success-green,"Professional, clean",spacious,interactive demo hero + template gallery + feature showcase + start cta,if the output is a document: give a live preview and an ATS-friendliness signal; if templates convert: make the picker prominent; support export and import to reduce effort,"""no live preview of the resume"", ""an unclear ATS or format signal"", ""a friction-heavy start""",A resume builder is sold by a live preview and templates; showing the finished document converts.
-77,Changelog / Release Notes Page,dormant-marketing,"changelog, release notes, version history, whats new, product updates, semver, patch notes, roadmap, shipped",Minimalism (timeline-first restraint); Flat design (crisp version badges),"Neutral base with version-type badge colors (feature, fix, breaking)","Clear, scannable",standard,timeline + version list + subscribe cta,if updates are frequent: present them as a reverse-chronological timeline with version badges; if readers subscribe: offer email or feed; label each entry by change type,"""an undated wall of updates"", ""no change-type labeling"", ""no way to subscribe""",A changelog is a scannable timeline; dated entries with typed badges keep users informed.
-78,Open Source Project Landing,dormant-marketing,"open source, oss, github, repository, contributor, star, fork, pull request, maintainer, sponsor, readme, library",Dark mode (developer-native near-black surface); Minimalism (install-first restraint),Dark base with a language-color bar and a star-gold accent,"Technical, clean",spacious,hero + install command + feature showcase + contribute cta,"if developers land: put a copy-paste install command in the hero and link the docs; if contribution is wanted: show stars, forks, and top contributors; keep the tone technical and honest","""burying the install command"", ""no contribution path"", ""marketing fluff over technical substance""",An OSS landing serves developers; a copyable install command and a clear contribute path carry it.
-79,Testimonial & Social-Proof Widget,dormant-marketing,"testimonial, social proof, wall of love, customer quote, case study, review widget, trust signal, user story, embeddable",Vibrant and block-based (quote-card color blocks); Flat design (crisp embeddable cards),"Brand primary with a quote accent, star-gold, and a verified-blue","Clean, quote-forward",standard,wall-of-love grid + rating summary + embed cta,if proof is the product: show attributed quotes with photos and star ratings; if it embeds elsewhere: keep the widget self-contained and themeable; mix video and text testimonials,"""unattributed or faceless quotes"", ""no rating context"", ""a widget that clashes with its host""","A social-proof widget sells credibility; attributed, photographed testimonials with ratings carry it."

package/data/harnesses/code/skills/design/data/combinations/styles.csv

@@ -1,67 +0,0 @@
-id,movement,tier,era,keywords,description,palette_stance,type_stance,shape_stance,motion_stance,density_affinity,best_for,avoid_for,token_leanings,operator_note,theme,voice,css-recipe,checklist,tokens-hint
-1,Swiss / International Typographic,operator-active,1950s Swiss,"grid discipline, neutral palette, grotesque sans, hierarchy, whitespace, functional","Grid-driven clarity born in postwar Switzerland: content sits on a strict column grid, hierarchy comes from size and weight rather than ornament, and a neutral ground carries a single accent. Nothing decorative survives the edit, so every element earns its place. The modern revival keeps the discipline while loosening the grid for responsive work.","monochrome neutrals, one restrained accent","grotesque sans, tight tracking, clear scale","sharp to small radius, hairline rules","minimal, sub-200ms fades",standard,"dashboards, enterprise tools, documentation, admin consoles","playful consumer brands, entertainment, artistic showcases",radius: 2-4px; shadow-intensity: low; border-weight: 1px; font-sans: grotesque; heading-tracking: tight; contrast-boost: 1,"The default operator posture: a tight grid, one accent, and hairline dividers read cleanly at high data density.",both,"Build on a strict column grid and let hierarchy come from size and weight rather than ornament. Hold a neutral ground and spend a single accent sparingly; keep dividers to hairlines and delete anything that does not earn its place. Whitespace is a structural tool, not leftover room.",display: grid; gap: 24px; border-radius: 3px; border-width: 1px; box-shadow: none; letter-spacing: -0.01em; font-variant-numeric: tabular-nums,content aligns to a visible 12-column grid; a single accent color appears in at most 3 places; section dividers are 1px hairlines not boxed cards; resting surfaces carry no drop shadow; heading levels are distinguished by size and weight alone,primitive.radius 2-4px; primitive.border-weight 1px; primitive.shadow-intensity 0.2; typography.family.heading a grotesque sans; typography.ramp.h1 1.5rem/600; color.accent one brand hue
-2,Flat Design,operator-active,2010s,"two-dimensional, no shadow, solid color, iconography, clean edges","Strips away bevels, gradients, and drop shadows so hierarchy rests entirely on color, scale, and type. Surfaces are solid fields, icons are simplified, and edges stay crisp. It reads fast and renders cheaply, which is why it became the default of the app era.","solid fields, limited bright set","bold sans, weight-driven hierarchy","small consistent radius, no shadow",quick color and opacity shifts,standard,"web apps, cross-platform tools, SaaS, admin panels","luxury showcases, immersive 3D, high-detail realism",radius: 4-6px; shadow-intensity: 0; border-weight: 1px; font-sans: sans; contrast-boost: 1,Flat surfaces and token-driven color keep dense tables legible without depth cues competing for attention.,both,"Let color, scale, and type carry the whole hierarchy, with no bevels, gradients, or drop shadows to lean on. Keep surfaces as solid fields and edges crisp so the interface reads fast and renders cheaply. Depth cues are off the table; contrast and weight do the separating.","box-shadow: none; background: solid; border-radius: 5px; border: 1px solid; transition: background-color 150ms ease, opacity 150ms ease",no gradients or drop shadows on any surface; surfaces are solid single-color fields; hierarchy reads from color and weight not depth; hover feedback is a color or opacity shift under 200ms; the accent stays a single role,primitive.shadow-intensity 0; primitive.radius 4-6px; primitive.border-weight 1px; typography.family.heading a bold sans; color.card a solid neutral field
-3,Structural Brutalism,operator-active,1990s web,"raw structure, system fonts, visible borders, high contrast, utilitarian","The functional edge of web brutalism: exposed structure, system typefaces, hard borders, and unapologetic high contrast with no gloss. Stripped of its anti-design theatrics it becomes a blunt, honest utility look. Content and controls sit in plain view with nothing softened.","stark neutrals, one loud accent","system sans or mono, heavy weight","flat corners, thick visible borders","near-instant, minimal transitions",dense,"internal utilities, developer tools, data entry, ops consoles","consumer onboarding, premium brands, calm reading surfaces",radius: 0px; shadow-intensity: 0; border-weight: 2px; font-sans: grotesque; font-mono: mono; contrast-boost: 1.1,"Zero-radius, thick-bordered blocks with mono figures suit blunt utilitarian tools where structure beats polish.",both,"Expose the structure: system or mono type, hard borders, high contrast, and no gloss. Put content and controls in plain view and let thick rules do the framing instead of softening anything. This is blunt utility, not anti-design theatrics.","border-radius: 0; border: 2px solid; box-shadow: none; transition: none; font-family: ui-monospace, monospace; font-variant-numeric: tabular-nums",corners are square at 0px radius; borders are thick at 2px and visible on major blocks; numeric values use a monospace or tabular face; no drop shadows anywhere; one loud accent and everything else neutral,primitive.radius 0px; primitive.border-weight 2px; primitive.shadow-intensity 0; typography.family.mono a system mono; typography.family.heading a heavy grotesque
-4,Material Design,operator-active,2014 (MD3 2021),"tonal surfaces, elevation, pill controls, state layers, systematic","Google's system built on tonal surfaces, a defined elevation scale, and state layers that respond to touch. MD3 (Material You) leans on tonal tinting rather than heavy shadow and rounds controls generously. It is comprehensive, documented, and comfortable at B2B data density.","tonal roles, seeded accent","humanist sans, defined type roles","medium radius, tonal elevation","standard easing, 200-300ms",standard,"Android apps, cross-platform tools, B2B data tools","bespoke luxury brands, anti-design statements",radius: 8-12px; shadow-intensity: low-mid; border-weight: 1px; font-sans: humanist; duration-normal: 200ms; ease-default: standard,"Tonal elevation and a documented component set carry dense B2B surfaces with predictable, accessible defaults.",both,"Lean on tonal surfaces and a defined elevation scale, letting state layers answer touch and hover. Prefer tonal tinting over heavy shadow, round controls generously, and keep the component roles documented and predictable. Comfortable at B2B density without inventing new patterns per screen.","border-radius: 10px; box-shadow: 0 1px 3px rgba(15,23,42,0.12), 0 1px 2px rgba(15,23,42,0.08); transition: background-color 200ms cubic-bezier(0.2,0,0,1); background: color-mix(in srgb, currentColor 8%, transparent)",elevation is one tonal or shadow step per surface applied consistently; interactive elements show a state-layer overlay on hover and press; controls use a medium rounded radius throughout; a single seeded accent drives primary actions; motion uses a standard 200-300ms ease,primitive.radius 8-12px; elevation.sm and elevation.md carry the two resting steps; primitive.shadow-intensity 0.3; typography.family.body a humanist sans; primitive.stagger-unit 30ms
-5,Dark Mode (OLED),operator-active,2010s,"dark theme, near-black canvas, high contrast, low emission, focus visibility","A dark-first palette on a near-black rather than pure-black ground, with light text and a restrained accent tuned for low light. It reduces eye strain over long sessions and saves power on OLED panels. Contrast and focus states must be deliberately maintained since depth cues are scarce.","near-black ground, light text, one accent","sans, slightly heavier weights for legibility","small radius, subtle borders",restrained fades,dense,"monitoring consoles, developer tools, trading, night-shift ops","print-first content, high-brightness outdoor, color proofing",radius: 4-8px; shadow-intensity: low; border-weight: 1px; contrast-boost: 1.1; font-sans: sans,A near-black canvas with one accent and enforced contrast sustains long monitoring shifts without glare.,dark,"Work on a near-black ground rather than pure black, with light text and one restrained accent tuned for low light. Maintain contrast and visible focus deliberately, because depth cues are scarce in the dark. The goal is a long, glare-free session, not a neon show.","background: #0b0d10; color: #e6e8eb; border: 1px solid rgba(255,255,255,0.08); box-shadow: none; --shadow-overlay: 0 8px 24px rgba(0,0,0,0.5)",the canvas is near-black not pure black; body text clears 7:1 against the background; a single accent carries actions and selection; focus rings are visible against the dark ground; raised surfaces step up in lightness rather than adding a heavy shadow,color.background near-black at L about 0.12; color.surface-raised steps +4-6 L with hue held; color.foreground a light neutral; primitive.shadow-intensity 0.2; color.accent one desaturated brand hue
-6,Accessible / Inclusive,operator-active,Universal,"WCAG, high contrast, keyboard nav, screen reader, non-color signals, focus rings","Not a look so much as a floor: strong contrast, visible focus, keyboard reachability, and status carried by icon or text rather than color alone. It bakes in large-enough type, semantic structure, and reduced-motion respect. Every other movement is judged against it.","high-contrast, color never the only signal","legible sans, generous minimum size","clear borders, visible focus rings",reduced-motion honored,standard,"government, healthcare, education, compliance-bound tools",nothing - it is the universal baseline,contrast-boost: 1.2; border-weight: 1.5px; icon-stroke: 2; font-weight-normal: 400,"The mandatory substrate under every operator surface: contrast, focus, and non-color status signals are non-negotiable.",both,"Treat this as the floor every other look is judged against: strong contrast, visible focus, full keyboard reach, and status carried by icon or text, never color alone. Bake in large-enough type, semantic structure, and respect for reduced motion. Nothing here is optional decoration.",outline: 3px solid; outline-offset: 2px; font-size: 16px; min-height: 44px; min-width: 44px,every interactive element has a visible focus ring of at least 3px; body text is at least 16px and clears 4.5:1; status is signalled by icon or label plus color never color alone; touch targets are at least 44 by 44px; the layout honors prefers-reduced-motion,primitive.border-weight 1.5px; typography.ramp.body 16px minimum; color pairs recomputed to clear 4.5:1; primitive.stagger-unit 0ms under reduced motion
-7,Bento Grid,operator-active,2020s,"modular tiles, asymmetric cells, dashboard layout, interlocking spans","Content organized into a mosaic of variably sized tiles that interlock like a bento tray, popularized by Apple and Linear then absorbed into dashboards. Each cell holds one idea and the grid stays gapless with no orphan corners. It scales from summary tiles to full metric boards.","neutral ground, accent per active tile","sans, clear per-tile hierarchy","consistent medium radius, hairline gaps",subtle tile hover lift,standard,"dashboards, metric boards, product summaries, portals","linear reading flows, single-focus forms",radius: 8-12px; shadow-intensity: low; border-weight: 1px; density-gap: standard,Interlocking tiles map cleanly onto KPI boards when spans stay gapless and each cell carries a single figure.,both,"Arrange content as a gapless mosaic of variably sized tiles that interlock like a bento tray, one idea per cell. Keep the grid tight with no orphan corners and let each tile hold a single figure or thought. It scales from summary tiles to a full metric board without losing order.","display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: minmax(160px, auto); gap: 16px; border-radius: 12px; box-shadow: 0 1px 3px rgba(15,23,42,0.08)",tiles interlock with a consistent gap and no empty corners; each cell carries exactly one idea or figure; corner radius is uniform across tiles; a tile shows at most a subtle lift on hover; the grid collapses to a single column on narrow viewports,primitive.radius 8-12px; elevation.sm on tiles; primitive.shadow-intensity 0.25; color.card the tile surface; primitive.stagger-unit 30ms for tile entrance
-8,Dimensional Layering,operator-active,2020s,"elevation scale, z-depth, restrained shadow, card stacking, hierarchy","Uses a disciplined elevation scale, one shadow job per element, to separate cards, modals, and navigation without decoration. Depth communicates stacking order, not style. Kept restrained it clarifies which surface is active.","neutral surfaces, tonal separation","sans, standard scale","medium radius, single-purpose shadow",short elevation transitions,standard,"card layouts, modals, navigation, layered dashboards","flat brand statements, print, ultra-dense cockpits",radius: 6-8px; shadow-intensity: mid; border-weight: 0-1px; duration-normal: 150ms,A single elevation scale signals active versus resting surfaces; drop it above density 7 where hairlines replace cards.,both,"Use a disciplined elevation scale, one shadow job per element, to separate cards, modals, and navigation without decoration. Let depth communicate stacking order and which surface is active, nothing more. Kept restrained, it clarifies rather than ornaments.","--shadow-sm: 0 1px 2px rgba(15,23,42,0.08); --shadow-md: 0 4px 8px rgba(15,23,42,0.1); --shadow-lg: 0 12px 24px rgba(15,23,42,0.12); border-radius: 8px; transition: box-shadow 150ms ease",each surface uses exactly one elevation step; shadows read as stacking order not decoration; the active surface sits one step above its neighbors; radius is consistent across elevated surfaces; above dense tables hairlines replace cards,elevation.sm elevation.md elevation.lg define the three resting steps; elevation.overlay for modals; primitive.shadow-intensity 0.4; color.surface-raised for the lifted layer
-9,Restrained Micro-interaction,operator-active,2020s,"subtle feedback, tactile press, state transitions, sub-100ms, contextual","A behavioral layer rather than a palette: brief, purposeful feedback on press, hover, and state change that confirms an action without drawing attention. Durations stay short and effects animate only transform and opacity. Overused it becomes noise, so restraint is the whole point.",inherits host palette,inherits host type,inherits host geometry,50-150ms transform/opacity feedback,standard,"productivity tools, forms, interactive tables, consoles","static reports, print, motion-sensitive contexts",duration-fast: 100ms; ease-default: ease-out; shadow-intensity: low,"Sub-150ms press and state feedback confirms actions on dense controls, and must survive reduced-motion by resetting to near-zero.",both,"Add brief, purposeful feedback on press, hover, and state change that confirms an action without asking for attention. Keep durations short and animate only transform and opacity. Overused it becomes noise, so the whole discipline is restraint.","transition: transform 100ms ease-out, opacity 100ms ease-out; transform: scale(0.99); will-change: transform",feedback animates only transform and opacity; press and hover transitions stay under 150ms; a pressed control shows a small scale or opacity change; every animation resets to near-zero under reduced motion; no element animates on its own without user input,primitive.stagger-unit 30ms; motion durations at the fast band near 100ms; motion-lift class for hover; --stagger-delay derived and capped at 8 children
-10,AI-Native UI,operator-active,2020s,"assistant surfaces, streaming responses, disclosure, provenance, override controls","Interfaces built around an assistant or model in the loop: prompt fields, streaming output, source attribution, and controls to inspect or override what the system did. The aesthetic stays clean and neutral so trust signals remain legible. Disclosure, human override, and auditability are structural, not optional.","neutral ground, one accent for AI actions","sans, mono for generated code and data","small radius, clear affordance borders","streaming reveals, restrained",standard,"copilots, agent consoles, review queues, AI operator tools","purely static content, brand showcases",radius: 6-8px; font-sans: sans; font-mono: mono; contrast-boost: 1.1; duration-normal: 150ms,"Wears an operator copilot well when disclosure, provenance, and override affordances are first-class per the trust rubric; keep the accent a brand token, not reflex indigo.",both,"Build around a model in the loop: prompt fields, streaming output, source attribution, and controls to inspect or override what the system did. Keep the surface clean and neutral so trust signals stay legible, and make disclosure, override, and auditability structural. The accent is a brand token, not a reflex indigo.","border-radius: 8px; border-left: 2px solid; font-family: ui-monospace, monospace; transition: opacity 150ms ease; gap: 16px",generated content is visibly distinct from user input; provenance or source attribution appears on model output; an override or edit control sits beside any automated action; code and data render in a monospace face; the accent stays a brand token not a default indigo,primitive.radius 6-8px; typography.family.mono for generated code; color.accent a brand hue for AI actions; primitive.shadow-intensity 0.2; color.muted for the assistant surface
-11,Data-Dense Dashboard / Cockpit,operator-active,2020s,"high density, hairline dividers, tabular numerals, cockpit, no card boxes","The analytics-cockpit posture: many figures per screen, hairline dividers instead of card boxes, tight padding, and tabular numerals on every column. It collapses the BI dashboard patterns (executive, real-time, drill-down, financial) into one visual discipline. Above a density threshold, chrome disappears so data can breathe by subtraction.","neutral ground, status via semantic tokens","compact sans, tabular lining numerals","near-flat, hairline dividers","minimal, data-update fades only",dense,"BI dashboards, monitoring, trading, financial reporting, ops","marketing pages, spacious consumer apps, storytelling",radius: 2-4px; shadow-intensity: 0; border-weight: 1px; density-gap: tight; table-row-height: 28-36px; font-sans: grotesque,"The native cockpit look: drop card boxes, use hairlines and mono numbers, and let subtraction carry the highest densities.",both,"Pack many figures per screen with hairline dividers instead of card boxes, tight padding, and tabular numerals on every column. Above a density threshold, let chrome disappear so the data breathes by subtraction. This is the native analytics-cockpit posture, not a decorated dashboard.",border-radius: 3px; box-shadow: none; border: 1px solid; font-variant-numeric: tabular-nums; --row-height: 32px; padding: 6px 8px,numeric columns use tabular-lining numerals; card boxes are dropped in favor of hairline dividers; row height stays between 28 and 36px; status is carried by a semantic token not decoration; the accent appears in at most 3 places per screen,primitive.radius 2-4px; primitive.shadow-intensity 0; primitive.border-weight 1px; typography.family.mono for figures; typography.ramp.small for dense labels
-12,Terminal / CLI,operator-active,1980s,"monospace, command-line, near-black canvas, phosphor accent, high contrast","The command-line console rendered as a UI: monospace throughout, a near-black ground, and a single phosphor accent (green or amber) with sharp borders and a blinking caret. Layout is measured in character cells rather than fluid percentages. Scanlines and boot-log theatrics are optional garnish, not structure.","near-black ground, single phosphor accent","monospace only, fixed sizes","flat corners, thin borders","caret blink, near-instant",dense,"developer tools, log viewers, CLI companions, infra consoles","consumer apps, marketing, touch-first mobile",radius: 0px; shadow-intensity: 0; border-weight: 1px; font-mono: mono; contrast-boost: 1.1,Fits log viewers and infra consoles where mono alignment aids scanning; keep scanlines and typewriter effects out of the operator build.,dark,"Render the command line as a UI: monospace throughout, a near-black ground, and a single phosphor accent with sharp borders and a blinking caret. Measure layout in character cells rather than fluid percentages. Keep scanlines and boot-log theatrics out of the operator build.","background: #05070a; color: #33ff88; font-family: ui-monospace, 'JetBrains Mono', monospace; border: 1px solid #1a3d2a; border-radius: 0",type is monospace throughout including labels; the ground is near-black with one phosphor accent; corners are square at 0px radius; text clears well above 4.5:1; no scanline or typewriter effects in the operator build,primitive.radius 0px; typography.family.mono the primary family; color.background near-black; color.accent a single phosphor hue; primitive.shadow-intensity 0
-13,Neumorphism,dormant-marketing,2020s,"soft UI, extruded, inset, dual shadows, monochrome, low contrast","Elements appear pressed into or extruded from a single monochrome surface using paired light and dark shadows. The effect is soft and tactile but the low contrast between control and background fails accessibility thresholds. It is a showcase aesthetic, not a working one.","monochrome, tint on tint","soft sans, low weight","rounded, dual soft shadows","gentle press, 150ms",spacious,"hardware-control mockups, beauty utility showcases, brand pages","data-dense tools, accessibility-bound surfaces, dashboards",radius: 12-16px; shadow-intensity: mid (dual); border-weight: 0px; contrast-boost: 0.9,Excluded by the contrast floor; only a marketing showcase pack with brand-approved low-contrast surfaces would activate it.,light,,,,
-14,Soft UI Evolution,operator-active,2020s,"reformed neumorphism, softer shadows, improved contrast, subtle depth",A remediated neumorphism that raises contrast to accessibility thresholds while keeping gentle depth. It reads more modern than its parent but still leans on decorative shadow to define surfaces. The soft-depth premise keeps it off dense operator screens.,"improved-contrast pastels, tonal","sans, standard weight","medium radius, soft multi-layer shadow",200-300ms smooth,spacious,"modern SaaS marketing, wellness apps, showcase surfaces","dense dashboards, cockpit surfaces, high-density tables",radius: 8-12px; shadow-intensity: low-mid; border-weight: 0-1px; contrast-boost: 1,"A calmer marketing pack could activate it, but its decorative depth stays out of data-dense operator work.",both,"Take neumorphism's tactility but raise contrast to accessibility thresholds and let a real elevation ramp, not a decorative double-shadow, define surfaces. Keep depth gentle and purposeful on spacious enterprise surfaces. Legibility leads; the softness is a finish, not the structure.","border-radius: 10px; box-shadow: 0 2px 4px rgba(15,23,42,0.08), 0 1px 2px rgba(15,23,42,0.06); background: color-mix(in srgb, canvas 96%, currentColor); transition: box-shadow 200ms ease",every foreground-background pair clears 4.5:1; depth comes from the elevation ramp not paired inset-and-outset shadows; radius stays in the 8-12px range; a single accent drives primary actions; the surface reads modern not embossed,elevation.sm and elevation.md carry the depth; primitive.radius 8-12px; primitive.shadow-intensity 0.3; color.surface-raised for lifted cards; typography.family.body a humanist sans
-15,Glassmorphism,dormant-marketing,2020s,"frosted glass, backdrop blur, translucency, layered depth, vibrant ground","Translucent panels with backdrop blur float over a vibrant background, edged with a faint light border. Depth comes from stacked blur and reflection. The blur cost and text-contrast fragility rule it out of working surfaces.",translucent whites over vivid ground,"sans, needs contrast guarding","medium radius, blurred fills","soft parallax, blur transitions",spacious,"hero overlays, premium marketing, lifestyle showcases","dashboards, dense tables, low-power devices, a11y-critical",radius: 12-16px; shadow-intensity: low; border-weight: 1px; contrast-boost: 0.9,Heavy blur-stacking violates the floor; a single hero panel in a marketing pack is the only place it belongs.,both,,,,
-16,Liquid Glass,dormant-marketing,2020s,"flowing glass, morphing, chromatic aberration, iridescent, dynamic blur","Glassmorphism taken to motion: morphing shapes, iridescent oil-slick gradients, chromatic aberration, and blur that shifts as things move. It is premium and heavy in equal measure. Nothing about it survives a data-density or accessibility test.","iridescent spectrum, translucent base","sans, contrast-fragile","fluid morphing, dynamic blur",400-600ms morph curves,spacious,"luxury product launches, creative brand experiences","any operator surface, dense data, low-power devices",radius: 16-24px; shadow-intensity: low; duration-slow: 500ms; contrast-boost: 0.85,"Blur-stacking plus animation-led morphing put it firmly in a premium marketing pack, never an operator build.",both,,,,
-17,3D & Hyperrealism,dormant-marketing,2020s,"WebGL, realistic texture, spatial depth, physics lighting, parallax layers, product preview","Real-time 3D scenes, tactile textures, and physically lit surfaces built on WebGL engines, often with multi-layer parallax. Immersive and expensive, it strains performance and accessibility budgets. It also folds in dedicated 3D product-preview viewers.","rich realistic gradients, metallics",sans over rendered scenes,"modeled depth, realistic shadow","300-400ms 3D transitions, parallax",spacious,"product showcases, gaming, immersive marketing, 3D configurators","dashboards, forms, data tables, low-end devices",radius: 8-16px; shadow-intensity: high; duration-slow: 400ms,A product-showcase or configurator pack activates it; its render cost and poor a11y bar it from operator tools.,both,,,,
-18,Skeuomorphism,dormant-marketing,2007,"real-world metaphor, texture, leather and metal, tactile, detailed gradients","Interfaces that imitate physical materials such as leather stitching, brushed metal, and paper, with deep gradients and layered shadow. It made early touch UIs legible by analogy but textures now hurt readability and scale poorly. It reads as nostalgia today.","material colors, deep gradients",sans or serif over textures,"modeled bevels, heavy shadow",300-500ms tactile,spacious,"nostalgic showcases, luxury simulations, storytelling","modern enterprise, dense data, accessibility-bound tools",radius: 8-12px; shadow-intensity: high; border-weight: 1px; contrast-boost: 0.9,A themed nostalgia pack would activate it; texture-driven depth keeps it out of readable operator surfaces.,light,,,,
-19,Vibrant & Block-based,dormant-marketing,2020s,"bold blocks, neon palette, duotone, large type, energetic","Big color-blocked sections, neon or triadic palettes, oversized type, and animated patterns for maximum energy. It targets youth and consumer brands. The multi-color, high-saturation approach conflicts with the one-accent operator discipline.","four to six vivid colors, duotone",oversized bold sans,"large blocks, medium radius","animated patterns, 200-300ms",spacious,"startups, creative agencies, youth brands, entertainment","enterprise, finance, healthcare, dense tools",radius: 8-16px; shadow-intensity: low; density-gap: loose; heading-tracking: normal,A consumer marketing pack activates it; its multi-color maximalism breaks the single-accent rule for operators.,both,,,,
-20,Gen Z Chaos / Maximalism,dormant-marketing,2023,"maximalism, internet-core, sticker chaos, clashing color, dense collage","Deliberate visual overload of clashing colors, stickers, mixed type, and collaged layers channeling internet culture. Personality is the product. It is decoration-forward by design, which is exactly what operator surfaces subtract.",clashing saturated colors,"mixed faces, expressive","layered, rotated, irregular","busy, playful",spacious,"Gen Z brands, music artists, viral campaigns, creative portfolios","any operator tool, finance, enterprise, accessibility-bound",radius: mixed; shadow-intensity: mixed; heading-tracking: loose,A viral campaign pack activates it; decoration-forward maximalism is barred from operator work by the floor.,both,,,,
-21,Aurora UI / Gradient Mesh,dormant-marketing,2020s,"mesh gradient, northern-lights blend, luminous, animated color, atmospheric","Large flowing mesh gradients evoking the northern lights, blending complementary hues in slow animated loops. It gives marketing surfaces an ambient, premium glow. On working surfaces the moving color competes with content.",complementary mesh blends,sans over gradient,"soft, gradient-filled",8-12s gradient loops,spacious,"hero backgrounds, SaaS marketing, music and lifestyle brands","dashboards, dense content, accessibility-critical",radius: 12-16px; shadow-intensity: low; duration-slow: 500ms+,A hero-background marketing pack activates it; animated mesh color distracts from data and stays out of operator builds.,both,,,,
-22,Retro-Futurism,dormant-marketing,1980s,"neon glow, CRT scanlines, synthwave, glitch, monospace","Eighties science-fiction nostalgia: neon on black, CRT scanlines, glitch effects, and glowing monospace. It is atmosphere-first and strains contrast and comfort over time. Great for a themed campaign, wrong for sustained work.",neon on deep black,"monospace, glowing","sharp, glowing borders",glitch and scanline effects,standard,"gaming, music platforms, nostalgic campaigns, entertainment","professional tools, finance, accessibility-bound, long sessions",radius: 0-4px; shadow-intensity: glow; font-mono: mono; contrast-boost: 1,A retro campaign pack activates it; neon glow and glitch effects fail comfort and contrast for operators.,dark,,,,
-23,Cyberpunk,dormant-marketing,2020s,"neon dystopia, glitch, terminal fonts, HUD accents, high contrast","High-contrast neon over black with glitch motion, monospace accents, and dystopian ornament drawn from hacker culture and cyber-noir. It absorbs the cyberpunk-HUD mobile variants. Bold and immersive, it is atmosphere over legibility.",neon accents on black,mono and condensed sans,"sharp, angular, glowing","glitch, flicker",standard,"gaming, crypto brands, sci-fi campaigns, large-screen visuals","conservative industries, a11y-critical, long-session tools",radius: 0-4px; shadow-intensity: glow; font-mono: mono; contrast-boost: 1.1,A gaming or crypto marketing pack activates it; glow-led neon dystopia is off-limits for operator surfaces.,dark,,,,
-24,HUD / Sci-Fi FUI,dormant-marketing,2010s,"fictional UI, telemetry rings, glowing readouts, angular frames, sci-fi","The fictional-interface look of films and games: glowing telemetry rings, angular frames, and dense fake readouts. It projects technical spectacle rather than usable structure. Its decoration mimics data without serving it.",cyan and amber glow on black,"condensed sans, mono","angular frames, glowing lines",continuous ambient animation,standard,"sci-fi games, movie props, cybersecurity marketing, demos","real dashboards, operator tools, accessibility-bound",radius: 0-2px; shadow-intensity: glow; font-mono: mono,A demo or entertainment pack activates it; its decorative telemetry imitates data and never belongs on a real console.,dark,,,,
-25,Vaporwave,dormant-marketing,1980s-90s,"pastel neon, retro glitch, classical busts, 90s nostalgia, surreal","A surreal 80s to 90s nostalgia palette of pastel neon, retro glitch, and kitsch imagery. It is an art movement more than an interface system. Purely expressive, it has no operator application.","pastel neon, magenta and cyan",retro display faces,"soft, surreal collage",slow glitch drift,spacious,"music platforms, creative portfolios, nostalgia marketing","any functional tool, dense data, professional contexts",radius: 8-12px; shadow-intensity: glow; heading-tracking: loose,Only a creative or music campaign pack activates it; it is expressive art with no operator use.,dark,,,,
-26,Y2K Aesthetic,dormant-marketing,2000s,"chrome, bubble, glossy, metallic, early-web nostalgia","Turn-of-millennium chrome, glossy bubbles, and metallic gradients revived as nostalgia. Playful and reflective, it prizes surface shine. It carries no discipline for dense information.",chrome and candy metallics,rounded display faces,"glossy bubbles, high radius",glossy shimmer,spacious,"fashion brands, music, Gen Z nostalgia, entertainment","enterprise, finance, dense tools, accessibility-bound",radius: 16-24px; shadow-intensity: mid; heading-tracking: normal,A nostalgia campaign pack activates it; glossy chrome has no place on a working operator surface.,light,,,,
-27,Memphis Design,dormant-marketing,1980s,"postmodern, squiggles, confetti shapes, primary bursts, playful geometry","The 1980s postmodern movement of squiggles, confetti geometry, and clashing primaries. It is joyful, chaotic ornament. As UI it is pure brand personality with no data discipline.",clashing primaries and pastels,playful sans,scattered geometric shapes,"bouncy, playful",spacious,"creative agencies, youth brands, event promotion, playful marketing","enterprise, finance, dense tools, professional",radius: mixed; shadow-intensity: low; heading-tracking: normal,A playful campaign pack activates it; confetti ornament is the opposite of operator restraint.,light,,,,
-28,Motion-Driven,dormant-marketing,2020s,"animation-heavy, scroll effects, parallax, entrance sequences, transitions","Design where animation leads, with scroll-triggered reveals, parallax layers, orchestrated entrances, and page transitions carrying the experience. It suits storytelling. On operator surfaces orchestration is explicitly banned.","bold, movement-emphasizing","sans, animated","varies, motion-first","parallax, orchestrated sequences",spacious,"portfolio sites, storytelling, interactive marketing, launches","dashboards, data tools, low-power, motion-sensitive",duration-slow: 400-500ms; shadow-intensity: low,A storytelling marketing pack activates it; animation-led design is barred from operator surfaces by the floor.,both,,,,
-29,Kinetic,dormant-marketing,2020s,"kinetic typography, marquees, viewport-scaled text, scroll scaling, brutalist energy","Typography as moving architecture, with infinite marquees, viewport-scaled headlines, and scroll-driven scaling under brutalist high contrast. Motion is constant and reactive. It is a performance, not a workspace.","high-contrast, one acid accent","oversized uppercase, tight tracking","flat corners, thick borders","marquees, scroll-scrubbed transforms",spacious,"brand flagships, immersive storytelling, culture and music sites","dashboards, dense tools, accessibility-bound, long sessions",radius: 0px; shadow-intensity: 0; border-weight: 2px; heading-tracking: tight; duration-fast: 100ms,A flagship marketing pack activates it; constant motion and poster-scale type never suit operator work.,dark,,,,
-30,Parallax Storytelling,dormant-marketing,2020s,"scroll narrative, layered depth, chaptered reveals, scroll-triggered","Multi-layer parallax that unfolds a narrative as the reader scrolls, revealing chapters and depth. Effective for brand journeys and case studies. Scroll-bound animation makes it unusable for reference tools.","brand-led, section-coded","sans, sometimes serif accents",layered scenes,scroll-driven parallax,spacious,"brand storytelling, product launches, case studies, annual reports","dashboards, data tools, reference surfaces",duration-slow: 400ms; shadow-intensity: low,A launch or case-study pack activates it; scroll-bound parallax has no operator application.,both,,,,
-31,Interactive Cursor Design,dormant-marketing,2020s,"custom cursor, hover reveals, pointer effects, magnetic elements","Experiences built around a custom cursor and pointer-driven reveals, with magnetic buttons, trailing effects, and hover-only interactions. It delights on desktop showcases. Pointer-only affordances fail keyboard and touch access outright.","brand-led, minimal","sans, large","minimal, effect-driven",cursor-tracked effects,spacious,"creative portfolios, agency sites, interactive showcases","operator tools, touch surfaces, accessibility-bound",duration-normal: 150ms; shadow-intensity: low,A portfolio marketing pack activates it; pointer-only affordances violate keyboard access and are barred from operators.,both,,,,
-32,Tactile Digital / Deformable UI,dormant-marketing,2020s,"physics deformation, squishy elements, gesture response, elastic, playful","Elements that deform, stretch, and spring under touch as if physically elastic, driven by physics simulation. It feels alive and toy-like. The continuous physics motion is animation-led and off-limits for operators.","bright, playful",rounded sans,"elastic, deformable","physics springs, gesture-reactive",spacious,"playful consumer apps, entertainment, gaming UI","operator tools, dense data, motion-sensitive, professional",radius: 16-24px; shadow-intensity: mid; duration-normal: 300ms,A playful consumer pack activates it; physics-driven deformation is animation-led and excluded by the floor.,both,,,,
-33,Organic / Biophilic,operator-active,2020s,"nature-inspired, soft curves, earth tones, botanical, calm","Nature-derived forms of soft organic curves, earthy palettes, and botanical motifs aimed at calm and wellbeing. It merges the biophilic and nature-distilled variants. Warm and spacious, it lacks the density operators need.","earth tones, muted greens",humanist sans or soft serif,"organic curves, high radius","slow, gentle",spacious,"wellness brands, sustainability, health apps, artisan goods","dense dashboards, finance, high-density operator tools",radius: 16-24px; shadow-intensity: low; font-sans: humanist,A wellness or sustainability pack activates it; its spacious organic calm is the opposite of a data cockpit.,light,"Draw on nature: soft organic curves, an earthy palette of muted greens and warm neutrals, and humanist type for a calm, spacious surface. It suits wellness, health, and sustainability consoles where the register is warm rather than clinical. It breaks the near-white default without sacrificing the floor.","border-radius: 18px; box-shadow: 0 8px 24px rgba(60,80,60,0.08); background: #f4f1ea; color: #2f3a2f; gap: 24px",the background is a warm earth-tinted neutral not near-white; a single green or clay accent carries actions; corners use a generous organic radius of 16-24px; text clears 4.5:1 against the warm ground; status still uses a semantic color plus a label,color.background a warm off-white tinted toward the brand hue; primitive.radius 16-24px; color.accent a muted green or clay; typography.family.body a humanist sans; primitive.shadow-intensity 0.25
-34,Exaggerated Minimalism,dormant-marketing,2020s,"extreme whitespace, oversized type, luxury restraint, negative space","Minimalism pushed to drama, with vast negative space, a few oversized elements, and luxury restraint. It signals prestige through emptiness. Its whitespace budget is incompatible with information-dense work.","monochrome, single accent","oversized sans, editorial","flat, sparse","slow, minimal",spacious,"fashion, architecture, luxury brands, agency landing pages","dashboards, dense tools, data tables",radius: 0-4px; shadow-intensity: 0; density-gap: very loose; heading-tracking: tight,A luxury brand pack activates it; extreme whitespace cannot carry operator data density.,both,,,,
-35,Bold Typography,dormant-marketing,2020s,"type-led, oversized headlines, poster composition, dramatic contrast","Typography as the primary visual, with oversized headlines, extreme scale contrast, and dramatic negative space composing like a poster. Text becomes the image. At poster scale it is a marketing hero device, not a working layout.","high-contrast, restrained accent","oversized display, tight tracking","flat, type-driven",minimal or kinetic,spacious,"brand heroes, product hero sections, editorial, event pages","dashboards, dense forms, data tables",radius: 0-4px; shadow-intensity: 0; heading-tracking: tight; font-sans: grotesque,A hero-section marketing pack activates it; poster-scale type has no room on a dense operator surface.,both,,,,
-36,Editorial Grid / Magazine,dormant-marketing,2020s,"magazine layout, editorial grid, serif display, columns, long-form","Magazine-style composition with a strong editorial grid, serif display type, pull quotes, and multi-column flow for long-form reading. It structures content beautifully. Serif display and reading-first pacing keep it out of dashboards.","neutral, editorial accent","serif display, sans body","flat, rule-based grid",minimal,standard,"news, blogs, magazines, long-form content, journals","dashboards, software UI, dense data tables",radius: 0-2px; shadow-intensity: 0; border-weight: 1px; heading-tracking: tight,"A content or editorial pack activates it; serif display faces are banned in dashboards, so it stays marketing-side.",light,,,,
-37,Minimalist Monochrome,dormant-marketing,2020s,"pure black and white, editorial serif, high contrast, sharp geometry","Strictly black and white with no accent color, oversized serifs, razor-sharp zero-radius geometry, and full-bleed rules. It reads like a luxury printed manifesto. Pure black-and-white and serif display both trip operator rules.","pure black and white, no accent","oversized serif display, tight tracking","zero radius, heavy rules",instant inversions,spacious,"luxury fashion, editorial, high-end portfolios, avant-garde","dashboards, dense tools, status-color surfaces",radius: 0px; shadow-intensity: 0; border-weight: 2-4px; heading-tracking: tight; contrast-boost: 1.2,A luxury editorial pack activates it; pure black and white plus serif display violate the operator color and type floor.,light,,,,
-38,Academia,dormant-marketing,Timeless scholarly,"scholarly, warm paper, traditional serif, gold and deep red, ritual","The old-library aesthetic of warm paper textures, traditional serifs, and gold-on-deep-red tones evoking scholarship and ritual. It rewards slow reading. Serif-forward warmth is at odds with dashboard legibility rules.","warm paper, gold and oxblood",traditional serif,"subtle, classical","slow, restrained",standard,"knowledge tools, reading apps, scholarly brands, narrative games","dashboards, dense operator tools, software UI",radius: 2-4px; shadow-intensity: low; border-weight: 1px; contrast-boost: 1,A reading or brand pack activates it; serif-forward scholarly warmth is banned from dashboards by the type floor.,dark,,,,
-39,Bauhaus,dormant-marketing,1919 Bauhaus,"geometric primary, red blue yellow, thick borders, hard offset shadow, constructivist","Form-follows-function geometry in primary red, blue, and yellow, with thick black borders, hard zero-blur offset shadows, and massive type. It is graphic and poster-like. Three primaries as color-blocking break the single-accent operator rule.","primary red, blue, yellow blocks","geometric sans, massive display","flat blocks and pills, thick borders","mechanical, instant press",standard,"branding, onboarding flows, high-personality marketing, posters","dense dashboards, single-accent operator tools",radius: 0px and 9999px; shadow-intensity: hard offset; border-weight: 2-3px; font-sans: geometric,A branding or onboarding pack activates it; primary-color blocking violates the one-accent rule for operators.,light,,,,
-40,SaaS / High-Tech Boutique,dormant-marketing,2020s,"electric-blue gradient, serif-sans pairing, animated hero, inverted sections","The polished startup-marketing look of electric-blue gradients, a warm serif display paired with a workhorse sans, animated hero graphics, and inverted contrast sections. Confident and edgy for a landing page. The gradient-and-serif hero DNA is marketing, not operator chrome.","electric-blue gradient, warm off-white",serif display plus sans body,"medium radius, soft shadow","spring entrances, animated hero",standard,"SaaS landing pages, product marketing, developer-tool sites","the product's own dense dashboards, data tables",radius: 12-16px; shadow-intensity: mid; duration-normal: 200ms; heading-tracking: tight,"A product marketing pack activates it; its gradient hero and serif display belong on the landing page, not the console.",light,,,,
-41,Enterprise SaaS,dormant-marketing,2020s,"indigo-violet gradient, soft shadow, isometric depth, geometric sans","A modern enterprise-marketing style of indigo and violet gradients, soft shadows, isometric illustration, and clean geometric sans. It aims to be professional yet warm. The violet gradient reads as AI-slop and the depth is decorative.",indigo and violet gradients,geometric sans,"medium radius, soft depth","staggered fades, spring",standard,"enterprise marketing, SaaS landing pages, product sites","the product's dense internal tools, dashboards",radius: 8-16px; shadow-intensity: mid; heading-tracking: tight,A marketing pack activates it; the indigo-violet gradient trips the AI-slop palette flag and stays off operator surfaces.,light,,,,
-42,Modern Dark / Cinematic,dormant-marketing,2020s,"cinematic dark, ambient glow, animated light pools, frosted glass, precision","A premium dark aesthetic with layered near-black surfaces, slow animated light pools, frosted-glass navigation, and indigo accent glows. It feels like high-end pro software marketing. The ambient animation and glass blur push it past the operator floor.","near-black layers, indigo glow accent","sans, tight tracking","medium radius, glass edges",slow ambient light animation,standard,"premium product marketing, entertainment, launch pages","dense dashboards, long-session operator tools",radius: 12-16px; shadow-intensity: glow; duration-slow: 400ms; contrast-boost: 1,"A premium marketing pack activates it; ambient glow animation and glass blur exceed the operator floor, so use flat Dark Mode instead.",dark,,,,
-43,web3 / DeFi,dormant-marketing,2020s,"deep space, bitcoin orange, gold highlights, glowing data, futuristic","A futuristic crypto aesthetic of deep-space backgrounds, bitcoin-orange and gold highlights, glowing elements, and dramatized data visualization. It projects cutting-edge finance. Glow-led ornament and dramatized charts undercut data honesty.","deep space, orange and gold glow",sans and mono figures,"medium radius, glowing borders","pulsing glows, animated charts",standard,"DeFi and wallet marketing, NFT platforms, crypto brand sites","real financial dashboards, accountable data tools",radius: 8-12px; shadow-intensity: glow; font-mono: mono; contrast-boost: 1,A crypto marketing pack activates it; glowing dramatized charts conflict with anti-fabrication and stay marketing-side.,dark,,,,
-44,Sketch / Hand-Drawn,dormant-marketing,2020s,"wobbly borders, handwritten type, paper texture, marker, imperfect","Everything looks drawn by hand, with wobbly borders, marker strokes, handwritten type, and paper texture carrying deliberate imperfection. It is warm and approachable for low-fidelity or playful contexts. Hand-drawn irregularity fights the precision operators depend on.","muted, marker-like",handwritten and casual,"irregular, wobbly borders","playful, loose",spacious,"prototyping, creative brands, children's products, narrative games","production operator tools, dense data, precision UI",radius: irregular; shadow-intensity: low; border-weight: 2px (sketchy),A playful or prototyping pack activates it; hand-drawn irregularity undermines the precision an operator tool needs.,light,,,,
-45,Neubrutalism,dormant-marketing,2020s,"cream ground, thick black borders, hard offset shadow, clashing color, grotesque","The designed descendant of raw brutalism: cream backgrounds, thick black borders, zero-blur hard offset shadows, clashing vivid colors, and heavy grotesque type with sticker-like layering. It is organized visual chaos for creative brands. The hard shadows and clashing color read as decoration for operator work.","cream ground, clashing vivid accents","heavy grotesque, uppercase","flat corners, hard offset shadow","snappy, mechanical",standard,"creative tools, Gen Z marketing, portfolios, collab-brand sites","conservative enterprise, dense dashboards, finance",radius: 0px; shadow-intensity: hard offset; border-weight: 3-4px; font-sans: grotesque,A creative-brand pack activates it; the hard offset shadows and clashing palette are decoration a cockpit strips away.,light,,,,
-46,Pixel Art,dormant-marketing,1980s,"pixel grid, arcade, retro game, dithering, 8-bit","Deliberate low-resolution pixel grids, dithering, and 8-bit arcade nostalgia. It is a distinct illustrative craft. As UI it is a themed novelty, not an information system.",limited indexed palette,bitmap pixel fonts,"hard pixel edges, zero radius","stepped, frame-based",standard,"indie games, retro tools, nostalgia marketing, game portfolios","professional tools, dense data, accessibility-bound",radius: 0px; shadow-intensity: 0; border-weight: 2px; font-mono: pixel,A retro-game pack activates it; bitmap type and pixel edges are a novelty with no operator legibility.,both,,,,
-47,Spatial UI (VisionOS),dormant-marketing,2024,"spatial computing, glass depth, floating panels, AR layering, VR","The spatial-computing look of translucent glass panels floating in depth, built for AR and VR headsets. It assumes a 3D canvas and gaze or gesture input. On flat operator screens it collapses to heavy glass with no payoff.",translucent glass over environment,"sans, high legibility","rounded glass panels, depth","depth transitions, gaze-reactive",spacious,"VR/AR interfaces, spatial apps, immersive media","flat-screen dashboards, dense data, desktop operator tools",radius: 16-24px; shadow-intensity: low; contrast-boost: 0.9,"A spatial or immersive pack activates it; on a flat console it is just costly glass blur, so it stays out.",both,,,,
-48,E-Ink / Paper,dormant-marketing,2020s,"monochrome, high legibility, distraction-free, paper-like, digital wellbeing","A paper-like monochrome surface built for calm, distraction-free reading, echoing e-reader displays with maximal legibility and no color. It is restful and focused. Removing color forfeits the status signaling operators rely on.","grayscale, no accent","readable serif or sans, generous","flat, hairline rules",none or minimal,spacious,"reading apps, journals, digital newspapers, focus modes","status-color dashboards, dense operator tools",radius: 0-2px; shadow-intensity: 0; border-weight: 1px; contrast-boost: 1.1,A reading-mode pack activates it; forfeiting color removes the status signaling a working console needs.,light,,,,
-49,Anti-Polish / Raw Aesthetic,dormant-marketing,2020s,"intentionally raw, undesigned, exposed structure, anti-digital, authentic","A deliberately undesigned look of exposed structure, default styling, and rough edges as a rejection of digital polish, signaling authenticity. It is a statement for artist and indie sites. Its intentional roughness is the antithesis of operator precision.","default, unstyled","system fonts, raw","exposed, unstyled edges",none,standard,"artist sites, indie brands, handmade products, authentic marketing","production tools, enterprise, dense data",radius: 0px; shadow-intensity: 0; border-weight: 1px; font-sans: system,An indie or artist pack activates it; intentional rawness is the opposite of the precision operators require.,light,,,,
-50,Chromatic Aberration / RGB Split,dormant-marketing,2020s,"RGB split, color fringing, glitch offset, retro-tech, distortion","A retro-tech effect that splits red, green, and blue channels for a distorted, fringed, glitchy edge. It is an accent treatment for energy and nostalgia. As pervasive UI it degrades legibility and contrast.",RGB-split fringing,sans with fringe effect,"offset, distorted edges",glitch offset,standard,"music platforms, gaming, nightlife, creative tech marketing","readable interfaces, dense data, accessibility-bound",shadow-intensity: glow; contrast-boost: 0.9,A creative campaign pack activates it as an accent; pervasive RGB-split fringing destroys legibility for operators.,dark,,,,
-51,Vintage Analog / Retro Film,dormant-marketing,1970s-90s,"film grain, analog warmth, faded color, retro photography, nostalgia","An analog-film mood of grain, faded warm color, and vintage photographic treatment. It evokes nostalgia and craft. The grain and muted contrast work against data clarity.",faded warm analog tones,retro serif or grotesque,"soft, grainy edges","subtle, filmic",standard,"photography portfolios, vinyl and music brands, vintage fashion","dense data tools, dashboards, accessibility-bound",radius: 2-4px; shadow-intensity: low; contrast-boost: 0.9,A photography or music pack activates it; grain and faded contrast fight the clarity a data tool needs.,light,,,,
-52,Zero UI / Voice-First,dormant-marketing,2020s,"minimal visible UI, voice-first, ambient, progressive disclosure, predictive","An interface that hides itself, using voice and gesture input, ambient context-awareness, and controls revealed only on demand. It suits assistants and smart-home surfaces. It deliberately withholds the persistent visible controls a dense operator workflow depends on.","neutral, near-invisible","sans, sparse","minimal, soft",gentle progressive reveals,spacious,"voice assistants, smart home, ambient AI, hands-free tools","data-entry, dense operator workflows, explicit-control tools",radius: 8-12px; shadow-intensity: low; duration-normal: 200ms,"An ambient or voice pack activates it; hiding persistent controls is wrong for a dense, explicit-control operator tool.",light,,,,
-53,Claymorphism,dormant-marketing,2020s,"soft 3D clay, inflated, candy colors, layered shadows, playful, toy-like","Puffy, inflated clay-like forms with stacked soft shadows, thick rounded edges, and candy-bright colors for a tactile digital-toy feel. It is warm and playful for education and consumer apps. The soft-depth shadow stacks and rounded bulk fail dense, high-contrast operator needs.","candy pastels, playful brights",rounded friendly sans,"high radius, double soft shadows","soft bounce, 200ms",spacious,"children's education, playful consumer apps, creative tools","dense dashboards, finance, professional operator tools",radius: 16-24px; shadow-intensity: mid (dual); border-weight: 0-3px; contrast-boost: 0.95,A playful or education pack activates it; puffy soft-shadow bulk cannot serve dense high-contrast operator surfaces.,light,,,,
-54,Executive Overview,operator-active,2020s,"KPI cards, summary board, trend sparklines, traffic-light status, at-a-glance, decision view","The high-level summary board a decision-maker scans in seconds: a handful of large KPI cards, inline trend sparklines, and traffic-light status against generous whitespace. Detail is deliberately withheld so the headline figures carry the screen. It is the spacious summary cousin of the data cockpit, tuned for a one-screen read rather than a dense grid.","neutral ground, status via semantic tokens, one accent","sans with an oversized display figure for the headline KPI, tabular numerals","medium radius cards, subtle single-step elevation","count-up on figures, brief hover lift, under 300ms",spacious,"executive dashboards, business summaries, weekly review screens, portfolio overviews","detailed analyst drill-downs, dense operational grids, real-time monitoring",radius: 8-12px; shadow-intensity: low-mid; density-gap: loose; heading-scale: display; contrast-boost: 1,"The spacious overview posture: at most six KPI cards, one display-scale figure per card, status carried by a semantic role plus a label.",light,"Give the decision-maker the whole picture in one screen: a few large KPI figures, a trend sparkline each, and traffic-light status against generous whitespace. Withhold detail on purpose so the headline numbers lead, and reserve exactly one display-scale figure for the single most important metric. This is a read-at-a-glance surface, not an analyst workbench.","font-size: clamp(1.75rem, 3vw, 2.5rem); font-variant-numeric: tabular-nums; border-radius: 10px; box-shadow: 0 1px 3px rgba(15,23,42,0.1); gap: 24px",no more than six KPI cards on the first screen; each card carries one figure plus one trend indicator; the display type step appears at most once per surface; every value uses tabular-lining numerals; status uses a semantic color role plus a text or icon label,typography.ramp.display 2-2.5rem/600 for the lead KPI; elevation.md on stat cards; primitive.radius 8-12px; color.surface-raised for the card; primitive.shadow-intensity 0.3
-55,Real-Time Monitoring,operator-active,2020s,"live data, status dots, streaming rows, alert prominence, connection state, ops console","The live operations console: streaming rows, pulsing status dots, connection indicators, and alerts that surface without hijacking the screen. It leans dark so a wall-mounted or long-session view stays comfortable, and it privileges the current state over history. Motion is confined to data updates and a single status pulse, never decoration.","near-black ground, semantic status roles, one accent","compact sans, tabular numerals, mono for identifiers","near-flat, hairline dividers, small radius","data-update fades, one status pulse, no orchestration",dense,"system monitoring, DevOps consoles, NOC walls, live event tracking, trading floors","historical reports, marketing pages, spacious consumer apps",radius: 2-4px; shadow-intensity: 0; border-weight: 1px; contrast-boost: 1.1; font-mono: mono,"The live ops posture: status dots and streaming rows on a near-black ground, one accent, motion limited to updates and a single pulse.",dark,"Show the current state of a live system: streaming rows, status dots, connection health, and alerts that rise into view without taking over. Lean dark for the long shift or the wall display, keep the newest data in front, and confine motion to updates and a single status pulse. History is secondary; what is happening right now leads.","background: #0a0d12; color: #e6e8eb; border-bottom: 1px solid rgba(255,255,255,0.08); font-variant-numeric: tabular-nums; animation: pulse 2s ease-in-out infinite",the canvas is near-black and body text clears 7:1; status dots pair a semantic color with a text label; motion is limited to data updates and one status pulse; a connection or freshness indicator is visible; critical alerts are visually prominent without a modal takeover,color.background near-black; color.success color.warning color.destructive for status; primitive.shadow-intensity 0; typography.family.mono for identifiers; primitive.stagger-unit 0ms
-56,Drill-Down Analytics,operator-active,2020s,"hierarchical explore, breadcrumb, expandable, summary to detail, context preservation","A hierarchy you travel: breadcrumb navigation, expandable sections, and a summary-to-detail flow that keeps context as you descend. Each level preserves where you came from so the path back is never lost. The aesthetic stays neutral and structural; the interaction, not the ornament, carries the experience.","neutral ground, level indicators via muted tints, one accent","sans, standard scale, tabular numerals","small radius, hairline separators, indented levels","smooth expand and detail reveal, under 300ms",standard,"sales and product analytics, funnel analysis, multi-dimensional exploration, BI consoles","single-metric dashboards, real-time streams, spacious marketing surfaces",radius: 4-6px; shadow-intensity: low; border-weight: 1px; density-gap: standard,"The drill posture: breadcrumbs plus expandable sections, context preserved at every level, levels distinguished by indent and muted tint not color.",both,"Let the operator travel a hierarchy: breadcrumbs at the top, expandable sections, and a clean summary-to-detail descent that never loses the way back. Preserve context at every level and make the return path obvious. Keep the surface neutral and structural so the interaction, not decoration, does the work.","border-radius: 5px; box-shadow: 0 1px 2px rgba(15,23,42,0.08); padding-left: 24px; transition: max-height 250ms ease, opacity 200ms ease",a breadcrumb shows the current path at every level; expanding a section preserves the parent context; nesting is signalled by indent and a muted tint not by color alone; expand and reveal transitions stay under 300ms; a back or up affordance is always visible,primitive.radius 4-6px; elevation.sm on expanded panels; color.muted for level tints; primitive.stagger-unit 30ms; typography.ramp.small for level labels
-57,Comparative Analysis,operator-active,2020s,"side-by-side, period-over-period, deltas, benchmarks, A/B results, plus-minus coloring","Two or more things placed side by side with the difference made explicit: period-over-period metrics, benchmark lines, and delta badges that read up or down at a glance. Positive and negative are carried by semantic roles, never by an invented palette. The layout is symmetrical and quiet so the comparison itself is the only drama.","neutral ground, success and destructive roles for deltas, one accent","sans, tabular numerals, mono for deltas","small radius, aligned columns, hairline separators","bars grow to value, delta arrows settle, under 300ms",standard,"period reporting, A/B test dashboards, benchmark and competitive analysis, regional performance","single-metric views, forecasting surfaces, real-time-only dashboards",radius: 4-6px; shadow-intensity: low; border-weight: 1px; contrast-boost: 1,"The comparison posture: symmetrical columns, deltas carried by success and destructive roles plus a sign, a benchmark reference line rather than a decorated gauge.",light,"Place the things being compared side by side and make the difference unmissable: period-over-period figures, benchmark reference lines, and delta badges that read up or down instantly. Carry positive and negative with semantic roles plus a sign, never a novelty palette. Keep the columns symmetrical and quiet so the comparison is the only thing that moves the eye.",display: grid; grid-template-columns: 1fr 1fr; gap: 24px; font-variant-numeric: tabular-nums; border-radius: 5px,compared items sit in symmetrical aligned columns; deltas pair a semantic color with a plus or minus sign; a benchmark or baseline reference is visible; values use tabular-lining numerals; the layout collapses to a stack on narrow viewports,color.success and color.destructive for deltas; primitive.radius 4-6px; typography.family.mono for delta values; primitive.shadow-intensity 0.2; chart-1 through chart-3 for series
-58,Forecast & Anomaly,operator-active,2020s,"forecast line, confidence band, trend projection, anomaly marker, honest uncertainty","Projection rendered honestly: a dashed forecast line, a shaded confidence band, and anomaly markers that flag outliers without dramatizing them. Uncertainty is shown, not hidden, and the actual data stays visually distinct from the prediction. No glow, no invented precision; the chart tells the truth about what is known and what is guessed.","neutral ground, distinct forecast hue, warning role for anomalies","sans, tabular numerals, small labels for dates","small radius, thin lines, shaded bands","line draws on, band fades in, under 300ms",standard,"forecasting dashboards, anomaly detection, capacity planning, trend projection","historical-only reporting, real-time operational streams, simple single-value cards",radius: 4px; shadow-intensity: low; border-weight: 1px; contrast-boost: 1,"The forecast posture: actuals solid and predictions dashed, a shaded confidence band, anomalies on the warning role, no glow that would fake precision.",both,"Show projection without pretending certainty: a dashed forecast line, a shaded confidence band, and anomaly markers that flag outliers plainly. Keep actual data visually distinct from the prediction, and let the band widen honestly where confidence drops. Refuse glow and invented precision; the chart should say what is known and what is merely estimated.",stroke-dasharray: 5 4; fill-opacity: 0.15; border-radius: 4px; stroke-width: 1.5px; box-shadow: none,forecast segments are dashed and actuals are solid; a confidence band is shaded and widens with uncertainty; anomalies use the warning role plus a marker not glow; dates and values use tabular numerals; the prediction is labelled as an estimate,chart-1 for actuals chart-2 for the forecast line; color.warning for anomalies; primitive.radius 4px; primitive.shadow-intensity 0.2; wash.surface omitted so there is no glow
-59,Behavioral Funnel & Cohort,operator-active,2020s,"funnel stages, flow diagram, conversion, cohort table, retention curve","The behavior surface: funnel stages with drop-off made visible, flow diagrams for paths, cohort grids, and retention curves. Engagement and abandonment read through semantic roles so the story is legible without a legend hunt. It favors clarity of the journey over ornament, and every stage is labelled with its own number.","neutral ground, success and warning roles for stages, sequential tints for cohorts","sans, tabular numerals, small stage labels","small radius, stepped bars, grid cells","funnel fills down, bars grow, under 300ms",standard,"conversion funnels, user journey tracking, cohort and retention analysis, engagement analytics","real-time monitoring, financial ledgers, spacious marketing pages",radius: 4-6px; shadow-intensity: low; border-weight: 1px; density-gap: standard,"The behavior posture: funnel stages labelled with their own figures, drop-off on the warning role, cohort cells on a sequential tint that is colorblind-checked.",light,"Make the journey legible: funnel stages with drop-off shown honestly, flow paths, cohort grids, and retention curves. Carry engagement and abandonment through semantic roles so nobody hunts a legend, and label every stage with its own figure. Favor the clarity of the path over any ornament.","display: grid; gap: 8px; border-radius: 5px; font-variant-numeric: tabular-nums; clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%)",each funnel stage shows its own count and drop-off; abandonment uses the warning role and completion the success role; cohort cells use a sequential tint checked for colorblind safety; retention values use tabular numerals; stages are labelled not color-only,color.success and color.warning for stages; chart-1 through chart-5 for cohort tints; primitive.radius 4-6px; primitive.shadow-intensity 0.2; typography.ramp.small for stage labels
-60,Financial Ledger,operator-active,2020s,"currency, profit and loss, budget variance, audit trail, tabular numerals, waterfall","The accounting surface: formatted currency, aligned decimals, profit-and-loss framing, budget variance, and an audit trail that reconciles. Numbers are the entire interface, so tabular numerals and right-aligned columns are non-negotiable. Trust is the register: nothing dramatized, every figure sourced and reconcilable.","neutral ground, profit and loss on success and destructive roles, one accent","sans with a numeric mono, tabular lining numerals, aligned decimals","near-flat, hairline dividers, small radius, totals rules","count-up on totals, restrained, under 300ms",dense,"financial reporting, accounting consoles, budget monitoring, banking analytics, treasury","consumer social metrics, marketing dashboards, non-financial data",radius: 2-4px; shadow-intensity: 0; border-weight: 1px; font-mono: mono; contrast-boost: 1.1,"The ledger posture: right-aligned tabular currency, profit and loss on semantic roles, a totals rule, an audit trail that reconciles; never dramatize a figure.",both,"Treat numbers as the whole interface: formatted currency, aligned decimals, profit-and-loss framing, budget variance, and an audit trail that actually reconciles. Right-align every figure, use tabular numerals, and rule off totals. Trust is the register, so nothing is dramatized and every value is sourced.",font-variant-numeric: tabular-nums; text-align: right; border-radius: 3px; border-top: 2px solid; box-shadow: none,currency figures are right-aligned with consistent decimal places; profit and loss use the success and destructive roles plus a sign; a totals row is ruled off from detail; numerals are tabular-lining throughout; an audit or source reference is present,typography.family.mono for figures; color.success and color.destructive for gains and losses; primitive.radius 2-4px; primitive.shadow-intensity 0; primitive.border-weight 1px
-61,Sales Pipeline / CRM,operator-active,2020s,"deal pipeline, kanban board, quota, leaderboard, win-loss, status borders","The pipeline surface: kanban deal columns, quota progress, a leaderboard, and win-loss framing, with each deal carrying a status through a left border rather than a fill. Progress toward target is a bar with a reference line, not a novelty gauge. It stays legible under a full board and moves only when a deal moves.","neutral ground, stage colors via semantic roles, one accent","sans, tabular numerals for values","medium radius cards, status via left border, single-step elevation","card move and rank change, under 300ms, no springs",standard,"CRM dashboards, sales management, opportunity tracking, quota planning, pipeline review","financial ledgers, real-time monitoring, spacious marketing surfaces",radius: 8px; shadow-intensity: low; border-weight: 1px; density-gap: standard,"The pipeline posture: kanban columns, deal status on a left border, quota as a bar with a reference line rather than a gauge, rank changes without spring physics.",light,"Lay the pipeline out as kanban columns, each deal a card whose status shows through a left border rather than a loud fill. Render quota as a bar with a target reference line, not a novelty gauge, and keep the leaderboard plain. It should stay legible under a full board and animate only when a deal actually moves.","display: flex; gap: 16px; border-radius: 8px; border-left: 3px solid; box-shadow: 0 1px 3px rgba(15,23,42,0.08)",deals are cards in kanban stage columns; deal status is carried by a left border color plus a label; quota shows as a bar with a target reference line not a gauge; values use tabular numerals; card and rank movement stays under 300ms with no spring,primitive.radius 8px; elevation.sm on cards; color.success color.warning for stage status; primitive.shadow-intensity 0.25; primitive.stagger-unit 30ms
-62,Heat-Map Matrix,operator-active,2020s,"color-coded grid, data intensity, correlation matrix, calendar heatmap, cohort grid","Data intensity rendered as a grid: correlation matrices, calendar heatmaps, and cohort cells where a sequential or diverging scale carries magnitude. The scale is chosen for colorblind safety and paired with a legend and on-hover values, so color never stands alone. Cells are hairline-separated and dense, letting a whole matrix read at once.","neutral ground, sequential or diverging scale, legend mandatory","compact sans, tabular numerals, small cell labels","near-flat cells, hairline grid, minimal radius","color transition on data change, hover highlight, under 300ms",dense,"correlation analysis, calendar and activity heatmaps, cohort grids, geographic intensity","linear single-series trends, categorical bar comparisons, small datasets",radius: 2px; shadow-intensity: 0; border-weight: 1px; density-gap: tight,"The matrix posture: a colorblind-safe sequential or diverging scale, a mandatory legend, on-hover values so color intensity is never the only signal.",both,"Render magnitude as a grid of color-coded cells: correlation matrices, calendar heatmaps, cohort tables. Choose a sequential or diverging scale for colorblind safety, always pair it with a legend and on-hover values, and separate cells with hairlines so the whole matrix reads at once. Color shows intensity, but a number always backs it up.",display: grid; gap: 1px; border-radius: 2px; --cell: 24px; font-variant-numeric: tabular-nums,the color scale is sequential or diverging and colorblind-checked; a legend maps color to value; hovering a cell reveals its exact figure; cells are hairline-separated in a regular grid; color intensity is never the only carrier of the value,chart-1 through chart-5 anchor the scale endpoints; primitive.radius 2px; primitive.border-weight 1px; primitive.shadow-intensity 0; typography.ramp.caption for cell labels
-63,Log Stream,operator-active,2020s,"log viewer, timestamps, severity coloring, virtualized rows, sticky filters, monospace","The log viewer: monospace rows, aligned timestamps, severity carried by a semantic role, and sticky filters over a virtualized stream. It leans dark for long reading sessions and stays flat so nothing competes with the text. Unlike a themed terminal, it is plain infrastructure, tuned for scanning thousands of lines.","near-black ground, severity via semantic roles, one accent for filters","monospace throughout, tabular timestamps","flat, hairline row separators, zero radius","new-line fade, auto-scroll toggle, no orchestration",dense,"log viewers, audit trails, event streams, CI output, infrastructure consoles","marketing pages, spacious summaries, touch-first consumer apps",radius: 0px; shadow-intensity: 0; border-weight: 1px; font-mono: mono; contrast-boost: 1.1,"The log posture: monospace rows with aligned timestamps, severity on a semantic role, sticky filters, a virtualized stream that stays flat and dark.",dark,"Present logs for scanning at volume: monospace rows, aligned timestamps, severity carried by a semantic color, and sticky filters over a virtualized stream. Lean dark for the long read and stay flat so nothing competes with the text. This is plain infrastructure, not a themed terminal; legibility of thousands of lines is the whole job.","font-family: ui-monospace, 'JetBrains Mono', monospace; background: #0a0d12; border-bottom: 1px solid rgba(255,255,255,0.06); border-radius: 0; font-variant-numeric: tabular-nums",every row is monospace with an aligned timestamp; severity is carried by a semantic color plus a level label; filters stay sticky while the stream scrolls; the list is virtualized for large volumes; the ground is near-black with text above 7:1,typography.family.mono the primary family; color.background near-black; color.destructive color.warning for severity; primitive.radius 0px; primitive.shadow-intensity 0
-64,Nature Distilled,operator-active,2020s,"muted earthy, terracotta, sand, warm neutrals, handmade warmth, artisan","A warm, distilled take on natural materials: terracotta, sand, olive, and warm cream on a spacious, calm surface, without the literal botanical motifs of biophilic design. It reads handmade and grounded rather than clinical, and it carries a committed warm palette instead of the near-white default. Static and legible, it stays inside the floor while breaking the monoculture.","warm earth-tinted neutrals, one clay or olive accent","humanist sans or soft serif accents, standard scale","medium-to-generous radius, soft single-step shadow","gentle ease-out, under 300ms, no orchestration",spacious,"wellness and sustainability admin, artisan commerce back-office, health portals, warm-brand consoles","high-density trading, cool corporate fintech, night-shift monitoring",radius: 12-16px; shadow-intensity: low; border-weight: 1px; contrast-boost: 1,"The warm-operator posture: earth-tinted neutrals and one clay or olive accent on a spacious surface, static and legible, chosen to break the near-white default.",light,"Reach for a committed warm palette: terracotta, sand, olive, and warm cream on a spacious, calm surface, without literal botanical motifs. Read handmade and grounded rather than clinical, and stay static and legible so the warmth is the only departure from the operator floor. This is the antidote to the near-white default, not a decorative theme.","background: #f3ede2; color: #33302a; border-radius: 14px; box-shadow: 0 6px 20px rgba(90,70,50,0.08); gap: 24px",the background is a warm earth-tinted neutral not near-white; a single clay or olive accent carries actions; text clears 4.5:1 against the warm ground; radius is generous but consistent at 12-16px; status still uses a semantic role plus a label,color.background a warm off-white tinted toward clay; color.accent a muted terracotta or olive; primitive.radius 12-16px; primitive.shadow-intensity 0.2; typography.family.body a humanist sans
-65,Command Deck,operator-active,2020s,"command center, multi-panel, keyboard-driven, palette, dense controls, dark rail","The command center: a multi-panel deck with a dark chrome rail, keyboard-driven navigation, a command palette, and dense controls arranged for a power user who lives in the tool. Panels are hairline-framed and flat; the accent marks the active pane and nothing else. It privileges control density and speed over any spacious calm.","dark chrome, one accent for the active pane, semantic status","compact sans with mono identifiers, tabular numerals","near-flat, hairline panel frames, small radius","instant pane switches, brief focus transition, no orchestration",dense,"command centers, incident response, multi-pane consoles, power-user operator tools","onboarding, marketing pages, spacious consumer summaries",radius: 2-4px; shadow-intensity: low; border-weight: 1px; font-mono: mono; contrast-boost: 1.1,"The command-center posture: dark multi-panel chrome, a command palette, keyboard-first navigation, one accent reserved for the active pane.",dark,"Build for the power user who lives in the tool: a dark multi-panel deck, a command palette, keyboard-first navigation, and dense controls framed by hairlines. Mark only the active pane with the accent and keep every panel flat. Control density and speed lead; there is no spacious calm here.","display: grid; grid-template-columns: 240px 1fr; background: #0b0e13; border: 1px solid rgba(255,255,255,0.08); border-radius: 3px",the layout is a multi-panel deck with a dark chrome rail; a command palette is reachable by keyboard; only the active pane carries the accent; panels are hairline-framed and flat; identifiers render in a monospace face,color.background dark chrome; color.accent for the active pane only; primitive.radius 2-4px; typography.family.mono for identifiers; primitive.shadow-intensity 0.2
-66,Biomimetic / Generative,dormant-marketing,2020s,"cellular, fluid, breathing, generative, algorithmic, life-like","Nature taken to algorithm: cellular and fluid shapes, breathing animations, and generative patterns that grow and drift under physics. It feels alive and organic but the continuous motion and canvas or WebGL rendering are decoration-forward and costly. Distinct from the calm, static biophilic look, it is a showcase aesthetic rather than a working one.","bioluminescent and organic gradients, multi-hue",rounded humanist sans over generative scenes,"morphing cellular forms, high radius, fluid edges","breathing scale pulse, generative drift, physics-based",spacious,"biotech and sustainability marketing, generative-art platforms, meditation and wellness showcases","operator tools, dense data, low-power devices, accessibility-bound surfaces",radius: 24px; shadow-intensity: low; duration-slow: 4s; contrast-boost: 0.95,Continuous breathing motion and generative canvas rendering are animation-led and costly; only a generative-art or biotech marketing pack would activate it.,both,,,,