Brand identity · fans4u.com

Fans4U brand book

This page holds every official Fans4U logo version together with the guidelines for using it. Always download one of these files, never rebuild, recolour or redraw the mark yourself.

Logo downloadsBack to app

Platform emoji

One emoji stands for Fans4U everywhere text has no logo. It is the same emoji configured for the Connect bot in Telegram, so the bot and the brand always read as one.

The Fans4U platform emoji
Where it lives
Admin, Integrations, Telegram, Connect bot emoji. Change it there and it changes everywhere.
Telegram
Every About and Description opens with it, once, followed by a space.
One per line
Never combine it with another brand emoji in the same line.
Never a logo
It supports the wordmark, it never replaces the symbol or the logo.

Brand foundation

Who we are, what we promise and the one thing we never compromise on.

Tagline

Your fantasy. Made for you.

Discover real and AI-powered creators made to connect with you.

Positioning

Fans4U is an age-restricted creator marketplace and social platform for real creators and AI-powered characters, with every profile clearly labelled.

Radically honest

We label every AI element, every time. Transparency is the product, not a footnote.

Premium, not seedy

Editorial photography, generous whitespace, calm motion. No flashing, no pressure.

Consent first

Nothing is bought except digital content. Never imply access to a person.

Real and AI-powered creators. Every profile shows its type, and AI-generated content is labelled.

The symbol

Orbit: a solid core inside an open ring. The core is the person, the ring is the audience that circles them, and the gap in the ring reads as a 4. It is the only element allowed to carry the brand gradient.

Symbol (beeldmerk only)

The Orbit mark on its own, for favicons, avatars and places where the name already appears. Never smaller than 16 px.

  • Favicon
  • Social avatar
  • App chrome
Size512 × 512
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Simplified symbol

A closed ring with a solid core, no gradient and no gap. Use it small: vehicle lettering, embroidery, textile print, engraving and below 24 px.

  • Embroidery
  • Engraving
  • Vehicle lettering
  • < 24 px
Size512 × 512
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Construction
40 × 40 grid, ring stroke 4.4, core radius 6.4.
Gradient
135° from brand violet #6C4DFF to accent pink #FF5C9D.
Gap
Open arc at the lower left; never close it in the gradient version.
Simplified
Closed ring, stroke 5.2, one colour, for anything reproduced small or in a single ink.

Avatars & profile pictures

Square canvases with the symbol centred; platforms crop them to a circle themselves. Never upload a lockup as a profile picture, the wordmark becomes unreadable.

Avatar (light)

Default profile picture for Instagram, X, LinkedIn and WhatsApp: gradient mark on offwhite. The file is a square canvas, platforms crop it to a circle themselves.

  • Instagram
  • X / Threads
  • WhatsApp Business
Size1600 × 1600
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Avatar (dark)

Alternative profile picture for dark environments: gradient ring with a pink core on ink. Use it only when the light avatar lacks contrast.

  • Dark-themed channels
  • Discord
  • Video platforms
Size1600 × 1600
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Avatar (gradient)

Campaign avatar: the mark knocked out of the full brand gradient. Highest recognition in a crowded feed, lowest legibility at 24 px, never use it as a favicon.

  • Campaigns
  • Feed-heavy platforms
Size1600 × 1600
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Avatar + cover pairing

Fans4U

Creator marketplace · Real and AI-powered creators · For ages 18 and over

Pair the light avatar with a clean cover, or the gradient avatar with a clean dark cover. Never place the gradient avatar on the gradient cover, the mark disappears.

Telegram bot avatars

Every Fans4U bot carries its own gradient so people know which door they walked through. The mark, the rounded square and the white knockout stay identical, only the gradient changes.

Fans4U Connect bot avatar

💫 @Fans4uConnectBot, The fan-facing bot. Signature violet to pink gradient with the white Orbit mark: this is the house avatar, identical to the campaign avatar, so fans recognise the platform instantly.

  • Telegram botpic
  • @Fans4uConnectBot
Size1600 × 1600
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Which avatar belongs to which bot

💫 @Fans4uConnectBot

The fan-facing bot. Signature violet to pink gradient with the white Orbit mark: this is the house avatar, identical to the campaign avatar, so fans recognise the platform instantly.

Who it is for: For members and logins of the platform, ordinary users, not creators. They chat privately with the creator personas they follow and stay close to their favourites.

#6C4DFF → #FF5C9D

