Using the projectseven brand.
How to show the projectseven name, wordmark, and // mark correctly. If you are a partner, client, or writer and need something not covered here, write to us before you publish.
Writing the name
Do
- Write projectseven as one lowercase word in running text.
- Use the legal name PROJECTSEVEN LTD. CO. in contracts, invoices, and formal filings.
- Keep the tagline as written: Data is beautiful.
Don't
- Split or recapitalize it in body copy (“Project Seven”, “Project 7”, “ProjectSeven”).
- Use the name in a way that implies endorsement or partnership without written approval.
- Combine the name or marks with your own logo to form a new mark.
The wordmark
The logo is the terminal wordmark // projectseven_, set in Fira Code: // in the accent at 60% opacity, project in the text color, seven and the cursor _ in the accent. On screen the cursor may blink; in print and static images it stays solid.
Clear space
- Keep clear space on every side equal to x, the height of the wordmark's lowercase letters.
Minimum size
- Wordmark: no smaller than 120 px wide on screen or 30 mm in print.
- // mark: no smaller than 16 px on screen or 6 mm in print.
Do
- Use the supplied files or the exact colors and type below.
- Use the lime accent on dark and the olive accent on light.
- Keep the wordmark on one line, with the // in front.
Don't
- Stretch, skew, rotate, outline, or add effects to the logo.
- Recolor it outside the palette, or put lime #DFFF00 on light backgrounds (it fails contrast).
- Swap the typeface, drop or move the //, or set it on busy photos.
The double slash
The // is the signature of the brand. It opens the wordmark and prefixes section labels across the site (// CAPABILITIES, // CONTACT). Use it as a label prefix in the mono face, or as the standalone icon below for avatars, app icons, and favicons.
App icon / favicon
- Use the icon as supplied, on its own rounded tile. Don't redraw the slashes or change their angle.
- As a text prefix, write // in Fira Code followed by a space and an uppercase label.
Palette
The site runs in two modes: dark, and lights on. Lime is the dark-mode accent; olive replaces it in light mode.
Dark
Lights on
Type
Weights 300–700. Headings 700 with slight negative tracking; body 400.
Data is beautiful.
Weights 300–500. The wordmark is 500. Labels are uppercase with wide tracking, prefixed with //.
// LIVE NETWORK
Both are free from Google Fonts. Fallbacks: system-ui for Space Grotesk; Courier New or any monospace for Fira Code.
Assets
The zip has the //7 icon, the wordmark, login backgrounds, wallpapers, social images, and an email signature. The same files are linked on this page.
| Asset | Use | Files |
|---|---|---|
| Brand pack | Everything in one zip | ZIP |
| Wordmark | Dark and light backgrounds. Outlined, so it does not need Fira Code. | SVG dark · PNG dark · SVG light · PNG light |
| //7 mark | Avatars, app icons, favicons | SVG · PNG 512 · PNG 180 · PNG 32 |
| Current favicon (7) | Browser tab | SVG |
| Social card | Link previews | PNG 1200×630 |
| Fonts | Type | Space Grotesk · Fira Code |
Backgrounds & templates
Login screens, desktop wallpapers, a virtual-meeting background, social images, and an email signature. Login files leave the center open for a sign-in card. Everything here is also in the brand pack.
Login
SVG · 1920×1080 · 2560×1440 · 3840×2160 · SVG portrait · 1080×1920
SVG · 1920×1080 · 2560×1440 · 3840×2160 · SVG portrait · 1080×1920
SVG · 1920×1080 · 2560×1440 · 3840×2160 · SVG portrait · 1080×1920
SVG · 1920×1080 · 2560×1440 · 3840×2160 · SVG portrait · 1080×1920
Wallpapers
Social
Brand questions
For permission requests, co-branding, press, or files not listed here, write to [email protected] or call +1 (405) 970-3282.