Brand

The Intentface brand kit — logos, color tokens, typography, voice rules, and the ad maker. A public view of DESIGN.md for anyone who needs to make something on-brand.

Identity

Dark-mode-first design system for a Finnish agentic experience company. Translucent surfaces over a soft iridescent gradient, TASA Orbiter for display and body paired with IBM Plex Mono for utility.

Open the ad makerDownload assets ↓

Colors

Dark mode is the default. Brand accent hues are never solid fills — they live as gradient atmosphere behind the hero and inside the asterisk glyph.

Dark mode

background#18181c
on-surface#fafafa
on-surface-mutedrgb(255 255 255 / 0.55)
borderrgb(255 255 255 / 0.08)
primary#fafafa
on-primary#18181c
destructivehsl(0 62.8% 30.6%)

Light mode

background-light#e1e9f5
on-surface-light#18181c
on-surface-muted-lightrgb(0 0 0 / 0.55)
border-lightrgb(0 0 0 / 0.1)
primary-light#18181c
on-primary-light#fafafa

Brand accent

brand-pink#f7aef8
brand-sky#ade8f5
brand-cream#fff4c5

Typography

Two families, two jobs. TASA Orbiter for display and body; IBM Plex Mono for utility (subtitles, tag pills, section labels, metadata). Body is Orbiter Regular — Medium/Semibold are display weights only.

  • display-xl72px · 500TASA Orbiter

    The bottleneck for generative AI isn't the model — it's the interface.

  • display-lg48px · 500TASA Orbiter

    The bottleneck for generative AI isn't the model — it's the interface.

  • heading-md24px · 500TASA Orbiter

    The bottleneck for generative AI isn't the model — it's the interface.

  • heading-sm18px · 500TASA Orbiter

    The bottleneck for generative AI isn't the model — it's the interface.

  • body-lg18px · 400TASA Orbiter

    The bottleneck for generative AI isn't the model — it's the interface.

  • body-md16px · 400TASA Orbiter

    The bottleneck for generative AI isn't the model — it's the interface.

  • mono-md14px · 400IBM Plex Mono

    The bottleneck for generative AI isn't the model — it's the interface.

  • mono-sm12px · 400IBM Plex Mono

    The bottleneck for generative AI isn't the model — it's the interface.

  • label-sm12px · 400IBM Plex Mono

    The bottleneck for generative AI isn't the model — it's the interface.

Voice

These rules apply to anything that carries the Intentface name — site copy, decks, social posts, ad headlines, emails. Designed to be copy-pasted into another assistant's system prompt.

Do

  • Concise and direct

    Short sentences. One idea at a time. If a clause can be cut without losing meaning, cut it.

  • Plain English

    No AI-jargon padding — no "leverage synergies", no "unlock value". Name the thing. Say what it does.

  • First-person plural is rare

    Avoid "we believe" and "we think" in marketing copy. Use it only when quoting a specific person on the team.

  • Dry humour, when it earns its place

    A flat aside is fine if the surrounding paragraph has done the work. Never lead with a joke.

  • Em-dashes are fine

    We use them. Not en-dashes for the same job, and not double hyphens.

Don't

  • No eyebrows above page H1s

    Small mono labels above the headline ("WRITING", "ABOUT US") read as filler. The headline carries the page.

  • No keyword-padded SEO prose

    No long-tail variations, no synonym padding, no FAQ blocks invented to match hypothetical queries. The schemas and `.md` twins handle the machine side; write the piece as if Google didn't exist.

  • Don't write for crawlers

    If a generic LLM with web access could produce something indistinguishable from your article, it's commodity. Skip it. First-hand work only.

Tools

Ad maker

Compose social, square, and story ads with the brand gradient, wordmark, and your headline. Export PNG.

Gradient studio

Freeze the sitewide mesh gradient, tune the colors and placement, and download a still at wallpaper or social sizes.

Downloads

Logo files and brand assets. Use the wordmark on its own background — don't place it on the iridescent gradient (the asterisk already carries that weight).

Wordmark + asterisk

Coming soon

The full Intentface logo lockup. Use this for partner sites and press.

SVGPNG

Wordmark only

Coming soon

Type-only mark for narrow horizontal placements.

SVG

Asterisk only

Coming soon

The iridescent asterisk in isolation. Avatar, favicon, social profile.

SVGPNG

Gradient wallpaper

Coming soon

The conic atmosphere at desktop resolution. For decks and stage screens.

AVIFPNG

Brand kit

Coming soon

Everything above plus DESIGN.md, bundled.

ZIP