Telegram only accepts a botpic through BotFather. Download the matching 512 × 512 PNG above, then send it to @BotFather, Edit Bot, Edit Botpic. Never reuse one gradient across two bots.

App icons & favicon

Rounded-square icons for the stores, a flat mark for the browser tab.

App icon (iOS / Android)

Gradient rounded square with the white mark. Ship at 1024 px; the platform generates the smaller sizes.

  • iOS
  • Google Play
  • PWA 512
Size1600 × 1600
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

App icon, maskable

Android adaptive / PWA maskable icon: the mark sits inside the 80% safe circle so no crop shape can clip it.

  • Android adaptive
  • PWA maskable
Size1600 × 1600
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Favicon (32 px)

Flat violet mark on transparent, no gradient, because gradients turn to mud at 16 and 32 px.

  • favicon.svg
  • 16 / 32 px .ico
Size512 × 512
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

App icon, monochrome

For iOS tinted/dark home screens and notification badges. One colour, no gradient.

  • iOS tinted icon
  • Notification badge
Size1600 × 1600
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

iOS
1024 × 1024 PNG, no transparency, no pre-applied rounding.
Android adaptive
512 × 512 maskable; the mark stays inside the 80% safe circle.
Favicon
SVG plus 32 × 32 and 16 × 16 PNG, always the flat mark, never the gradient.
Apple touch icon
180 × 180 PNG on the gradient plate.

Per-domain icon fields

Every connected domain gets this same icon, only the colour field changes, so a phone home screen keeps the sites apart. The main domain always keeps the brand field. Generate them in Admin, Domains, per domain.

App icon, Brand (violet to pink)
Brand (violet to pink)
App icon, Pink led
Pink led
App icon, Deep violet
Deep violet
App icon, Ink
Ink

The Fan Coin

Fan Coins are the platform currency. The coin is a separate beeldmerk from the Orbit mark and deliberately sits outside the brand palette, it is struck gold on every surface, in every theme, on every partner channel.

Concept

Milled Sovereign: reeded edge, deep rim channel, raised inner field and an eight-ray starburst around a central boss. It reads as minted currency, not as a crypto token.

Never branded

The coin carries no wordmark, no “4U” and no violet or pink. Value has to look like value, the brand shows up around the coin, never on it.

Gold values

#FFF3C4#F6D371#D9A438#A9741B#6E4708

Fan Coin, all variants

Fan Coin, struck gold (primary)

The official coin. Full metallic strike with reeded edge, rim channel and specular light. Use it wherever the coin is the subject.

  • Wallet hero
  • Purchase flows
  • Marketing
  • Store listings
Size1600 × 1600
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Fan Coin, struck gold on light

Identical strike, previewed on a light surface. The coin never changes colour between light and dark UI.

  • Light UI
  • Documents
  • Print
Size1600 × 1600
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Fan Coin, flat milled

Simplified flat gold that keeps the milled edge. The default in dense UI from 32 px upwards.

  • Balances
  • Price chips
  • Tables
  • Emails
Size1600 × 1600
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Fan Coin, flat (micro)

The smallest safe coin: two flat golds and the relief only. Stays readable down to 16 px and survives heavy compression.

  • 16–24 px UI
  • Favicons
  • Notifications
  • Chat
Size1600 × 1600
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Fan Coin, solid black

One-colour black disc with knocked-out relief. For one-colour print, stamps, invoices and fax-grade documents.

  • One-colour print
  • Stamps
  • Invoices
Size1600 × 1600
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Fan Coin, solid white

One-colour white knockout for dark surfaces, photography and garment print.

  • Dark surfaces
  • Photography
  • Apparel
Size1600 × 1600
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Fan Coin, line (black)

Outline coin with no fill. Built for engraving, embroidery digitising, vinyl cutting and etched signage.

  • Engraving
  • Embroidery
  • Vinyl
  • Signage
Size1600 × 1600
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Fan Coin, line (gold foil)

Single-colour gold line version. This is the artwork to hand a printer for hot foil or gold spot colour.

  • Hot foil
  • Spot gold
  • Packaging
  • Certificates
Size1600 × 1600
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Fan Coin, app tile

512 × 512 ink tile with the struck coin centred and correct safe-area padding. Use for store icons and wallet shortcuts.

  • App icon
  • Store listing
  • Wallet shortcut
Size1600 × 1600
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

1,250FAN COINS

Fan Coin, balance lockup (dark text)

Coin plus amount lockup with the unit written out. Use whenever a number could be mistaken for a currency amount.

  • Wallet header
  • Receipts
  • Statements
