DiceBear · Lorelei
Clean black line-art portrait avatars; a neutral variant (lorelei-neutral) is also CC0. Good default for profile placeholders in minimal UIs.
Summary
Clean black line-art portrait avatars; a neutral variant (lorelei-neutral) is also CC0. Good default for profile placeholders in minimal 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 Lorelei style page: documentation layout with a sidebar of styles, avatar previews and code tabs.
- The style is black line art on transparent background.
- Color: monochrome light theme; dominant colors #FAFAF9, #CCCCCC (ESTIMATED from our capture).
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/lorelei/svg?seed=Ada&backgroundColor=f3f0e8Figures
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/lorelei/ (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 · Notionists (Notion-style avatars), Anthropic ‘frontend-design’ skill.
Our analysis
Captured the Lorelei style page: documentation layout with a sidebar of styles, avatar previews and code tabs. The style is black line art on transparent background.
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 Lorelei by Lisa Wischofsky, 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 · Lorelei (AV-002) > 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: Line-art, friendly - License / terms: CC0 1.0 (remix of Lorelei by Lisa Wischofsky, per dicebear.com/licenses) Clean black line-art portrait avatars; a neutral variant (lorelei-neutral) is also CC0. Good default for profile placeholders in minimal UIs. ### Analysis (ours) Captured the Lorelei style page: documentation layout with a sidebar of styles, avatar previews and code tabs. The style is black line art on transparent background. ## 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` ~51% - `#CCCCCC` ~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/lorelei/svg?seed=Ada&backgroundColor=f3f0e8 ``` ## 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/lorelei/ - Library entry: https://design-library-byt.pages.dev/entry/AV-002