Plain, calm grounds
Ink for films and the product, paper for the web. The product, the people and Finty bring the color.
New Timer
Every gift adds time.
Four rules behind every piece
TikFinity Rose is the signal
TikFinity Rose marks what matters: the Tik in our name and the main button. Never as a background wash, never for errors.
No glow. Ever.
No neon, no halos, no colored light behind things. If something needs depth, give it a soft, natural shadow.
Cinematic and real
Real product screens, big calm type, smooth camera moves, every cut on the beat.
01 · The mark
Logo
A T and an F cut from one TikFinity Rose tile, next to an italic wordmark that leans the same way. Always use the files from this page; never rebuild the logo.
On dark
On light
Construction and clear space
- Icon
- The unit. Everything is measured in icon heights.
- Gap
- 0.13 of the icon. Fixed in every file.
- Wordmark
- Plus Jakarta Sans ExtraBold Italic. “Tik” in TikFinity Rose, “Finity” in white or ink.
- Clear space
- X = half the icon height on every side. No text, edges or other logos inside it.
Every version
Pick by the ground the logo sits on. Each file comes as SVG for design tools and as a large PNG.
TikFinity PRO
For PRO features, upgrade screens and PRO campaigns. It replaces the old thin PRO logo. There is no “TikFinity mobile” logo any more: use the primary logo.
Minimum size
Below these sizes the wordmark blurs. Switch to the icon alone instead.
Logo 24 px tall8 mm in print
Icon 20 px16 px only as a favicon
The icon at real screen sizes in px. From 20 px down only the TF shape has to read.
Please don’t
The logo only works when it looks the same everywhere.
Stretch or squash it.
Change its colors, even for a campaign.
Add glow, outlines or hard shadows.
Rotate it. The italic already brings the motion.
Rearrange icon and wordmark.
TikFinityRetype the wordmark in another font.
Put the color logo on TikFinity Rose. Use the white one there.
Place it on a busy part of a photo.
02 · TikFinity Rose and quiet neutrals
Color
Quiet neutrals and TikFinity Rose. The accents belong to the product and stay small. Click any value to copy it.
TikFinity Rose
Our brand color: the Tik in our name and the main button. Text on TikFinity Rose is always white. Always say “TikFinity Rose”: Rose alone is also a TikTok gift.
Ink
The dark ground: films, the product, end cards.
Charcoal
Cards and panels that sit on ink.
Paper
The light ground: web pages, documents.
White
Cards on paper. Text and logo on ink, TikFinity Rose and photos.
TikFinity Rose as small text on dark
Use TikFinity Rose 400 for links and labels. TikFinity Rose itself is too dark for small text on ink.
TikFinity Rose as small text on light
Use for links and labels on paper and white.
Accents
From the product, as they appear on dark screens: tiles, status, charts. Small doses only, never as the ground of a piece.
VioletAction tiles
CyanInfo
MintOnline, success
GoldHints, warnings
RedErrors, delete. Never TikFinity Rose.
TikFinity Rose, light to dark
Tints for charts, hover states and soft fills. 500 is TikFinity Rose.
03 · One typeface
Type
Outfit for every word we write, in three weights. Plus Jakarta Sans lives only inside the logo.
Aa
Regular 400
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 € ! ? & @ % +
Running text and descriptions.
Aa
Medium 500
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 € ! ? & @ % +
Names, labels, buttons and titles.
Aa
Bold 700
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 € ! ? & @ % +
Headlines and counts.
Aa
Plus Jakarta Sans 800 italic
Only the wordmark uses it. Never set text in it and never type the logo: use the logo files.
New in TikFinity
Every gift adds time.
Labels type-body-medium
Short labels above a headline, in sentence case and TikFinity Rose 400. No capitals, as in the product.
Type ramp
The sizes of the TikFinity UI kit, from the headline down to the small print. Click a name to copy it.
A new era of voices.
Your viewers run the show.
Every gift adds time.
Connect TikTok, pick a style and see it on your stream in under a minute.
Your viewers push the Timer with gifts, follows and likes.
New in TikFinity
Works for TikTok, Reels and Shorts.
In a layout
Label, headline, text and one button: the ramp on a promo.
New Timer
Every gift adds time.
Your viewers push the Timer with gifts, follows and likes. You see it live on your stream.
Open TikFinity
Example layout
04 · Our helper
Finty
His look is fixed. Where he sits is free: cropped, peeking in, breaking out of a box, alone with a headline.
Meet Finty.
A small coral octopus and TikFinity’s helper. In the app he shows up when a list is empty or when you try something for the first time.
- Species
- Octopus, five tentacles in front
- Character
- Friendly, curious, calm
- Color
- Coral #E6545C, never TikFinity Rose
- Surface
- Matte, soft 3D, no shine
Poses
Pick the pose by what it shows. Mirror him so he looks into the content next to him.
Happy
Waves. Hello, welcome, success.
Neutral
The plain character.
New language
Cheers with a check flag. Done, imported.
Double sessions
Surprised. Oh no, careful.
Cool
Sunglasses. Pro features, confidence.
Detective
Magnifier. Empty states, search, tips.
Notification
Clipboard. News, updates, reminders.
Rocket App only
Lives in the upgrade dialog. Not in the pack.
His colors
Finty is lighter and warmer than TikFinity Rose. Never recolor him to a brand color.
Body, light#FA6E74
Body#E6545C
Body, shade#C93C45
Blush#F78688
Eyes#1A1618
Using Finty
What stays fixed is the drawing. Everything around him is yours.
Do
- Scale, crop and mirror a pose file as it is.
- Let him peek over an edge, sit on a line or break out of a box.
- Give him a plain ground and room to breathe.
- Need a new pose? Ask design. New poses are generated from the reference poses, never drawn freehand.
Don’t
- Add glow, neon, outlines or a hard drop shadow.
- Recolor, tint or filter him.
- Stretch him, or paint new eyes, mouths or props onto a pose.
- Generate him in the same image as Milo, Lena or Andre. Add him from his own render.
05 · Every Action has one
Orbs
Soft color fields cut to a circle. Each TikFinity Action has its own orb, and there are 50 of them.
Next to its Action
An orb always stands for the Action or voice it belongs to. Never for gifts, follows or likes.
Nothing on top
No text, icon or number on an orb, and no ring or glow around it.
Big art from the masters
The pack has 256 px stills and loops. For a hero or print, ask design for the 1024 px masters.
06 · Characters
Cast
Three recurring streamers who carry our trailers, the landing page and the feature films.
Same face every time
New images only with the character’s reference images attached. Ask design for them.
Finty comes separately
Never generate him in the same image as the cast. Place him from his own render.
Screens stay abstract
In generated images, screens are dark with no readable text. No purple in generated images.
07 · How we sound
Voice
How TikFinity sounds in copy and in film, and how we write our name.
We talk like a friend who streams, not like a dashboard.
Write so a 14-year-old gets it on the first read. If a word needs explaining, pick another one.
Everyday words
Name things the way people see them on their phone.
SayConnect your TikTok
NotConfigure the integration
Say what happens
Concrete beats clever. Tell people what they will see.
SayEvery gift adds time.
NotUnlock powerful, seamless timers!
Short and warm
Celebrate wins, keep it brief, offer an undo instead of a warning.
SayDeleted. Undo?
NotAre you sure you want to proceed?
Writing rules
- Our name
- TikFinity: one word, capital T and F. Never Tikfinity, TIKFINITY, Tik Finity or TF in running text.
- Product names
- Capitalized: Action, Event, Timer, Screen. Brand names stay as they are in every language: TikFinity, TikTok, Coins.
- German
- Always du, never Sie.
- TikTok
- TikFinity is a tool for TikTok LIVE. Never suggest TikTok made it, and never combine the TikTok logo with ours. Ask first before using TikTok’s name or logo in ads; the wording for a disclaimer comes from legal.
- Copy check
- No dashes as punctuation, no buzzwords (unlock, seamless, powerful), no “not just X, but Y”, one exclamation mark at most, no numbers we can’t prove.
- Only TikFinity
- No other company or product logos on TikFinity pieces, except approved partners.
Video voice-over
Don, the movie trailer narrator.
Every TikFinity video uses the same voice: “Don – Movie Trailer Narrator” (ElevenLabs). English, at most six words a line, the last word is the feature name.
- MusicModern and on theme: future bass, cinematic hip-hop, tech. Licensed tracks only, never registered with Content ID.
- RhythmCuts, words and flashes land on measured beats.
- Said = shownEvery headline is spoken, and words appear with the voice. No silent text.
- MotionNothing stands still for long. Transitions through objects, never flicker or slow motion.
- Not our styleCaption boxes, emojis and POV hooks. We tested them and dropped them.
- Delivery30 s, 16:9 and 9:16, 1080p60, loudness −14 LUFS.
08 · Putting it together
In use
The formats we make most, and the rules for showing the product.
9:16 post
- Safe area at 1080 × 1920: keep text and logo out of the top 220 px, the bottom 440 px, 60 px left and 140 px right. Works for TikTok, Reels and Shorts.
- Headline 88 to 112 px, text at least 40 px.
- The logo sits inside the safe area, never under the app buttons.
Timer
Coming soon.
End card and product screens
- End card: logo, the feature name as the headline, one status line. Don says the feature name on the last beat.
- One gradient: only the feature name on an end card may run from #FF5A7A through TikFinity Rose to Violet (92°). Nowhere else.
- Product screens: the real app in dark mode, with sample names, never real viewers or streamers.
- Gifts always with the real TikTok gift graphic, never replaced by an orb.
- Web addresses on screen: only app.tikfinity.com and widgets.tikfinity.com.
Files
Everything on this page in ZIP packs: logos as SVG and large PNG, Finty, the orbs and the cast as transparent images.
Logo
11 versions incl. PRO, SVG and PNG.
Finty
7 poses, idle loop with alpha, exit clip.
Orbs
All 50 as stills and loops.
Cast
Milo, Lena and Andre, cut out, plus face references.
Everything
All packs plus a color sheet.