Size1600 × 488
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

1,250FAN COINS

Fan Coin, balance lockup (light text)

The same lockup for dark UI, dark decks and dark print.

  • Dark mode
  • Decks
  • Dark print
Size1600 × 488
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Minimum size
Struck gold 40 px / 12 mm · flat milled 32 px · flat micro 16 px.
Clear space
One quarter of the coin diameter on every side.
Which file
Struck gold when the coin is the subject, flat milled in dense UI, flat micro below 32 px, line art for foil, engraving and cutting.
Balances
Always pair a number with the coin or the words “Fan Coins”. Never write a coin balance with a currency symbol.
Print
Hot foil or spot gold from the line file. In four-colour process use the struck gold at 300 dpi.
File formats
SVG for vector and print, PNG or WEBP for transparent raster, JPG only with a chosen background.

Do

  • · Download the official coin: SVG for anything vector or printed.
  • · Drop to the flat or micro variant instead of shrinking the struck coin.
  • · Keep the coin gold on brand-coloured surfaces; it is the constant.
  • · Label the unit as Fan Coins the first time it appears on a screen.

Don't

  • · Recolour the coin into violet, pink or any brand gradient.
  • · Add the Fans4U wordmark, a currency symbol or a number onto the coin face.
  • · Rotate, tilt, bevel or drop-shadow the coin beyond the supplied files.
  • · Present Fan Coins as money, crypto, an investment or something redeemable for cash.

Clear space & minimum size

Space is part of the mark. Nothing enters the exclusion zone, not text, not an image edge, not another logo.

Clear space

Fans4U

Keep clear space on all sides equal to the diameter of the core dot, 0.32× the height of the mark.

Minimum sizes

16px
20px
24px
32px
  • · Full lockup: 110 px on screen, 28 mm in print.
  • · Symbol: 16 px on screen, 6 mm in print.
  • · Below 24 px always switch to the simplified, gradient-free version.

Do & don't

Eight things that keep the mark intact, and eight that break it.

Do

  • · Only use the files downloaded from this page.
  • · Choose the version with the highest contrast on the background.
  • · Use the simplified mark below 24 px, in embroidery and on vinyl.
  • · Keep the logo horizontal, unrotated, at its original proportions.

Don't

  • · Never apply the gradient to the 4U in the wordmark.
  • · Never rotate, skew, stretch, outline or add a shadow.
  • · Never recolour the ring outside the brand tokens.
  • · Never place the gradient mark on a busy photo, use mono white.

Colour

Every colour is a semantic token. Components reference the token; print and merch use the hex and CMYK values below.

SwatchTokenHexCMYK
Brand violet
58 / 70 / 0 / 0
Brand dark
64 / 78 / 0 / 15
Brand soft
6 / 8 / 0 / 0
Accent pink
0 / 64 / 15 / 0
AI
64 / 78 / 0 / 15
Success
75 / 0 / 55 / 5
Warning
0 / 30 / 82 / 2
Info
76 / 49 / 0 / 0
Destructive
0 / 79 / 70 / 0
Ink (foreground)
70 / 62 / 52 / 60
Muted foreground
12 / 10 / 0 / 47
Offwhite
2 / 2 / 0 / 0

Brand gradient

135° from --brand to --accent-pink. Reserved for the beeldmerk, hero surfaces and one primary moment per screen. Never in print on uncoated stock, never in embroidery.

Contrast pairings

primary / primary-foreground: AA at all sizes
brand-soft / brand-dark: AA at all sizes
muted / muted-foreground: AA for body, never for disclosures

Disclosure copy always uses foreground or a labelled tone colour, never muted-foreground at small sizes.

Typography

Manrope for display and the wordmark, Inter for interface and body. No third face.

Display XL: font-display text-5xl font-extrabold tracking-tightYour fantasy. Made for you.
Display L: font-display text-3xl font-bold tracking-tightDiscover AI creators
Heading: font-display text-xl font-boldTransparency by default
Body L: text-baseEvery profile is one of two kinds, and we always tell you which.
Body: text-smAI-generated content is labelled on every post and message.
Caption: text-xs text-muted-foregroundSent personally by the creator · 2h ago
Label: text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foregroundClassification

Download the typefaces

Both families are free under the SIL Open Font License. Install at least Manrope Medium (500) and ExtraBold (800), and Inter Regular (400), Medium (500) and SemiBold (600).

