Skip to main content
Star us on GitHub Star

Images

Exercises image rendering modes including light/dark variants, sizing, and captions. Uses static/img/logo.svg as the placeholder.

Plain Markdown image

NetFoundry logo

Sized image (style-guide max 600px)

NetFoundry logo, 200px NetFoundry logo, 600px

Centered with caption (figure)

NetFoundry logo
Figure 1. The NetFoundry logo at 200px wide.

Side-by-side images

leftmiddleright

Image with border and shadow

NetFoundry logo with border + shadow

Light / dark theme variants

Themed logoThemed logo

Both variants currently point at the same SVG -- swap one for a dark-mode-specific asset once it exists to verify the theme switch.

Click me

Image inside an admonition

info

Embedding inside admonitions:

logo inside info

Image inside a table cell

LogoDescription
The brand mark
The brand mark