PlumageOur work08 / 13

Lokii Guidelines

An AI retention system for studying: it maps how you forget and times each review before a concept fades.

Introduction

lokii.ai’s first screen: “Learn anything. Remember everything.” over an isometric memory palace — Website designed by the founder. lokii.ai, captured 9 November 2026. Visit lokii.ai

lokii.ai’s first screen on a phone — Website designed by the founder. lokii.ai, captured 9 November 2026. Visit lokii.ai

Lokii is an AI retention system for studying, in private beta. You upload notes, textbooks, PDFs or lectures; it maps the material as a knowledge graph, predicts what is fading per concept, routes each item to a technique (memory palace, spaced recall, teach-back) and schedules reviews before the predicted dip. It is built first for medical students, exam-heavy university programmes, bar, CFA and CPA candidates, and professionals in fast-moving fields.

The fox, the wordmark and the website are the founder’s. The logo is redrawn clean in flat colour, not redesigned, and the colour, type and voice are taken from lokii.ai first, so the logo and the site are one brand.

Lokii should feel like the smartest friend in the library: a warm, slightly mischievous fox standing in front of real memory science. Every surface pairs one playful fox moment with one calm, exact fact, so students facing exams they can’t afford to fail trust it.

At a glance

Logo

Colours

Paper#FFFFFF
Mist#F3EEFF
Ink#0F0D1A

Type

Aa Geist
Aa Inter

Line

Learn anything. Remember everything.

Brand kit

56 files · 4.0 MB

Download the zip

Logotype scale

72 px
60 px
48 px
38 px
30 px
24 px
18 px

The fox comes first and the word follows it, in the founder’s proportions. Use the lockup wherever there is room for both; the wordmark alone where the fox is already on screen; the fox alone for the app icon, the profile picture and stickers. The two ear-dots over the i’s are the wordmark’s own detail: never swap them for plain round dots, and never redraw, respace or reorder the lockup.

Mark construction

The lockup keeps the founder’s proportions, measured from the original file: the fox stands 1.77 times the letter height (the top of the l to the baseline), the gap between them is 0.29 of it, and the fox’s top sits 0.465 of it above the l. Clear space is 2x on every side, where x is the height of one ear-dot.

Signature

Full colour on Paper is the signature, as on lokii.ai: the site, the app, posters and stickers. Use it on Paper or Mist.

On Ink and other dark grounds the fox wears a white die-cut edge and the letters turn white. The drawing inside the edge doesn’t change.

Three cuts

FoxThe founder’s fox in five flat colours. The app icon, the profile picture, the sticker.

One colourDen alone, the knock-outs left as holes: stamps, embroidery and one-colour prints like the tote.

Small cutFor 32 px and below: a heavier outline, bigger eyes, no brows and a shorter chest.

Small sizes

Lockup, 120 px wide
Fox, 40 px
Small cut, 32 px
Small cut, 16 px

Logo on your background

Ground

Use the dark artwork: 19.2:1 against this ground. Logos need at least 3:1 (WCAG 2, non-text contrast).

Please don’t

Don’t turn the fox fox-orange, or any other colour. Lokii’s fox is purple.

Don’t stretch or squash the lockup.

Don’t swap the ear-dots for plain round i-dots.

Don’t move the fox after the word or change its size.

Don’t fade it or make it see-through. The fox is solid colour.

Don’t add shadows, glows or gradients. The fox is flat colour.

Core palette

Paper

Mist

Ink

Slate

Lokii Purple

Lavender

Den

Ember

Taken from lokii.ai first: its purple for buttons and the second headline line, its ink for headlines, its slate for body text and its lilac for soft sections. The fox adds Den for its outline and Lavender for its inner ears. Ember is the site’s streak orange and a fox’s real colour: one small moment per screen. CMYK values are a plain device conversion for reference; match the purple from a printed swatch, since it sits outside the print gamut.

Color proportions

Paper42%

Mist18%

Ink14%

Slate6%

Lokii Purple12%

Lavender4%

Den3%

Ember1%

Paper and Mist carry most of every surface and Ink carries the words. Lokii Purple is the accent; Ember appears once at most.

Readable combinations

AaInk on Paper19.2:1AAA
AaSlate on Paper4.8:1AA
AaInk on Mist16.9:1AAA
AaDen on Mist10.2:1AAA
AaPaper on Den11.6:1AAA
AaPaper on Lokii Purple3.9:1AA Large
AaInk on Lokii Purple4.8:1AA
AaLokii Purple on Paper3.9:1AA Large
AaDen on Lavender5.7:1AA
AaInk on Ember7.3:1AAA