Download Manrope (.zip)Download Inter (.zip)

Exported SVG and PNG logo files embed Manrope, so the wordmark is correct even on a machine without the font. For print production, convert the wordmark to outlines.

Our social media bio

Fixed copy for every channel. Use it exactly as written so each field stays inside the platform limit, and so the AI disclosure is never truncated away.

Page / profile name

6/75

Fans4U

Exact platform name, no additions such as B.V., .com or a tagline.

Category (max 3)

Social Network · Entertainment Website · Digital Creator Platform

Enter in this order. Never a dating category | Fans4U is not a dating service.

Bio (255)

218/255

Fans4U is an age-restricted creator marketplace and social platform for real, verified creators and AI-powered characters. Every profile shows its type and AI-generated content is labelled. For people aged 18 and over.

The long bio field. The labelling sentence is mandatory and may never be cut.

Short bio (101)

104/101

Creator marketplace and social platform. Real and AI creators, every profile labelled. Ages 18 and over.

For places where the bio is truncated, such as mobile search results.

About / description

217/255

Subscribe to fictional AI creators and official AI representations of verified creators. Every post, image and message is labelled AI-generated or creator-made. Payments buy digital content only. For ages 18 and over.

Longer copy for the About tab. Keep the payment sentence, it is a legal requirement.

Instagram / TikTok / X bio (150)

129/150

Creator marketplace · Every post labelled AI-generated or creator-made · Digital content only · For ages 18 and over · fans4u.com

Fits the 150-character limit on Instagram, TikTok and X without truncation.

Username (@handle)

6/50

fans4u

Keep it identical on every channel. Letters, numbers and full stops only.

Website

https://fans4u.com

Always include https:// so platforms validate the link.

Image sizes per platform

  • · Profile picture: 512 × 512 px, use an avatar download above.
  • · Facebook cover: 1640 × 856 px; keep the logo out of the bottom 120 px.
  • · X / Twitter header: 1500 × 500 px; the avatar overlaps the lower left.
  • · Shared link (og:image): 1200 × 630 px.
  • · Feed post: 1200 × 1200 px. Story / Reel: 1080 × 1920 px.

og:image & social images

Share images built on the brand field: ink base, violet and pink bloom, orbit rings and the logo centred inside a 60% safe zone so it survives any crop. No strapline, no extra copy: the logo is the only element.

Fans4U

og:image, with logo

Default share image for links on X, LinkedIn, WhatsApp and Facebook.

Size1200 × 630
Background
Format

PNG and WEBP keep transparency where the artwork has it; JPG always bakes in the selected background colour.

og:image, clean

Same field without the logo, for when you add your own headline or campaign copy.

Size1200 × 630
Background
Format

PNG and WEBP keep transparency where the artwork has it; JPG always bakes in the selected background colour.

Fans4U

Square, with logo

Feed post for Instagram and Facebook; the logo stays centred in any crop.

Size1200 × 1200
Background
Format

PNG and WEBP keep transparency where the artwork has it; JPG always bakes in the selected background colour.

Square, clean

Square atmosphere image without the logo, ideal as a background for your own layout.

Size1200 × 1200
Background
Format

PNG and WEBP keep transparency where the artwork has it; JPG always bakes in the selected background colour.

Fans4U

Facebook cover, with logo

Logo placed centre-high so the profile picture and buttons never overlap it.

Size1640 × 856
Background
Format

PNG and WEBP keep transparency where the artwork has it; JPG always bakes in the selected background colour.

Facebook cover, clean

Wide cover without the logo; pair it with the avatar as profile picture.

Size1640 × 856
Background
Format

PNG and WEBP keep transparency where the artwork has it; JPG always bakes in the selected background colour.

Fans4U

X / Twitter header

1500 × 500. Keep the avatar overlap in mind, nothing important in the lower left.

Size1500 × 500
Background
Format

PNG and WEBP keep transparency where the artwork has it; JPG always bakes in the selected background colour.

Fans4U

Story / Reel background

1080 × 1920. Keep captions out of the top 250 px and bottom 350 px.

Size1080 × 1920
Background
Format

PNG and WEBP keep transparency where the artwork has it; JPG always bakes in the selected background colour.

The square version with logo is the og:image every Fans4U domain serves; a domain only ever adds its own name in small type under the wordmark. Platforms cache previews, use the platform's link debugger to refresh after a change. The clean versions exist so campaign copy can be set on top without competing with the mark.

Email branding

