These standards define how Vitruvi looks in every deck, document, web page, and campaign asset. Follow them for anything that carries the Vitruvi name.
Logo
The full wordmark is the default. Use the compact V mark only where the wordmark will not fit, such as small corner placements and footers.
Usage rules
- Minimum width: 0.75 in (54 px on screen) for the wordmark, 0.4 in for the V mark.
- Clear space on all sides: twice the height of the letters in "vitruvi".
- Never stretch, rotate, add borders or effects, or place the logo on a busy background.
- Use the full-color logo on light backgrounds and the white version on dark backgrounds.
- Placement: wordmark top right on covers and first pages, V mark bottom left on later pages.
Color palette
White dominates. Navy anchors graphic elements and dark accents. Yellow is reserved for calls to action, key stats, and callouts.
Primary
Neutrals
Color rules
Do
- Use white or Light Grey for full-page and full-slide backgrounds.
- Set titles, headings, and body copy in black.
- Use Navy for panels, table headers, and graphic elements.
- Use Yellow sparingly for buttons, key stats, and callout highlights.
Do not
- Use Navy or any dark color as a full-page or full-slide background.
- Use Yellow as a full background or for large blocks of text.
- Place light text on a light background.
Tables and charts
Tables
Header row in Navy with white text. Alternating rows in Light Grey. Yellow only for accent or highlight cells.
Charts
Primary series in Navy, secondary series in Grey, highlight series in Yellow.
Typography
Montserrat carries titles and headings. Heebo carries body copy. Use Arial only when the brand fonts are not available.
Montserrat
Title font. SemiBold for titles, Medium for subtitles and H2 to H3, Bold for sidebar titles and section headers.
Heebo
Body font. Regular for body copy and bullets, Medium for captions and footers, Bold for H4 and H5 in documents.
Document type scale
| Element | Size | Font | Color |
|---|---|---|---|
| Title / Heading 1 | 24 pt | Montserrat SemiBold | Black |
| Subtitle / Heading 2 | 16 pt | Montserrat Medium | Black |
| Heading 3 | 14 pt | Montserrat Medium | Black |
| Heading 4 | 12 pt, bold | Heebo | Black |
| Heading 5 | 10 pt, bold | Heebo | Black |
| Heading 6 | 8 pt | Heebo Medium | Black |
| Body | 11 pt | Heebo | Black |
| Footer | 8 pt | Montserrat Medium | Grey |
Presentation type scale
| Element | Size | Font |
|---|---|---|
| Slide title | 28 pt (24 pt on Sidebar layout) | Montserrat SemiBold, black |
| Body text | 24 pt (18 pt on Sidebar layout) | Heebo, black |
| Footer and page number | 7 pt | Heebo Medium, grey |
Slide titles and body text never go below 12 pt. Footers and page numbers are exempt.
Fallback fonts
| Brand font | Fallback |
|---|---|
| Montserrat SemiBold | Arial Bold |
| Montserrat Medium | Arial |
| Heebo | Arial |
Boxes and shapes
Any filled or bordered box, including panels, callouts, image frames, and stat cards, uses rounded corners at a medium radius. It should read clearly as a box, not a pill. On a shape 3 to 5 inches wide, use a radius of about 0.15 to 0.2 inches.
Correct
Medium rounded corners.
Incorrect
Sharp rectangles for visible boxes.
Text frames with no visible fill or border are exempt. For a box that runs to the edge of a slide, round only the corners that face the interior. For header bars on card grids, round only the top two corners.
Photography
Use construction-industry photography: crews, equipment, and infrastructure work in the field. No color treatment or tint is required, and images do not need to be isometric or illustrated.
Decks built from the Vitruvi slide template include their own grayscale, white-clay style isometric illustrations with Yellow as the only color accent. Those are part of the layouts and do not need to be sourced separately.
Document and deck setup
Documents
- US Letter, portrait, 1 in margins.
- Full-color wordmark top right on the first page only.
- V mark bottom left on later pages, with the URL and page number bottom right.
- Thick Yellow band near the bottom edge, placed once per page.
Presentations
- White or Light Grey slide backgrounds only.
- Navy for accent panels, Yellow used sparingly.
- Yellow line along the bottom with the V mark bottom right.
- Build from the official Vitruvi slide template.
Checklist
- Logo present, correct variant for the background, and at or above minimum size.
- Titles, headings, and body text are black.
- Montserrat for titles and Heebo for body, with Arial only as a fallback.
- Navy for graphic elements, Yellow reserved for accents and calls to action.
- No stretched or distorted logos.
- Sufficient contrast everywhere.
- Boxes and panels use medium rounded corners.