The Eval Labs logo should be used simply and consistently: small, sharp, quiet, and paired with clear body copy.
The asset guidance on this page remains a brand reference. Sections describing
publish.css, Obsidian layout behavior, or Obsidian tuning knobs are historical
and are not current Mintlify implementation instructions. Current presentation
is owned by the repository’s MDX and style.css.
Primary logo asset
Current primary asset:
Use this asset for the docs homepage identity block and any Canon references to the Eval Labs mark.
Homepage Logo/Text Table
This is the working Markdown pattern for the homepage logo/text unit:
Do not add image sizing inside the Markdown embed.
Correct:
Avoid inside tables:
The normal pipe character can interfere with Markdown table parsing.
What the homepage block should look like
Logo/Text Table tuning knobs
These live near the bottom of publish.css in the block labeled:
Logo size
Controls the visible logo size.
Increase for a larger logo.
Decrease for a smaller logo.
Left column width
Controls the full space reserved for the logo/caption column.
Increase if the logo area feels cramped.
Decrease if the right-side text feels too far away.
Distance from purple rail
Controls how far the logo sits away from the purple vertical rail.
Increase if the logo feels too close to the rail.
Decrease if the block feels too indented.
Gap between logo and text
Controls the horizontal gap between the left logo/caption and right-side text.
Increase if the text feels crowded.
Decrease if the text feels disconnected.
Text vertical alignment
This is the main alignment knob.
Increase to move the right-side text down.
Decrease to move the right-side text up.
Most fine-tuning should happen here.
Logo-to-caption spacing
Controls the space between the logo and the italic caption.
Right-side text size
Controls the right-side body copy size.
Keep this near normal body text size.
Right-side line height
Controls the line spacing of the right-side text.
Increase for airier reading.
Decrease for tighter text.
Mobile tuning knob
This lives in the block labeled:
Controls how far stacked mobile content sits away from the purple rail.
Increase if mobile text gets too close to the rail.
Decrease only if the mobile block feels too indented.
- Use the logo small
- Keep the background transparent
- Pair it with clear body copy
- Preserve the purple rail treatment on the homepage block
- Keep captions short and factual
Do not
- Stretch the logo
- Add heavy borders around the logo
- Put the logo inside a card unless intentionally designing a new component
- Use the mark as decoration between unrelated sections
- Oversize the logo into a hero graphic unless a new design is explicitly approved
