Collekton UI System
Design system and component library for art inventory management. Built with HTMX and Alpine.js for dynamic, server-driven interfaces.
Color Palette
Design tokens for the Collekton color system
Primary
Accent (Gold)
Semantic
Typography
Font families, sizes, and text styles
Headings (Cormorant Garamond)
Heading 1 - Gallery Exhibition
Heading 2 - Artist Collection
Heading 3 - Artwork Details
Heading 4 - Price Information
Heading 5 - Provenance
Heading 6 - Condition Report
Display Text
Display 1
Display 2
Body Text (DM Sans)
Lead paragraph for introductory text that needs more emphasis.
Regular body text for standard content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.
Small muted text for secondary information and metadata.
Artwork Text Styles
Pablo Picasso
Les Demoiselles d'Avignon
1907
Oil on canvas
243.9 × 233.7 cm
Code (JetBrains Mono)
Inline code snippet in text.
// API response
{
"artwork_id": "AWK-2024-001",
"title": "Starry Night",
"artist": "Vincent van Gogh"
}
Forms & Inputs
Form elements with validation states and HTMX integration
Text Inputs
Input Sizes & Groups
Select & Textarea
Checkboxes & Radios
Buttons
File Upload
HTMX Loading States
Click button to see loading state
Components
Reusable UI patterns for the Collekton platform
Badges
Avatars
Alerts
Cards
Collection Overview
This is a standard card component with header, body, and footer sections.
Artwork Card
Georgia O'Keeffe
Jimson Weed/White Flower No. 1
$44,405,000
Stat Cards
Tabs
Artwork details and specifications would appear here.
Ownership history and provenance information.
Exhibition history and display records.
Related documents, certificates, and media.
Accordion
Progress
Loading States
Pagination
Breadcrumbs
Dropdown
Modal
Toasts
Data Tables
Tables for displaying artwork, sales, and inventory data
Inventory Table
| Artwork | Artist | Category | Status | Value | Actions | |
|---|---|---|---|---|---|---|
|
Water Lilies
1906 • Oil on canvas
|
Claude Monet | Painting | Available | $84,687,500 |
|
|
|
The Persistence of Memory
1931 • Oil on canvas
|
Salvador Dalí | Painting | On Loan | $125,000,000 |
|
|
|
Girl with a Pearl Earring
1665 • Oil on canvas
|
Johannes Vermeer | Painting | Sold | $30,000,000 |
|
Empty State
Compact Table
| ID | Event | Date | User |
|---|---|---|---|
LOG-001 | Artwork viewed | Jan 9, 2026 | admin |
LOG-002 | Price updated | Jan 9, 2026 | curator |
LOG-003 | Location changed | Jan 8, 2026 | admin |
LOG-004 | Document uploaded | Jan 8, 2026 | registrar |
Admin Layout
Complete admin interface layout with sidebar navigation