%20--%3e%3csvg%20width='500mm'%20height='500mm'%20viewBox='0%200%20500%20500.00001'%20version='1.1'%20id='svg1'%20sodipodi:docname='Black%20main%20mari.svg'%20inkscape:export-filename='..\..\..\Desktop\Blue-purple%20gradient.webp'%20inkscape:export-xdpi='96'%20inkscape:export-ydpi='96'%20inkscape:version='1.3.2%20(091e20e,%202023-11-25,%20custom)'%20xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape'%20xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3csodipodi:namedview%20id='namedview1'%20pagecolor='%23ffffff'%20bordercolor='%23999999'%20borderopacity='1'%20inkscape:showpageshadow='2'%20inkscape:pageopacity='0'%20inkscape:pagecheckerboard='0'%20inkscape:deskcolor='%23d1d1d1'%20inkscape:document-units='mm'%20inkscape:zoom='0.4111625'%20inkscape:cx='943.66583'%20inkscape:cy='750.31162'%20inkscape:window-width='1920'%20inkscape:window-height='991'%20inkscape:window-x='-9'%20inkscape:window-y='-9'%20inkscape:window-maximized='1'%20inkscape:current-layer='layer1'%20/%3e%3cdefs%20id='defs1'%3e%3clinearGradient%20id='linearGradient6'%3e%3cstop%20style='stop-color:%230907ff;stop-opacity:1;'%20offset='0'%20id='stop5'%20/%3e%3cstop%20style='stop-color:%238b49e1;stop-opacity:0.35823753;'%20offset='1'%20id='stop6'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='linearGradient1'%3e%3cstop%20style='stop-color:%23000efc;stop-opacity:1;'%20offset='0'%20id='stop1'%20/%3e%3cstop%20style='stop-color:%23b85ce5;stop-opacity:0.34099618;'%20offset='1'%20id='stop2'%20/%3e%3c/linearGradient%3e%3clinearGradient%20xlink:href='%23linearGradient1'%20id='linearGradient2'%20x1='58.737499'%20y1='210.36667'%20x2='359.6636'%20y2='210.36667'%20gradientUnits='userSpaceOnUse'%20gradientTransform='matrix(1.0359649,0,0,1.0385901,33.622507,47.214912)'%20/%3e%3clinearGradient%20xlink:href='%23linearGradient6'%20id='linearGradient5'%20gradientUnits='userSpaceOnUse'%20gradientTransform='matrix(1.0437414,-0.19443503,0.19394358,1.0463863,3.9695416,116.22272)'%20x1='58.737499'%20y1='210.36667'%20x2='359.6636'%20y2='210.36667'%20/%3e%3c/defs%3e%3cg%20id='layer1'%20transform='translate(-0.08510412,-70.39898)'%3e%3cg%20id='g6'%20transform='translate(0.1838503,-40.74251)'%3e%3cg%20id='g1'%20transform='matrix(1.5329726,0,0,1.5329726,-134.11622,-85.269094)'%3e%3cpath%20style='display:inline;fill:url(%23linearGradient2);stroke-width:0.518637'%20d='m%2094.472502,205.49605%20c%20149.109898,99.47528%20303.153578,0%20303.153578,0%200,0%20-325.90825,165.29244%20-250.63845,145.07287%2075.26978,-20.21959%20187.59567,-85.71745%20251.73485,-145.07287%2064.13918,-59.35544%20-304.249978,0%20-304.249978,0%20z'%20id='path1'%20/%3e%3cpath%20style='display:inline;fill:url(%23linearGradient5);stroke-width:0.531475'%20d='M%20133.16253,264.27136%20C%20301.96745,336.50767%20400.26246,207.374%20400.26246,207.374%20c%200,0%20-297.48837,227.70126%20-225.42934,193.20291%2072.05906,-34.49837%20172.99723,-121.56977%20226.53398,-193.40869%2053.53675,-71.83893%20-268.20457,57.10314%20-268.20457,57.10314%20z'%20id='path1-5-8'%20/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e){kind=small}
Menzies
Branding guidelines
How we use the Menzies mark, name, and type on this store and related products. Stick to these assets so the brand stays quiet and consistent.
Logo
The Menzies mark is a blue-to-violet gradient SVG. Prefer the SVG at /logo.svg for sharp rendering at every size.
Keep empty space around the mark of at least about one quarter of the logo width on each side. Do not crowd it with other logos or dense UI chrome.
Do
- Keep the original square aspect ratio.
- Use the SVG on light or dark surfaces with enough contrast.
Don't
- Do not stretch or squash the mark.
- Do not replace the blue-violet gradient with flat or arbitrary colors.
Wordmark
Spell the name Menzies in title case. Pair the mark with the Fraunces wordmark in nav and footers. The product line is Software worth opening.
Menzies
Software worth opening
Typography
Type ships with Wash UI. Display headings use Fraunces. UI, body, and mono use Maple Mono (loaded as both --font-sans and --font-mono).
Display: Fraunces
Section titles, hero lines, and the Menzies wordmark. Use the font-display utility.
Menzies
Software worth opening
Aa Bb Cc 123 Β· Fraunces 500 / 600 / 700
UI and body: Maple Mono
Navigation, paragraphs, buttons, and code. Default UI face from Wash UI styles.
Web service plans, desktop apps, and the Wash UI design library.
Aa Bb Cc 123 Β· Maple Mono 400 / 500 / 600 / 700