Email cannot read CSS variables or draw the orbit with CSS, so it gets its own frozen kit: PNG logo exports, a fixed palette and one layout. Every auth email and app email uses it. Nothing in an email may be redrawn or recoloured by hand.

Email logo (beeldmerk & lockup)

Fans4U email lockup, whiteFans4U email symbol, white
Fans4U email lockup, colourFans4U email symbol, colour
lockupWhite
Default header, on the violet/pink gradient or any dark surface.
lockupColour
Light header variant, email signatures, invoices and receipts.
symbolWhite
Compact or narrow headers on the gradient, avatar slots.
symbolColour
Light surfaces where the wordmark already appears in the copy.

Email colour tokens

These are the only colours an email may use. They come from the brand palette; body, muted and hairline are the email-only tints derived from it.

violet
violetDark
pink
soft
ink
body
muted
hairline
canvas
white

Layout & specs

Width
600 px, one container only. Never nest a second width.
Body background
#ffffff always, even for dark themed surfaces. The card sits on the offwhite canvas.
Card
18 px radius, 1 px hairline border, fixed table layout so long words wrap.
Header
Gradient violet to pink, white lockup at 178 × 40 px, centred, 22 px vertical padding.
Gutter
28 px inside the card. All padding lives on the cell, never on card and block together.
Button
Gradient fill, white bold label, 999 px pill, always with a plain text link fallback below.
Type
System stack. 22 px heading, 15 px body, 13 px muted, 12 px footer.
Wrapping
Every text block breaks words and wraps anywhere so links and addresses never run under the card edge.

How to reference this

  • · Logos, colours and metrics live in src/lib/brand-email.ts and are the only source an email template may read.
  • · The shell is src/lib/email-templates/layout.tsx. Templates supply copy, never their own header, colours or logo.
  • · Need a new email colour or size? Add it here and in the brand book first, then use it.

Web & digital use

How the identity behaves in the product and on any website that carries it.

Placement

  • · Header: primary lockup at 32–40 px mark height, left aligned.
  • · Footer: mono lockup at 28 px, always above the AI disclosure line.
  • · Mobile header: symbol only at 28 px when space is tight.
  • · Loading and empty states: flat symbol, never animated in a loop.

Dark mode & backgrounds

  • · Light surfaces: primary (gradient ring, ink wordmark).
  • · Dark surfaces: logo on dark (gradient ring, white wordmark).
  • · Photography or gradient: mono white only.
  • · Minimum contrast between mark and background: 3:1.

Favicon & PWA set

favicon.svg
Flat violet symbol, transparent.
favicon 16 / 32
PNG, flat violet, transparent.
apple-touch-icon
180 × 180 PNG, gradient plate, no transparency.
PWA icons
192 and 512 PNG plus a 512 maskable.

Print use

Always supply vector. If a printer asks for a bitmap, send the PRINT raster download, 4800 px wide, comfortably over 300 dpi at A3.

Production rules

  • · Full lockup never below 28 mm wide; symbol never below 6 mm.
  • · Convert the wordmark to outlines before sending artwork.
  • · Coated stock: the gradient is allowed. Uncoated: use the simplified version.
  • · One-ink jobs: monochrome black on light, monochrome white on dark.
  • · Never print the gradient smaller than 20 mm, it bands and muddies.

Colour build

Brand violet
CMYK 58 / 70 / 0 / 0 · approx. Pantone 2098 C
Accent pink
CMYK 0 / 64 / 15 / 0 · approx. Pantone 190 C
Ink
CMYK 70 / 62 / 52 / 60 · approx. Pantone Black 6 C
Offwhite
CMYK 2 / 2 / 0 / 0, never a spot colour, use the stock

Pantone equivalents are visual matches only. Always approve a printed proof before a run.

Fans4UFans4U B.V. · fans4u.com · Real and AI-powered creators, every profile labelled.

Logo for invoices and documents

Compact, quiet version with the legal line underneath. Place it top-left on invoices, letters and agreements.

  • Invoices
  • Contracts
  • Letterhead
Size1440 × 296
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Signage & environmental

Large format is where the simplified geometry earns its keep. Fabricators cut from the vector file, no raster, ever.

Fans4U

Signage artwork (one colour)

Flat white lockup for illuminated letters, wall signs and event backdrops. Supplied as vector, the fabricator cuts from this file.

  • Illuminated signage
  • Event backdrop
  • Wall graphics
