Vibes.
Everything we've made working out what ScreamingFace looks, feels, and works like — the system, the character, the launch-page directions, and the product demos, all in one place. A living board; new work lands here as we iterate.
SFDS — the system
The ScreamingFace Design System (SFDS) — the tokenized, semantic system every surface is built from: type, color, components, and the rules that keep it consistent.
Brand guide
The living SFDS styleguide — type scale, color tokens, components, and the “infra-retro-modern” rules. Rendered straight from the tokens.
Color system
The full v2 OKLCH color reference — 12-step scales per family, app/marketing themes, data-viz, the gain-grad, all APCA-contracted.
Type exploration
38 open-license variable faces rendered in the leaderboard context — the sans/serif candidates and the fresh indie group.
Design research
The brief + gallery + palette from the design-research pass — leaderboard trends, anti-AI-design tells, and the aesthetic direction.
The character
Bob — the mascot evolved from the 😱 emoji: the welder-craftsman, his eye system, and the whole journey to get there.
The Maker
The mascot, evolved from the 😱 — the welder craftsman, its eye system, and the full B-vs-C study + iterations.
Bob — face direction
How close should Bob's head + eyes sit to the real 😱? Round vs ovoid vs egg, side by side, with a recommendation.
All iterations
Every character version we've generated to date, captioned — a reference of the whole journey.
Original 😱 palette
The source colors, sampled straight from the Apple “Face Screaming in Fear” mark.
Website directions
Six brand-feel directions for the launch page — disciplined → maximalist — all on the same proof-led spine.
Product demos
Working prototypes of the product surfaces — the Studio app, the leaderboard, UI widgets, and the SDK notebooks. Clickable, still off-brand (they'll get the system treatment next).
ScreamingFace Studio
The desktop “mission control” wireframe — connect models, compose ensembles, run against a benchmark, publish. The richest product surface.
Leaderboard prototype
Irina's React exploration of the ranked-ensembles board — the interactive counterpart to the launch-page directions.
Widgets view
The in-app UI widgets — the building blocks the Studio and notebooks render, shown in isolation.
SDK notebooks
The researcher-facing Python story — overview → quickstart → auth → models → fusions. Rendered on GitHub. ↗ github
