이 페이지는 영어로만 제공됩니다.

Brand

Animeblip brand guidelines

Logos, colours, type and voice for anyone writing, designing or building for Animeblip. Take the files, copy the values, and keep it on dark with one orange.

Download brand kit (.zip)Press and partnerships: hey@animeblip.com

01 · Name

Animeblip, one word.

✓ DOWrite Animeblip: one word, capital A, the rest lowercase.
✓ DOUse lowercase animeblip only where the medium forces it: URLs, handles, file names.
✓ DOKeep the BETA badge beside the name in the site header while the product is in beta. It is a status label, not part of the logo.
✓ DOAnimeblip AI and animeblip.ai are fine: animeblip.ai is ours too.
✕ DON'TAnimeBlip, Anime Blip, or ANIMEBLIP in running text.

02 · Logo

Symbol and lockup.

The symbol is the swirl. The lockup pairs it with the Animeblip wordmark set in Schibsted Grotesk Semibold, the way the site header shows it.

Symbol

Favicons, app icons, avatars, anywhere the name is already on screen.

SVG PNG

Lockup

The default logo. Use it wherever there is room.

SVG PNG

Wordmark

The name alone, for tight horizontal spaces and co-branding.

SVG PNG

Clear space

Keep a margin of half the symbol's height (x) clear on every side. Nothing else sits inside it.

Minimum size

Below these sizes the swirl turns to mush.

Symbol 16px

Lockup 22px tall

Don't

✕ DON'TStretch or squash it

✕ DON'TRotate it

✕ DON'TRecolour it

✕ DON'TAdd effects

✕ DON'TRetype the wordmark in another font, or rebuild the lockup with different spacing.
✕ DON'TPlace the logo on orange, on a busy photo, or on a mid-grey where the swirl's dark strokes disappear.

03 · Colour

Dark, with orange.

Ink carries the page, white carries the words, and Brand orange #FF7A1A is the only accent for the website and all marketing. Click any value to copy it.

Brand

Brand orange

The website, marketing and all new material. The one accent.

Studio orange

The product, studio.animeblip.com.

Surfaces

Ink 900

Page background. The default surface.

Ink 850

Cards and raised panels.

Ink 800

Inputs, hover states, nested panels.

Ink 700

The highest surface: menus, selected rows.

Text

Text white

Headlines and primary text.

Text grey

Body text and subheads.

Text muted

Captions, labels, meta text.

Pairings

Animeblip

Text white on Ink 900

Headlines and text.

✓ DO

18.1:1

Animeblip

Brand orange on Ink 900

Links, eyebrows, accents.

✓ DO

7.6:1

Animeblip

Ink 900 on Brand orange

Orange buttons.

✓ DO

7.6:1

Animeblip

White on Brand orange

Too little contrast for text.

✕ DON'T

2.6:1

Animeblip

Brand orange on Text white

Orange text on light surfaces.

✕ DON'T

2.4:1

Animeblip

Brand orange on White

Keep the brand on dark surfaces.

✕ DON'T

2.6:1

The ratio under each pair is its contrast: 4.5:1 or higher reads well as body text. Every colour above is also in animeblip-colours.json.

04 · Typography

Schibsted Grotesk and JetBrains Mono.

One grotesk for everything people read, and one mono for small labels. Tight tracking on big type, generous line height on body.

Schibsted Grotesk

Headlines, body, buttons. Regular to Extra Bold. Free on Google Fonts.

Regular 400

Medium 500

Semibold 600

Bold 700

JetBrains Mono

Small labels and badges, in uppercase with wide letter spacing. Free on Google Fonts.

ABCDEFGHIJKLM
0123456789 · #FF7A1A

Display

Schibsted Grotesk Semibold · 40–66px · line height 0.98 · letter spacing −4.5%

Direct it.

Heading

Schibsted Grotesk Semibold · 30–50px · line height 1.04 · letter spacing −3.5%

Every scene, one crew.

Subhead

Schibsted Grotesk Regular · 16.5px · line height 1.55 · Text grey

Type a brief and the agent writes, casts, shoots and cuts.

Eyebrow

JetBrains Mono · 10px · uppercase · letter spacing +14% · Brand orange

How it works

Label

JetBrains Mono · 10.5–11.5px · uppercase · letter spacing +12–14% · Text muted

Product

Japanese, Korean, Chinese and Thai pages fall back to Noto Sans JP, KR, SC, TC and Thai for their scripts. Latin text on those pages stays in Schibsted Grotesk.

05 · UI elements

Soft corners, thin lines.

Buttons

Start creatingBook a demo

Pills only. Text white for the primary action, Brand orange for the one call to action on a page. The label on both is Ink 900.

Corners and lines

Cards have 14 to 18px corners; smaller elements 12px. Borders and dividers are white at 8 to 10% opacity.

Dot grid

White dots at 20% on a 30px grid. The hero's texture, reused behind sections and logo previews.

06 · Voice & tone

Plain, specific, short.

Say what it does.

Name the outcome in plain words. A creator should know what happens after they click.

Be specific.

Real numbers, real models, real formats. "Scenes in 9:16 at 1080p" beats "stunning visuals".

Keep it short.

Lead with the answer. Cut filler, hedging and throat-clearing.

No hype.

No "revolutionary", no "magic", no exclamation marks. Let the work do the talking.

✓ DOType a brief and Animeblip writes the screenplay, casts the characters and cuts the final video.
✕ DON'TUnleash your creativity with our revolutionary AI-powered magic!

07 · Avoid

Don't use these.

✕ DON'TPurple as a brand colour: accents, buttons, gradients or the logo.
✕ DON'TAny logo file not on this page. AI image tools often invent logos; always start from the files here.