24 components

• 37%

  Adoption

  Illustrative increase in product adoption within 90 days.

  Primitives

  StatBlock

  Give a meaningful number the context it deserves. Pair a value with a unit, label, and optional caption.

• CoreUX01 / 05

  Illustrative product story

  Good software starts with better questions.

  coreux.com

  Marketing templates

  SocialCarouselSlide

  Tell one story across a sequence of slides. Choose a hook, headline, set of metrics, process, or closing invitation.

• Q1: Adoption 40, Savings 20. Q2: Adoption 55, Savings 28. Q3: Adoption 62, Savings 30. Q4: Adoption 72, Savings 40

  Adoption

  Savings

  Charts & data

  BarChart

  Compare categories, show the parts of a total, or follow one measure. Start with valid data and give the chart enough room to be read.

• Space for better questions.

  A quiet accent beside the story.

  Brand motifs

  HalftoneCircle

  Add a quiet field of dots beside a headline. Adjust the grain without competing with the words.

• A point of reference.

  One small mark frames the note without competing with its message.

  Brand motifs

  CrosshairMark

  Frame an editorial note with one small registration mark. Choose a ringed crosshair or a simple plus.

• Editorial headline

  Ask better questions.

  Underline one phrase; keep every word readable.

  Brand motifs

  HandDrawnUnderline

  Emphasize one phrase with a drawn stroke. Keep the text itself readable and meaningful without decoration.

• Ideas in progress.

  A technical accent beside an editorial note.

  Brand motifs

  TechnicalCollage

  Give an editorial layout a small visual pause with a blueprint grid or a panel of layered shapes.

• CoreUX

  Primitives

  BrandWordmark

  Identify CoreUX with a text wordmark or a compact boxed signature, using the bundled display typeface.

• Strategy / Product / Engineering / Automation

  Primitives

  EyebrowLabel

  Introduce a headline with a short context label and an optional decorative dot.

• 1

  Strategy

  Align on outcomes and value.

  →

  2

  Product

  Design the right solution.

  3

  Engineering

  Build secure, high-performance software.

  →

  4

  Automation

  Operate, measure, and continuously improve.

  Primitives

  ProcessSteps

  Explain a short workflow with numbered steps in a fixed two-column layout.

• • Adoption: 72
  • Savings: 58
  • Velocity: 44
  • Conversion: 24

  Charts & data

  MiniChart

  Support a data story with a compact bar, donut, or trend graphic and a complete text explanation.

• Strategy. Design. Engineering. Working in concert.

  Good software starts with better questions.

  An illustrative campaign: turn ambiguity into clarity, then build software around the outcomes that matter.

  Start a project

  Marketing templates

  MarketingHero

  Introduce a campaign with a clear headline, optional supporting copy, and a cobalt CTA label.

• Strategy

  AI is not the strategy.

  CoreUX

  Marketing templates

  ShortformCover

  Open a shortform story with one of six 9:16 cover layouts, from a headline or expert viewpoint to data and announcements.

• Adoption

  32%

  Savings

  26%

  Velocity

  20%

  Other

  22%

  Charts & data

  DonutChart

  Show a few non-overlapping parts of one whole. Choose direct labels or a capsule legend and explain what the total represents.

• Pilot

  Baseline

  Charts & data

  LineChart

  Follow one or two measures across an ordered sequence. Use a full chart for readable axes or a compact trend beside a clear explanation.

• Project

  Progress

  Status

  Customer Portal

  82%

  On track

  CRM Modernization

  61%

  At risk

  Charts & data

  DataTable

  Present a compact set of structured records with typed cells, clear column labels, and an optional summary footer.

• Automation

  Delivery velocity

  2.4M/yr

  Automation savings vs last quarter.

  Cards & framing

  PanelCard

  Build a focused metric or content panel using named slots, a standard or bucket surface, and a clear dominant title or value.

• Illustrative onboarding
  72 of 100 steps complete

  Charts & data

  ProgressMeter

  Show a known fraction completed in a compact horizontal track. Pair the visual fill with a readable label, value and status.

• UX

  Cards & framing

  FramedContent

  Center one small piece of content in a circle, rounded square, hexagon or diamond. Add nearby text to explain what the framed marker means.

• Strategy

  Align

  Design

  Cards & framing

  GroupFrame

  Place related content inside a named solid or dashed boundary. Use a short label and deliberate spacing to make a shared concept easy to scan.

• 37% Adoption

  Labels & annotation

  Capsule

  Keep a concise metric or status together in a pill with optional leading and trailing content.

• IntakeReports

  Labels & annotation

  Connector

  Draw one relationship between explicit pixel anchors, with a path, optional arrowhead, and short label.

• Clarity drives

  better outcomes.

  Labels & annotation

  RichTextOverlay

  Emphasize a short display statement with styled spans, one primary underline, and an optional marker.

• Clarity drives better outcomes.

  Labels & annotation

  SpeechBubble

  Present a short speech annotation with explicit line breaks and a tail on one selected edge.