Pattern catalog

Reusable compositions for page structure, operational data, resource detail, filters, state, and multi-rail workspaces.

Page composition

Use page-level patterns to keep title, toolbar, filters, and supporting metadata aligned.

Connections

Healthy

Manage provider connections and availability.

Connected
12
Healthy
11
Requests
48k

Access requests

4 pending

Inside a Card or InventorySurface the header takes the surface inset and the card surface, with no consumer padding.

Card content.

Resource detail

Amazon Bedrock

Connected

Organization-wide model provider.

Configuration

Shared, read-only operational values.

Region
eu-west-1
Models
14 available

Activity and progress

Monthly request budget68%
Resets in 12 days
Catalog synchronized
14 models available
Ready
Policy updated
Developer access

Filters and pagination

FilterReady
FilterAmazon Bedrock
76 resources

State and confirmation

No matching resources

Adjust filters or search using a different term.

Workbench

Multi-rail patterns retain consistent geometry while applications own data and routing.

Primary work area

Product-owned tools and content live here.

Brand surfaces

Card tones, pill tags, and the eyebrow line bring the conscia.com service tiles and case cards into products. Never put data tables or charts on a toned card.

Service

Cybersecurity

Security embedded in every layer of the infrastructure.

Service

Hybrid cloud

On-premises and cloud combined into one secure environment.

Case

Vejle strengthens network visibility

CybersecurityManaged services

Content helpers

Catalog examples include copyable package imports and provider identity.

Amazon Bedrock
import { PageHeader } from "@conscia-labs/design-system";

<PageHeader title="Connections" />