Size712 × 160
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Specification

  • · Reception wall: lockup 90–120 cm wide, clear space 0.32× on all sides.
  • · Illuminated letters: simplified symbol only; the gradient cannot be lit evenly.
  • · Sizing rule of thumb: 25 mm of mark height per metre of viewing distance.
  • · Event backdrop: mono white lockup on ink, never on the gradient.
  • · Vehicle lettering: simplified symbol plus wordmark in one colour, 90–110 cm wide.
  • · Supply SVG to the vinyl wrapper; matte finishes hold the violet best.

Merch & apparel

Fabric kills gradients. Everything worn uses the simplified, one- or two-colour artwork.

Fans4U

Merch artwork, white, simplified

The garment file: simplified closed-ring symbol plus wordmark, all white, no gradient. Screen print, DTF and embroidery all take this file.

  • T-shirt
  • Hoodie
  • Cap embroidery
Size712 × 160
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Fans4U

Merch artwork, two colour

Two-ink version for screen print on dark fabric: white wordmark with the 4U and core in accent pink. Maximum two screens.

  • Screen print
  • Two-head embroidery
Size712 × 160
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Placement

  • · Left chest: 9 cm wide (embroidery) or 10 cm (transfer print), 8 cm below the shoulder seam.
  • · Back print: wordmark 24 cm wide between the shoulder blades.
  • · Cap front: simplified symbol only, 5 cm wide.
  • · Tote and merch: stacked lockup, 16 cm wide, centred.

Technique

  • · Embroidery: simplified symbol, single colour. No gradient, no gap in the ring.
  • · Screen print: maximum two inks, white plus accent pink #FF5C9D.
  • · DTF / DTG for short runs; supply SVG, or PNG · PRINT if only bitmaps are accepted.
  • · On light fabric use the violet flat logo; on dark fabric use white.

QR code

One fixed code for everything printed.

One code for everything printed

A single fixed QR for print, merch and signage. It opens fans4u.ai, the platform domain set in Admin → Settings, with UTM parameters so analytics show when a visitor arrived through a code. Every version carries the Orbit mark in the centre; error correction is level H, which keeps it readable with the mark knocked out, scratched or printed small.

https://fans4u.ai/?utm_source=qr&utm_medium=print&utm_campaign=fans4u_qr

Generating codes…

  • · Use SVG for print, vector, infinitely scalable, maximum scan reliability.
  • · Print at 25 × 25 mm or larger and keep a quiet zone of four modules around it.
  • · Never stretch the code, never recolour it in the brand gradient.
  • · Always test the printed result on two different phones before a run.

Iconography & imagery

Lucide icons at 1.5px stroke. Imagery is editorial, never explicit.

Icons

  • · Lucide only, 16 / 20 / 24px, stroke 1.5–2.
  • · Icons never carry meaning alone, always paired with a text label.
  • · Fixed semantics: Sparkles = AI, BadgeCheck = verified, Info = disclosure.

Imagery art direction

  • · Editorial portraiture, soft directional light, muted backgrounds.
  • · No explicit nudity, no minors, no real-person likeness without consent.
  • · Every generated image carries an origin label in the UI, without exception.
  • · Covers are abstract gradients, never a second portrait.

Components

Live examples of the shared language.

Buttons

Classification badges

AI OnlyReal Person

Origin labels

AI-generated imageAI-generated messageAI-assisted, reviewed by creatorRecorded personally by the creatorSent personally by the creatorSent by the creator's authorized teamAutomated system messageSponsored content

Disclosure banners

Real and AI-powered creators. Every profile shows its type, and AI-generated content is labelled.
Payments purchase digital content or platform services only. Payments do not purchase consent, intimacy, relationships, dates or guaranteed meetings.
AI conversation with possible personal participation. Each message is labelled by source.

Transparency & classification

Two kinds of creator, and the user always knows which one they are looking at.

AI Only

Fictional AI creator

This is a fictional AI creator, not a real person. This profile, its content and all conversations are generated using artificial intelligence. Offline meetings and dates are not available.

Real Person

Real person · Official AI representation

This is the official AI-powered profile of a real, verified creator aged 18 and over. AI-generated content and conversations are clearly identified. The creator's identity, age and authorization have been verified, and written consent and a signed agreement are on file.

Non-negotiable rules

  • · “Open to requests” does not mean a meeting or date is guaranteed.
  • · A subscription or payment does not create any entitlement to meet the creator.
  • · The creator can accept, decline or ignore any request.
  • · Consent can be withdrawn at any moment.
  • · Platform purchases do not purchase personal access, intimacy or sexual services.
  • · Fans4U does not sell dates, sexual services or guaranteed meetings.

