Art Hackers

Dashboard A

Analytics overview — active projects, board stages, and recent activity.

Analytics Desktop

Dashboard B

Operations dashboard — 3-column grid with appointments, urgent alerts, and studio nudge cards.

Operations Appointments Desktop

Projects Board

Kanban-style board with stage columns — New, Consult, Quoted, Booked, In Chair, Healing, Closed.

Kanban Board Desktop

Projects Inbox

New submission inbox — split-pane view with message list and conversation detail.

Inbox Messages Desktop

Projects Gallery

Visual portfolio gallery — filterable grid of tattoo work with style tags and stage badges.

Gallery Portfolio Desktop

Project Detail

Full project workspace — client info, reference images, session timeline, notes, and deposit tracking.

Detail Workspace Desktop

Projects Table

Sortable data table with all projects — client, stage, placement, style, deposit, and age columns.

Table Data Desktop

Project Detail Mobile

Mobile-optimized project view — session timer, reference strip, client card, and action bar.

Mobile Detail iPhone

Clients List

Full roster with table and grid views — search, filter by status, and client row linking.

Roster Table Grid

Messages

3-pane messaging interface — folder rail, thread list, and conversation view with rich composer and templates.

Messages Inbox Desktop

Client Detail

Client profile — unified timeline, projects gallery, threaded messages, studio notes, and flags.

Profile Timeline Messages

Calendar

Studio chair-time calendar — week/day/month views, session blocks, walk-in slots, and time-off management.

Calendar Schedule Desktop

Login

Centered auth card with dot-grid background, email/password inputs, sign-in button, forgot password flow.

Auth Login Standalone

Register

Account creation with email, password, confirm, terms checkbox, and validation flows.

Auth Register Standalone

Email Verify

6-slot OTP entry with red glow envelope icon, auto-advance, paste support, and resend timer.

Auth OTP Verification

Profile

Artist profile page — hero with avatar, bio, style tags, and portfolio gallery in a two-column layout.

Profile Portfolio Desktop

Settings

Studio settings hub — profile, studio info, working hours, notifications, subscription, and account management.

Settings Account Desktop

Onboarding

4-step setup flow — studio profile, working hours, intake form selection, shareable link with copy actions.

Onboarding Setup Multi-step

Forms List

Form management dashboard — grid of intake, consent, flash sheet forms with status, stats, and actions.

Forms Grid Desktop

Forms Builder

Two-pane form builder — drag-and-drop field list with live client preview, settings, and section dividers.

Builder Form Desktop

Public Intake Form

Client-facing intake page — centered form card, hero with artist identity, reference upload, chip picker, signature pad, and success state.

Form Public Desktop

Public Intake Form Mobile

Mobile-optimized intake form — 390px viewport, full-width layout, stacked fields, 2-column thumbnail grid, adapted for touch.

Form Public Mobile