Skip to component catalogue

Angel Stones Interface Guidelines

Component catalogue

Framework-neutral patterns shared by Operations, CAD, and Marketing.

Foundation

Semantic color and type

The selected product theme changes expression while semantic roles remain stable. Explore the full palette, type scale, spacing and depth.

Primary
Accent
Success
Warning
Danger

Visual expression

Modern depth, with restraint

Opt-in gradient, glass, gloss, and elevation create a premium focal point without adding noise to operational screens.

Design intelligence

From an idea to a memorial customers can understand.

Use expressive surfaces for a hero, CAD welcome state, or key dashboard summary—not every form and table.

Operations overview

Production pulse

On schedule
94%
Ready to ship
18

The surface adds hierarchy; status remains readable text.

Actions

Buttons and hierarchy

One clear primary action, with secondary, ghost, destructive, compact, and loading states.

Usage, states and implementation guidance

Forms and selection

Field composition

Stable labels, explicit requirements, connected help, and responsive grouping.

Usage, states and implementation guidance

Manufacturing vendor

A calmer structure for the workflow shown in the original review.

Required
Optional
Optional
Internal vendor cost only.
Searchable selection Optional

Choices

Checkbox, radio, and switch

Native form choices for submitted decisions; switches for immediate settings.

Usage, states and implementation guidance

Notifications
Drawing units

Grid snapping is on.

Data display

Cards, descriptions, and tables

Semantic structures preserve comparison, record identity, and accessible headers.

Usage, states and implementation guidance

Work order

Production summary

Ready for review

Current ownership and the next production checkpoint at a glance.

Order
SO-1042
Owner
Production team
Next checkpoint
Proof approval

Vendor quotes

Compare the current purchasing responses for SO-1042.

2 quotes
Vendor quotes for the selected order
Heritage MemorialPreferred supplier HM-8841 $1,340.00 Pending
Northern GraniteCurrent supplier NG-2026-18 $1,280.00 Received

Vendor quotes sorted by Vendor, ascending.

Disclosure

Details, tooltip, and popover

Progressive disclosure keeps essential instructions visible and optional detail nearby.

Usage, states and implementation guidance

Why is a vendor PO optional?
The workflow may begin before a PO exists. Product rules decide when it becomes required.
Internal vendor cost, never customer pricing.

Display options

Specialized inputs

File, date, and time

Native controls remain available while the product owns validation, storage, and time-zone rules.

Usage, states and implementation guidance

PDF or image, up to 10 MB.

Feedback

Alerts, status, loading, and empty state

Messages identify the state, its scope, and the next useful action.

Usage, states and implementation guidance

Changes saved

The design-system example is up to date.

Syncing vendor updates

You can continue working while this finishes.

No matching records

No records match the current filters. Clear them to see the full result set.

Overlays

Menu and confirmation dialog

Overlays keep focus, dismissal, and destructive consequences explicit.

Usage, states and implementation guidance

Archive this example?

It will leave the active catalogue and move to the archive.

Archive only when this record is no longer active. A real product must name the affected record and authoritative consequence.