Classification badges

Two badges, downloadable in every variant and format. A creator name is never shown anywhere, in the app, in an ad, on a poster, without one of these next to it.

AI Only

No real person is behind the profile. The character is fictional and its images are AI-generated. Offline meetings and dates are never possible, although an authorized operator may reply on the character's behalf.

Real Person AI

All images and content are based on a real, verified creator aged 18 or over who authorised their official AI representation in writing. AI-assisted parts stay labelled.

AI Only, all variants

AI ONLYFULLY AI GENERATED · NOT A REAL PERSON

AI Only, Full badge (light)

No real person is behind the profile. The character is fictional and its imagery is AI-generated. The default badge for light surfaces, always keep the sub-line.

  • Website
  • Profiles
  • Documents
Size1600 × 387
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

AI ONLYFULLY AI GENERATED · NOT A REAL PERSON

AI Only, Full badge (solid)

Solid accent plate. Use on photography, covers and busy imagery where the soft plate would disappear.

  • Cover overlays
  • Photography
  • Social posts
Size1600 × 387
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

AI ONLYFULLY AI GENERATED · NOT A REAL PERSON

AI Only, Full badge (dark)

Ink plate with the accent disc. For dark UI, dark decks and dark print.

  • Dark mode
  • Dark decks
  • Dark print
Size1600 × 387
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

AI ONLY

AI Only, Compact badge

Label only. For grids, cards, thumbnails and anywhere the full sub-line will not fit legibly.

  • Cards
  • Thumbnails
  • Small UI
Size736 × 256
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

AI ONLYFULLY AI GENERATEDNOT A REAL PERSON

AI Only, Circular seal

Stacked seal for stickers, merch, packaging, avatar corners and print collateral.

  • Stickers
  • Merch
  • Packaging
Size1200 × 1200
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

AI ONLYFULLY AI GENERATED · NOT A REAL PERSON

AI Only, Black (one colour)

Single-colour black outline. For faxable documents, engraving, stamps and one-colour print.

  • One-colour print
  • Engraving
  • Contracts
Size1600 × 387
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

AI ONLYFULLY AI GENERATED · NOT A REAL PERSON

AI Only, White (knockout)

Single-colour white for dark surfaces, photography and garment print.

  • Dark surfaces
  • Photography
  • Apparel
Size1600 × 387
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

AI ONLYFULLY AI GENERATED · NOT A REAL PERSON

AI Only, Outline

Accent outline with no fill, embroidery, vinyl cutting and etched signage.

  • Embroidery
  • Vinyl
  • Signage
Size1600 × 387
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

AI ONLYFULLY AI GENERATEDNOT A REAL PERSON

AI Only, Circular seal (solid)

Solid seal for dark backgrounds, pins, buttons and photo overlays.

  • Pins
  • Photo overlays
  • Dark merch
Size1200 × 1200
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Real Person AI, all variants

REAL PERSON AIBASED ON A REAL, VERIFIED PERSON

Real Person AI, Full badge (light)

Every image and every piece of content is based on a real, verified creator aged 18 or over who signed off on their official AI representation. The default badge for light surfaces, always keep the sub-line.

  • Website
  • Profiles
  • Documents
Size1600 × 432
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

REAL PERSON AIBASED ON A REAL, VERIFIED PERSON

Real Person AI, Full badge (solid)

Solid accent plate. Use on photography, covers and busy imagery where the soft plate would disappear.

  • Cover overlays
  • Photography
  • Social posts
Size1600 × 432
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

REAL PERSON AIBASED ON A REAL, VERIFIED PERSON

Real Person AI, Full badge (dark)

Ink plate with the accent disc. For dark UI, dark decks and dark print.

  • Dark mode
  • Dark decks
  • Dark print
Size1600 × 432
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

REAL PERSON AI

Real Person AI, Compact badge

Label only. For grids, cards, thumbnails and anywhere the full sub-line will not fit legibly.

  • Cards
  • Thumbnails
  • Small UI
Size1144 × 256
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

REAL PERSON AIBASED ON A REAL,VERIFIED PERSON

Real Person AI, Circular seal

Stacked seal for stickers, merch, packaging, avatar corners and print collateral.

  • Stickers
  • Merch
  • Packaging
Size1200 × 1200
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

REAL PERSON AIBASED ON A REAL, VERIFIED PERSON

