Card title
Card copy goes here.
Colors · buttons · site elements · client · server
Pridge design language
An overview of everything visual across the Pridge ecosystem: this site's color palette and components, the 18 button effects available, and how Pridge Client and Pridge Server fit into the same family.
Palette
Colors
Pridge Blue plus a curated Persian jewel-tone scale. Full hex values and sources: COLORS.md.
Pridge Blue--pridge-blue
Persian Blue--persian-blue
Persian Red--persian-red
Persian Green--persian-green
Amber--amber
Pridge Blue Deep--pridge-blue-deep
Persian Blue Cobalt--persian-blue-cobalt
Persian Blue Navy--persian-blue-navy
Persian Teal--persian-teal
Persian Green Vivid--persian-green-vivid
Persian Red Deep--persian-red-deep
Amber Gold--amber-gold
Amber Vivid--amber-vivid
Interaction
Buttons
18 hover/tap-friendly CSS button effects. Ripple Rings is the one used live on this site's own buttons. Notes on each: BUTTONS.md.
Live site button
.button — Ripple Rings, as used in the hero
Reflection Sweep
Automatic glossy reflection
Neon Pulse
Idle glow + solid hover
Gradient Shift
Continuous color flow
Border Runner
Animated conic border
Liquid Fill
Fluid hover transition
Magnetic Lift
Depth and hover shadow
Split Reveal
Panels open on hover
Scanner Line
Technical HUD feel
Pixel Glitch
Hover-only distortion
Ripple Rings
Signal broadcast — used live
Data Sparkles
Moving particle grid
Corner Brackets
Minimal cyber frame
Glass Prism
Subtle rotating spectrum
Energy Charge
Left-to-right power fill
Text Swap
Secondary action reveal
Status Orb
Live connection indicator
Arrow Launch
Clear directional motion
Holographic
Multi-tone interface sheen
Components
Site elements
Reusable pieces from this site itself, live-rendered with their real styles. Full catalog: elements/NOTES.md.
Open source
Persian star motif
.motif-tag / .motif-star
Section label
Kicker
.kicker
pending→printed
Lifecycle badges
.life.pending / .life.printed / .life.failed
Endpoint item
.endpoint-item / .method
Doc link
.doc-link
Copied to clipboard
Toast
.toast
Example
curl -X POST "https://print.example.com/api/plugin/jobs"
Code panel
.code-panel
Cross-project
Pridge Client
The desktop bridge: a compact pywebview app with six named dark themes. Its accent colors are cross-referenced in this site's palette, not blended into any gradient here.
Onyxdefault theme
Quartz--client-quartz
Moonstone--client-moonstone
Labradorite--client-labradorite
Obsidian--client-obsidian
Jet--client-jet
Design elements, matched to our palette
Connection
Online
Status card
Client's compact status widget, re-skinned
Servers
Printers
Logs
Sidebar nav item
Client's compact sidebar list, re-skinned
Quartz
Moonstone
Jet
Theme picker
Client's gemstone theme selector, re-skinned
Main office
print.example.com
Connected
3 endpoints
Server item
Client's connection profile card, re-skinned
shipping-labels
endpoint
Zebra ZD421
Mapping row
Client's endpoint-to-printer row, re-skinned
Launch at login
Start the worker automatically
Settings row
Client's settings toggle row, re-skinned
Connected successfully
Connection result
Client's inline success/error alert, re-skinned
Cross-project
Pridge Server
The PHP + SQLite admin dashboard. Same layout instincts as this site (sticky blurred topbar, card-based views) and now the same palette too.
Design elements, matched to our palette
Queued jobs
128
Metric card
Server's dashboard stat card, re-skinned
System operational
Status pill
Server's glowing status pill, re-skinned
Pridge Admin
Admin topbar
Server's sticky blurred topbar, re-skinned
Endpoint created. Share the token with your integration once.
Notice
Server's success callout, re-skinned
| Job | Endpoint | Status |
|---|---|---|
| #1248 | receipts-front-desk | printed |
| #1249 | invoices-accounting | pending |
| #1250 | warehouse-a4 | failed |
Data table
Server's admin queue table, re-skinned