DiceBear · Notionists (Notion-style avatars)
Hand-drawn, Notion-like black-and-white heads. The neutral variant (notionists-neutral) is also CC0. Works well in docs and collaboration UIs.
Summary
Hand-drawn, Notion-like black-and-white heads. The neutral variant (notionists-neutral) is also CC0. Works well in docs and collaboration UIs.
What it is
One avatar style from a larger generator, with its own license.
Who it’s for
Teams picking a consistent avatar look.
Key takeaways
- Captured the Notionists style page: same documentation layout; the avatars are black hand-drawn heads with optional color backgrounds.
- Color: monochrome light theme; dominant colors #FAFAF9, #CBCBCC (ESTIMATED from our capture).
- Layout: documentation pattern, notion-like, sketchy mood.
Best practices to borrow
- Keep chrome neutral and let content carry color.
- Use a left nav tree, a readable center column and an on-page table of contents.
- Use one style consistently across the product and credit it where the license asks.
Palette preview
Quick links
How to use
https://api.dicebear.com/10.x/notionists/svg?seed=KenjiFigures
Example avatars generated by us where the license allows it; see each caption for the style and its license.
Dominant palette from our captures
Measured by us from our screenshot(s) of https://www.dicebear.com/styles/notionists/ (median-cut quantization; share = % of pixels). Approximate and not official.
Layout pattern: Documentation
Observed by us on the captured page(s). See all entries by layout.
How to apply it: Use a left nav tree, a readable center column and an on-page table of contents.
Other entries with this layout: Apple Human Interface Guidelines, Spotify brand & design guidelines, Vercel brand assets (Geist), DiceBear · Lorelei, Anthropic ‘frontend-design’ skill.
Our analysis
Captured the Notionists style page: same documentation layout; the avatars are black hand-drawn heads with optional color backgrounds.
Similar to this
Ranked by shared color theme, layout, category, type and mood tags.
Downloads
License / terms of the source: CC0 1.0 (remix of Notionists by Zoish, per dicebear.com/licenses)
DESIGN.md for AI coding agents
Copy this into your repo or agent context. OFFICIAL and ESTIMATED values are labelled.
# DESIGN.md · DiceBear · Notionists (Notion-style avatars) (AV-003) > Written for AI coding agents. Values marked **OFFICIAL** come from the documented source named below; values marked **ESTIMATED** were measured by us from our own screenshots and are approximate. Never treat ESTIMATED values as official brand tokens. ## Overview - Type: Avatar Style · Category: J. Avatars and Illustrations - Platforms: Web - Color theme: Monochrome light · Layout pattern: Documentation · Mood: Notion-like, sketchy - License / terms: CC0 1.0 (remix of Notionists by Zoish, per dicebear.com/licenses) Hand-drawn, Notion-like black-and-white heads. The neutral variant (notionists-neutral) is also CC0. Works well in docs and collaboration UIs. ### Analysis (ours) Captured the Notionists style page: same documentation layout; the avatars are black hand-drawn heads with optional color backgrounds. ## Color tokens No official color tokens documented for this entry. ESTIMATED · dominant colors measured from our screenshot(s) of the source site (median-cut quantization; share = % of pixels). Approximate, not official: - `#FAFAF9` ~46% - `#CBCBCC` ~8% ## Typography No official type scale documented for this entry; use the product’s own typography guidance. ## Spacing, radii, shadows Not documented for this entry. Do not invent values; derive from your own design system. ## Components No component inventory documented for this entry. ## Layout rules - Observed layout pattern: **Documentation** (from our captures). ## Usage ``` https://api.dicebear.com/10.x/notionists/svg?seed=Kenji ``` ## Do’s and don’ts - Do: Keep chrome neutral and let content (images, icons, type) carry color. - Don’t: Don’t introduce decorative color that competes with content. - Do: follow the source’s license/terms listed above. - Don’t: present ESTIMATED colors as official tokens. ## Sources - https://www.dicebear.com/styles/notionists/ - Library entry: https://design-library-byt.pages.dev/entry/AV-003