01 / FAN
A personal content space.
Feed, creator profiles, subscriptions, messages, saved content, and billing. Spacious media layouts with clear access and purchase states.
FANINTO.COM / VISUAL DIRECTION 01
Dark, exclusive, and personal. A violet italic f and signature dot sit inside a fine circle: a personal mark for each creator’s world.
Midnight#101014 · Page background
Graphite#19191F · App surfaces
Violet#B8A0FF · Primary action
Soft white#F5F3FA · Primary text
A restrained sans serif for navigation, body text, and product screens. Expressive italic serif accents belong to marketing headlines. Product labels, balances, and tables stay straightforward. The logo is a scalable SVG; its wordmark uses an editable system-font text element.
01 / FAN
Feed, creator profiles, subscriptions, messages, saved content, and billing. Spacious media layouts with clear access and purchase states.
02 / CREATOR STUDIO
Publishing, media library, messaging, audience, earnings, and payouts. The same components, with focused tools and visible account status.
03 / ADMIN
Verification, moderation, finance, support, and audit history. Denser tables and queues, explicit permissions, and consistent status colors.
Next design phase: one representative screen per interface, then the detailed flows. Administrative access remains separate from fan and creator accounts.
Use the same spacing scale (4, 8, 12, 16, 24, 32, 48, 64), 7px button corners, 18px panels, violet focus rings, and readable muted text throughout. Reserve green, amber, and red for success, pending, and error states. Every status includes a text label.