Real Person AI, Black (one colour)

Single-colour black outline. For faxable documents, engraving, stamps and one-colour print.

  • One-colour print
  • Engraving
  • Contracts
Size1600 × 432
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

REAL PERSON AIBASED ON A REAL, VERIFIED PERSON

Real Person AI, White (knockout)

Single-colour white for dark surfaces, photography and garment print.

  • Dark surfaces
  • Photography
  • Apparel
Size1600 × 432
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

REAL PERSON AIBASED ON A REAL, VERIFIED PERSON

Real Person AI, Outline

Accent outline with no fill, embroidery, vinyl cutting and etched signage.

  • Embroidery
  • Vinyl
  • Signage
Size1600 × 432
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

REAL PERSON AIBASED ON A REAL,VERIFIED PERSON

Real Person AI, Circular seal (solid)

Solid seal for dark backgrounds, pins, buttons and photo overlays.

  • Pins
  • Photo overlays
  • Dark merch
Size1200 × 1200
Background
Format

SVG is the vector file, place it straight into Illustrator. Web is compact for screen, print is 300 dpi. SVG, PNG and WEBP export transparent; JPG always uses the selected background colour.

Minimum width
Full badge 220 px / 58 mm · compact 132 px / 35 mm · seal 44 px / 12 mm
Clear space
Half the badge height on every side. Nothing enters it.
Placement
Top-left of a cover or avatar, or directly beside the creator name. Always above the fold.
Colour pairing
Light plate on light surfaces, solid on photography, ink plate in dark mode. Knockout white on imagery.
File formats
SVG for anything vector, PNG or WEBP for transparent raster, JPG only with a chosen background.

Do

  • · Download the official file: SVG for print and vector work.
  • · Keep the sub-line on the full badge; it carries the legal meaning.
  • · Use the compact badge when the sub-line would be smaller than 11 px.
  • · Place the badge before the name is read, not after.

Don't

  • · Recolour a badge or swap the accent between the two types.
  • · Crop, rotate or add a drop shadow to a badge.
  • · Show an AI Only badge on a Real Person AI profile, or the reverse.
  • · Rebuild the badge in Canva or Figma instead of downloading it.

Voice & tone

Warm, grown-up, direct. We never flirt on the platform's behalf and never blur what is real.

Do

  • · “This is a fictional AI creator — not a real person.”
  • · “Subscriptions give access to digital content.”
  • · “The creator can decline any request without explanation.”
  • · Plain words: AI-generated, fictional, verified, consent.

Don't

  • · “Waiting for you tonight — don’t keep them waiting.”
  • · “Unlock this creator for a real date.”
  • · Euphemisms like “virtual companion experience” that hide the AI.
  • · Urgency, scarcity countdowns or guilt-based prompts.

Mandatory copy

These strings live in src/lib/copy.ts. Never retype them in a component.

Platform AI disclosure

Real and AI-powered creators. Every profile shows its type, and AI-generated content is labelled.

Payment disclosure

Payments purchase digital content or platform services only. Payments do not purchase consent, intimacy, relationships, dates or guaranteed meetings.

Subscription acknowledgement

I understand that subscribing gives access to digital content and does not guarantee personal replies, a relationship, a date or an offline meeting.

Footer disclaimer

Fans4U is an age-restricted creator marketplace and social platform, available only to people aged 18 and over. It hosts real, verified creators and AI-powered characters. Every profile shows its type and AI-generated content is labelled. AI Only creators are fictional and are not real people. Payments purchase digital content and access only.

Motion

Calm and short. Motion clarifies, it never seduces.

Micro, 120ms

Hover, focus, checkbox. ease-out.

Standard, 200ms

Cards, popovers, tab changes. ease-out.

Entrance, 320ms

Sheets, dialogs, page sections. cubic-bezier(0.2,0.8,0.2,1).

No looping animation on disclosure text, no parallax on portraits, and everything respects prefers-reduced-motion.

Handoff

Where each part of the system lives in code.

  • · In-app logo component, src/components/brand/Logo.tsx
  • · Official downloadable artwork, src/lib/brand-assets.ts
  • · Export pipeline (SVG / PNG / WEBP / JPG), src/lib/brand-download.ts
  • · Colour, type & utilities, src/styles.css
  • · Mandatory copy, src/lib/copy.ts
  • · Transparency components, src/components/transparency/

Every download on this page is generated from those source files at click time, so the artwork can never drift from the product.