Cnuas logo assets¶
The Cnuas mark is a faceted acorn. The body carries a blue to green gradient and the vertices are drawn as network nodes, tying the acorn to the fabric topology the project emulates. An acorn is a small thing that contains a much larger system, which is the idea behind a rack you can run on one machine.
Files¶
| File | Size | Use |
|---|---|---|
cnuas-logo-mark.png |
391x512 | Web and docs. Transparent background, palette optimised. This is the default choice. |
cnuas-favicon.png |
180x180 | Favicon and touch icon. Square, padded, transparent. |
cnuas-logo-transparent.png |
777x1018 | Full resolution transparent master for slides and print. |
cnuas-logo-white-bg.png |
2816x1536 | Flattened master on white, for light backgrounds. |
cnuas-logo-black-bg.png |
1796x1536 | Flattened master on dark navy, for dark backgrounds. |
cnuas-logo.svg |
vector | Early vector draft. See the note below before using it. |
cnuas-logo-graphviz.dot |
source | Graphviz skeleton the vector draft was traced from. |
cnuas-logo-mark.png, cnuas-favicon.png and cnuas-logo-transparent.png are
derived from cnuas-logo-white-bg.png by keying out the white background and
trimming to the artwork. Regenerate them with the commands in the last section
rather than editing them by hand.
Colour palette¶
| Role | Hex |
|---|---|
| Cap and left body, deep blue | #0052D4 |
| Cap highlight, bright blue | #4364F7 |
| Body green, emerald | #10B981 |
| Body green, dark | #059669 |
| Body green, light | #34D399 |
| Dark background plate | #232A39 |
Using the mark¶
The facets of the mark are separated by gaps rather than drawn outlines, so on a transparent asset the page background shows through those gaps. That is intended. Place the mark on a plain background and give it clear space of at least a quarter of its height on every side.
Do not recolour the mark, stretch it to a different aspect ratio, or place it on a busy photograph. On a mid grey or patterned background use one of the two flattened masters instead of the transparent version.
In the documentation site the mark is wired up through mkdocs.yml as the
theme logo and favicon, so pages pick it up without any per page markup:
To place it inside a Markdown page, reference it relative to the docs root:
About the vector draft¶
cnuas-logo.svg is an earlier draft. It renders as a taller and narrower
acorn than the finished mark and it does not match the shipped artwork, so the
raster files above are the reference for anything published. Keep the draft
under version control because it is the only editable vector form. A redraw of
the finished mark is carried in the Cnuas Roadmap and
is a prerequisite for using the logo at poster scale.
The draft was built from cnuas-logo-graphviz.dot, which lays out the node
skeleton. Render the skeleton and then trace the facets over it:
Open skeleton.svg in Inkscape, add a Facets layer below the graph and a
Cap layer above it, then trace closed polygons over the network lines with
the Bezier tool in straight line mode and node snapping enabled. Fill the body
polygons from the green palette and the cap polygons from the blue palette,
then export as an optimised SVG with a transparent background.
Regenerating the derived files¶
From this directory, with ImageMagick installed:
# transparent master
convert cnuas-logo-white-bg.png -fuzz 8% -transparent white -trim +repage \
+dither -colors 255 -strip PNG8:cnuas-logo-transparent.png
# web mark
convert cnuas-logo-transparent.png -resize x512 +dither -colors 255 -strip \
PNG8:cnuas-logo-mark.png
# favicon
convert cnuas-logo-transparent.png -resize 168x168 -background none \
-gravity center -extent 180x180 -colors 128 -strip \
PNG8:cnuas-favicon.png
The -fuzz 8% value keys out the white plate without eating the light green
facets. Raising it much further starts to erode the lightest greens.
Licence¶
The Cnuas mark is a Packet Five Networks brand asset. It is not covered by the source licence of this repository. Do not use it to identify a fork or a derived product without written permission.