Intech Logo v1.0

Component Library

All shared UI components from @workspace/ui, organised by atomic design principles.

Buttons

Colors mirror the live site: Sky #49B6FF is the primary fill (dark text), with sky-tint outlines and the real error red for destructive. Poppins Medium, 14px.

Variants

Primary

The main action — the site’s brand Sky fill with dark text (.bg-brand / btn-primary-text). Use it once per view.

Default
Hover
Active
Disabled

Secondary

Complementary actions. The site’s neutral-bordered button that turns brand on hover (border-default → brand).

Default
Hover
Active
Disabled

Tertiary / Ghost

Low-priority actions — the site’s text link that shifts to brand-hover. No fill, no border.

Default
Hover
Active
Disabled

Destructive

Irreversible actions — delete, cancel, discard. Uses the site’s real error token (#E74C3C), distinct from the Sky primary.

Default
Hover
Active
Disabled

Sizes

32px
40px
48px
Size Height Use
Small 32px Tables and tight spaces
Medium 40px General use
Large 48px Forms and prominent calls to action

Content

Typeface: Poppins, Medium (500), 14px.
Labels stay short, clear and action-oriented.
Icons keep their proportion and align with the text.
Icon + label · 8px gap

Light & Dark

Light surface
Dark surface

Cards

One card system, four brand variants — Offering (Pod), Service, Team and Stat. Equal height, one CTA each, palette-only.

Offering · Pod card

Express Pod

A focused 30-day sprint from idea to a working MVP.

Launch an Express Pod

Build Pod

A dedicated engineer embedded in your product team.

Start a Build Pod

Scale Pod

A full team that scales alongside your roadmap.

Scale Your Team

Service card

AI Automation Consulting

Automation for mid-market operators.

Read the guide

AI Integration Services

Connect CRM, ERP and ops with governance and audit trails.

Read the guide

AI Software Development

Product engineering with AI-assisted delivery — MVPs to SaaS.

Read the guide

Team · Profile card

SM
Skip Marshall
CEO & Co-Founder

Two decades shipping products for founders and operators.

“Clarity before code.”
CG
Chuck Griess
CTO & Co-Founder

Builds AI-era engineering teams that move without technical debt.

“Build what matters, well.”

Stat card

15+
Years building products
30
Days · idea to MVP
0
Wasted sprints
100%
Dedicated to your team

FAQ · Accordion

The site’s most-repeated pattern. One canonical, keyboard-accessible accordion built on native <details> — collapsed by default, expands on click or Enter/Space.

How does the discovery call work?
A 30-minute, pressure-free call with Skip to understand your goals and whether we’re the right fit — no slide deck, no hard sell.
What does an Express Pod cost?
A fixed scope at a fixed price for a 30-day idea-to-MVP engagement, so there are no surprises.
Who owns the code we build?
You do. Everything we ship is yours, with full handover of repositories, infrastructure and documentation.
How fast can we start?
Most engagements kick off within a week of the discovery call once scope is agreed.
Can you work with our existing team?
Yes. Build and Scale Pods embed directly with your engineers and adopt your tooling and rituals.

Atoms

Fundamental building blocks — the smallest indivisible UI elements.

Badge

Variants
Default Secondary Outline Destructive Ghost Link

Checkbox

States
With label

Input

States
Types

Label

Standalone
Paired with input

Radio Group

Vertical
Horizontal

Separator

Horizontal

Above

Below

Vertical
Left
Right

Skeleton

Shapes
Card skeleton

Switch

States
Small size
With label

Textarea

States

Tooltip

Positions

Molecules

Combinations of atoms that form more complex, reusable UI patterns.

Avatar

Sizes
JDJDJD
Fallback
SMJDLG
With badge
JDJD
Group
U1U2U3
+5

Card

Default
Card title
A short description of this card's purpose.
New

Card body content goes here. You can place any element inside.

Simple
Simple card

Minimal card with just a title and content.

Field

Vertical (default)

This will be displayed on your profile.

With error
Horizontal
FieldSet
Account settings

Max 160 characters.

Select

Default
Small size
Disabled

Organisms

Complex, self-contained UI sections composed of molecules and atoms.

Dialog

Default
Destructive action

Sheet

Sides

Sonner (Toast)

Toast variants

AI Capability Cards

The service grids from /ai-services, rendered in the site’s dark theme — icon card (capabilities) and numbered card (ways to start).

Six places we help companies build AI capability

AI Strategy & Roadmap

Know where AI belongs before you invest in building it. We help leadership teams identify the right opportunities and define a practical roadmap.

Fractional Chief AI Officer

Senior AI leadership without adding a full-time executive. Strategy, governance, and execution oversight on a monthly cadence.

AI Training & Team Enablement

Help your team use AI well, not just more often. Training built around the actual workflows people work in.

AI Agent Infrastructure

Give agents the context, tools, and guardrails they need to do real work, including custom MCP servers and connectors.

Agent Memory & Org Context

Most AI tools forget too much. We design memory systems so agents retain decisions, rationale, and the context recurring work needs.

Custom AI Software & Automation

When the answer is software, we build AI-enabled systems that fit the work, not generic copies of off-the-shelf tools.

Four ways to start

01

AI Discovery Sprint

A short advisory engagement to identify the highest-value opportunities and define a practical roadmap.

02

AI Enablement Program

Training and workflow adoption for leadership teams, departments, or specific roles.

03

AI Build Pod

A product engineering pod focused on agents, MCP servers, memory systems, or custom AI software.

04

Fractional CAIO

Strategy, governance, and execution guidance for companies that need AI leadership before they hire it full-time.

Feature List & Chips

Two recurring atoms on service pages: a check-bulleted capability list and a chip/tag set for the “practical stack”.

Bulleted list (icon + text)

  • Diagnose workflow friction and decide where AI creates real leverage.
  • Build agents and automation on your existing infrastructure.
  • Instrument every action with governance, audit trails and approval gates.

Tags / Chips

MCP & integrations Agent memory & context Training & enablement Fractional CAIO Custom AI software AI operations

CRAFT Methodology

The signature 5-step framework, applied to AI. A repeatable “labeled step” pattern — letter badge, title, one-line rationale.

C Step 1

Context

What does the business need AI to understand about customers, decisions, and constraints?

R Step 2

Rationale

Which decisions are AI-eligible, which need human judgment, and why we drew the line there.

A Step 3

Automate

Which work AI should perform end-to-end, with the right tools, prompts, and connections.

F Step 4

Fortify

Reviews, approvals, permissions, and controls that keep AI useful and safe at scale.

T Step 5

Telemetry

How we measure whether AI improved the outcome, not just whether it ran.

CTA Band

The page-closing conversion block: headline + sub + dual CTA (primary “Let’s Chat” + neutral outline). Shown on the site’s dark surface and a light variant.

AI should create leverage, not confusion.

Book a 30-minute discovery call — no deck, no hard sell. We’ll tell you honestly where AI helps.

AI should create leverage, not confusion.

Book a 30-minute discovery call — no deck, no hard sell. We’ll tell you honestly where AI helps.