Tailark Pro

# Tailark Pro — Style Reference
> Gallery of Digital Artifacts — like a minimalist gallery showcasing pixel-perfect UI elements on subtly textured white walls.
Theme: light

Tailark Pro presents an airy, contemporary aesthetic that feels like an interactive museum exhibition of digital components. It achieves this with an almost entirely achromatic palette, punctuated by carefully selected, vibrant accents on interactive elements or illustrative details. The use of multiple shades of near-white for backgrounds and surfaces, combined with subtle, layered box-shadows, creates depth and structure without heavy lines or strong color contrasts. Typography is primarily utilitarian sans-serif, anchoring the UI, while a mono-spaced font adds a technical, precision-engineered feel to code-like elements. Asymmetric and varied border radii on cards create a dynamic, modern presentation.

## Colors
| Name | Value | Role |
|------|-------|------|
| Ink Black | `#09090b` | Primary text, prominent icons, dark backgrounds for contrast sections. |
| Ghost White | `#ffffff` | Page background, card surfaces, interactive indicator highlights. |
| Silver Gray | `#e4e4e7` | Default borders, subtle dividers, secondary background. |
| Dim Gray | `#52525c` | Secondary text, muted icons, subtle background for text sections. |
| Charcoal Black | `#404040` | Box shadows, deeper background tones. |
| Steel Gray | `#5f5f61` | Tertiary text, background for subtle interactive elements. |
| Light Pearl | `#848485` | Placeholder text, disabled element text. |
| Cloud Gray | `#d4d4d8` | Muted text, less prominent borders. |
| Pebble Gray | `#c2c2c2` | Subtle borders and background accents. |
| Dusty Gray | `#a6a6a6` | Subtle shadows, disabled state borders. |
| Dark Granite | `#474748` | Darker background accents, specific text elements. |
| Slate Blue | `#71717b` | Hint text, less prominent UI elements. |
| Violet Glow | `#615fff` | Accent color for interactive elements, primary buttons, and highlight states – brings a futuristic energy. |
| Teal Burst | `#64debe` | Accent color for illustrative elements and subtle background gradients, suggesting growth and innovation. |
| Lavender Mist | `#b0afff` | Muted violet for subtle accents and backgrounds within illustrations, providing a softer brand touch. |
| Sunstone | `#e17100` | Vivid orange for specific secondary accents or informational highlights, drawing attention when needed. |
| Emerald Spark | `#00d492` | Vivid green for positive indicators, financial gains, or as an illustrative accent. |
| Sky Blue | `#2b7fff` | Vivid blue for informational cues, links, and illustrative accents, conveying clarity. |
| Tangerine | `#fe9a00` | Vivid yellow-orange for small illustrative tags or highlights, indicating a type or category. |
| Forest Green | `#00bc7d` | Vivid green for specific application UI elements. |
| Crimson | `#ff2056` | Vivid red for error states or specific interactive accents. |
| Gradient Turquoise Green | `#00e0d9` | A dynamic gradient primarily used for header backgrounds or prominent feature sections, suggesting fluidity and modernity. |

## Typography
| Family | Role |
|--------|------|
| ui-sans-serif | Primary UI text for body content, navigation, buttons, and headings. Its clean, neutral presence ensures readability across all UI elements. |
| Geist Mono | Used for code snippets, command line interfaces, and technical labels to convey precision and data-centric accuracy. |
| Mulish | A secondary body font for specific descriptive text, providing a slightly softer counterpoint to the primary sans-serif. |