Paper on Lokii Purple is lokii.ai’s button. Its 14 to 17 px semibold labels fall short of AA, so set button text at 18.66 px bold or use Ink on purple. Lokii Purple on Paper is for the large display line only. Ratios are WCAG 2 contrast, measured on the sRGB values above: AAA from 7:1, AA from 4.5:1, AA Large from 3:1 (large or bold text only).

Check a pairing

Text

Ground

AaPaper on Mist

1.1:1Fail

Type system

Remember everything.
Headlines and numbers, as on lokii.ai: semibold 600 at 84 px with −3 px tracking for the hero line, extra-bold 800 at 42 px with −2 px for section titles. By Vercel, SIL Open Font License 1.1. This preview doesn’t load it yet, so the line above falls back to your system’s face.
Explain it back in your own words.
Text and interface, as on lokii.ai: 18 px body in Slate, 17 px semibold buttons, white on a purple pill. By Rasmus Andersson, SIL Open Font License 1.1. This preview doesn’t load it yet, so the line above falls back to your system’s face.
62% · due 18:40
Added for retention values, timestamps and labels. By Vercel, SIL Open Font License 1.1. This preview doesn’t load it yet, so the line above falls back to your system’s face.

Click any specimen line to try your own words.

Type scale

Base18 px

Ratio

Perfect fourth 1.333

DisplayGeist · 600 · 75.8px · 4.735rem
Learn anything.
Heading 1Geist · 600 · 56.8px · 3.552rem
Learning isn’t the hardest part. Keeping it is.
Heading 2Geist · 600 · 32px · 1.999rem
Lokii learns how you forget.
Heading 3Geist · 600 · 24px · 1.5rem
Pharmacology · Week 6
BodyGeist · 600 · 18px · 1.125rem
Lokii turns anything you study into a personalized system for remembering it.
CaptionGeist · 600 · 13.5px · 0.844rem
AI retention system · Private beta

Tone of voice

Lokii speaks as lokii.ai already does: a sharp study partner who has read the research. Warm, exact, never cramming.

The site names its science plainly, from Ebbinghaus in 1885 to Murre and Dros in 2015, and keeps its sentences short. Every surface pairs one playful fox moment with one calm, exact fact.

The smartest friend in the library

A warm, slightly mischievous fox standing in front of real memory science. The people reading are facing exams they can’t afford to fail, so the play stays small and the facts stay exact.

Proof, not hype

Name the science plainly. No “revolutionary”, no “10x”.

Say	Avoid
4 concepts are fading. 8 minutes keeps them.	Supercharge your brain with AI!!!
Explain it back in your own words.	Our revolutionary AI unlocks 10x memory.

Calm under exam pressure

Short sentences and one clear next step. Never blame the student for forgetting.

Say	Avoid
You knew this on Monday. Let’s keep it.	Oops! You forgot again.

The fox guides, it doesn’t clown

Play in small moments, a streak or a kept concept; the study itself stays straight.

Say	Avoid
Built for people who can’t afford to forget.	The #1 study app students love.

Campus poster

A poster in a campus corridor: the Lokii lockup over “Learn anything. Remember everything.”

One fox, one line, the brand colour: the lockup over lokii.ai’s own tagline, on a corridor wall where students pass between lectures.

A backlit metro panel in Lokii Purple: “Built for people who can’t afford to forget.” beside the white-edged fox — Lokii Purple as the ground, so the fox wears its white die-cut edge. The line is lokii.ai’s.

Sticker sheet

Die-cut stickers of the fox and the wordmark, each with its white edge, on a study desk.

lokii.ai on a phone

A hand holding a phone showing lokii.ai’s mobile site over an open anatomy textbook

The founder’s own mobile site, set on a phone over a textbook: real study places, warm oak and paper, the purple only from Lokii.

The Lokii app’s Today view: a memory palace for Pharmacology Week 6, a Fading soon list and a Start review button (example data) — The app’s main view, drawn to match lokii.ai: the week’s topic as a memory palace, what is fading soon, one button to start. Example data.

A Lokii study session on a phone asking the student to explain a concept in their own words (example data) — A study session asks for the idea in the student’s own words. Example data.

Pattern: ears up

The wordmark’s two ear-dots repeated on Mist, one pair in Ember for the concept due today. As a device, one pair sits over a word, a number or a card to mark what Lokii will keep: one per screen.

The fox as a die-cut sticker on a laptop lid on a library desk in the evening — The fox as a die-cut sticker on a laptop lid, the most common place a student puts a brand.

Tote

A one-colour print in Den: the fox’s knock-outs let the canvas show through.

Website

The founder’s landing page for Lokii, section by section as it stands on lokii.ai. A section that moves on the site plays here as a short loop; the rest are stills.

Website designed by the founder. lokii.ai, captured 10 November 2026.