Mockups made easy

# Mockups made easy — Style Reference
> blueprint on white marble
Theme: light

Maneken employs a crisp, purposeful design language that balances robust product presentation with a clean, light interface. Strong, compact typography anchors key messages, while a singular vivid blue accent color highlights interactive elements and calls to action. Surfaces are typically flat and highly contrasting using white, black, and light gray, with occasional subtle dark cards setting off mockups. The overall feeling is direct and functional, designed to keep focus on the visual content.

## Colors
| Name | Value | Role |
|------|-------|------|
| Midnight Ink | `#000000` | Primary text, strong headings, borders, and main UI outlines — provides high contrast against light surfaces |
| Canvas White | `#ffffff` | Page backgrounds, card surfaces, white button text — forms the dominant base of the light theme |
| Deep Slate | `#10151c` | Dark surface backgrounds for content blocks, card backgrounds |
| Soft Fog | `#f4f4f4` | Secondary background color for subtle section breaks and card surfaces, creating a stepped depth |
| Light Steel | `#eaeaea` | Subtle borders and dividers for UI elements |
| Muted Stone | `#86868b` | Secondary text, muted descriptions, and subheadings; provides a softer contrast |
| Cadet Blue | `#0050b7` | Primary action buttons, interactive elements, accent strokes, and branding — the single, vivid call-to-action color |
| Dark Charcoal | `#3e3e3e` | Neutral button treatment for secondary actions and selected controls. |

## Typography
| Family | Role |
|--------|------|
| Inter | General UI text, body copy, navigation, buttons, and form labels — provides a robust, contemporary sans-serif foundation. |
| TWKEverett | Key headings and hero text — this custom typeface delivers a distinctive, strong brand voice with its compact, assertive forms. |
| Arial | Minimal usage for specific input fields, likely a fallback or system integration. |