A dark-first design language for Fellow Intelligence — learning, product, and studio — carried by bold grotesque type, one voltage-yellow action, and a single grainy electric-blue glow.
Two accents do all the talking. Voltage yellow is the single loud action; blue carries links, focus and the glow. Surfaces and text resolve by mode — toggle above to see both.
Brand & AccentEach accent is a small role-based ramp so you can reach for the right tone by intent and by background. tint / soft adapt to the surface via color-mix; link / hover resolve by mode (blue text brightens on charcoal for legibility). Toggle dark/light above to see them shift.
Seven approved compositions of the glow. All are mode-aware: in light mode the sink fades to transparent (no dark smudge on paper) and the whole bloom drops to 55% opacity. Toggle dark/light above to compare.
Live from Adobe Fonts: ITC Avant Garde Gothic Pro for display; Scandia for body/UI; Nexa for technical labels — a geometric label voice in place of the previous monospace. Thai display uses Bai Jamjuree; Thai body uses Proxima Nova Thai Looped.
Cohort courses and workshops that take teams from curious to capable.
A platform for building, evaluating and deploying reliable AI agents.
Design partnerships for teams launching intelligent products.
One atmospheric moment per view — a radial blue bloom with grain, behind the copy. Never a button, never a background wash.
Buttons, form controls, chips, tabs and navigation atoms — the reusable kit every surface is built from. Toggle dark/light above; all states resolve by mode.
Buttons · variantsSystem messaging — inline alerts, toasts, modals, drawers, empty and loading states. Semantic color carries meaning; the glow never appears here.
Inline alerts · info / success / warning / errorThis removes the agent and its evaluation history. This action can't be undone.
Build your first agent to start evaluating and shipping. Templates make it a two-minute job.
The content library — testimonials, case studies, articles, people, lists and FAQs. All sit on surface with a hairline; one glow card maximum per view.
Testimonial & case studyA dark-first identity and product UI shipped in eight weeks.
Five patterns that cut hallucination in production.
How we benchmarked a 70% reduction.
Why our system is dark-first, dual-mode.
Charts, KPIs and tables. The primary series is the blue gradient; tertiary coral / green / cyan encode additional series only. Axis and metadata labels are Nexa.
KPI row| Agent | Status | Owner | Runs | Success |
|---|---|---|---|---|
| support-triage | Live | Emily B. | 1,204 | 98.2% |
| doc-summarizer | Draft | Kamin P. | 312 | 94.0% |
| flops-optimizer | Beta | Rita S. | 87 | 91.7% |
| thai-tutor | Offline | Jane T. | 2,560 | 96.5% |
The product surface — sidebar, app shell, command palette, settings, mobile nav and the agent chat. Selected states use blue; the yellow action stays reserved for the single primary CTA.
App shell · sidebar + agent chatFull-width page blocks for the marketing site — promo bar, logo cloud, feature split, stats band, testimonials, newsletter and a comparison table.
Announcement / promo bar Logo cloud · trusted byA platform with evaluation baked in — so reliability isn't an afterthought. Start from a template and go to production in a day.
| Feature | Starter | Team | Enterprise |
|---|---|---|---|
| Core learning tracks | ✓ | ✓ | ✓ |
| Agent platform | — | ✓ | ✓ |
| Studio design reviews | — | ✓ | ✓ |
| SSO & security review | — | — | ✓ |
| Dedicated studio partner | — | — | ✓ |
Brand pieces at fixed dimensions. These are art-directed dark (or the single voltage moment) regardless of app mode — display type carries the message, the glow carries the atmosphere. Shown scaled.
Instagram · post 1080×1080 & story 1080×1920 Open Graph / link preview · 1200×630Standard ad units and web banners at true proportions. One glow, one voltage action — the discipline holds at every size, down to a 160×600 skyscraper.
Web hero banner Leaderboard · 728×90Physical pieces at real proportions. Print is where the dual-mode system shows both faces — white paper as the reading room, near-black as the statement — with ITC Avant Garde carrying every headline.
Business card · front & back (3.5×2) Letterhead, certificate, poster & one-pager Certificate · landscapehas completed the AI Literacy track with distinction — July 2026.
Signature combinations ported from the Fellow Signal app: subject-coded metric cards with embedded mini-viz, score bands, enforcement-aware deadline badges, grading-status callouts and tag comparison. This is where the system gets pressure-tested.
The system as a 16:9 deck — title, section divider, content, data, quote and closing. Slides are art-directed (dark + glow, or the single voltage moment) with ITC Avant Garde carrying every headline; one glow and one yellow per slide.
Six-slide deck