Press room
Logo downloads and visual identity references for materials about Nebulab.
Choose the logo for the background where it will appear: blue and white on dark backgrounds, blue and black on light backgrounds. Use the logomark for avatars or where the full logo is too large.
Full logo
Section titled “Full logo”Dark backgrounds
Section titled “Dark backgrounds”
Light backgrounds
Section titled “Light backgrounds”
Colored backgrounds
Section titled “Colored backgrounds”
Digital downloads
Section titled “Digital downloads”| Variant | PNG | SVG | EPS |
|---|---|---|---|
| Dark backgrounds | PNG | SVG | EPS |
| Light backgrounds | PNG | SVG | EPS |
| Grayscale | PNG | SVG | EPS |
Print downloads
Section titled “Print downloads”Use the CMYK versions for print.
| Background | EPS | |
|---|---|---|
| Light | EPS | |
| Dark | EPS |
Logomark
Section titled “Logomark”
Artwork usage
Section titled “Artwork usage”- Use Nebulab artwork with permission.
- Use the supplied artwork without modifying its colors or dimensions or adding text or images.
- Nebulab logos and artwork represent Nebulab. Do not use them to represent your own products.
Visual identity
Section titled “Visual identity”The tokens below come from the Figma design system, which also holds the icons, illustrations and components used on the website.
Anything branded is dark-first: white text with cyan and yellow accents on black.
Colors
Section titled “Colors”| Token | Hex | Role |
|---|---|---|
| Cyan | #5DBEFD | Primary accent: the logo mark and highlights |
| Yellow | #FEF135 | Secondary accent: primary button backgrounds |
| White | #FFFFFF | Primary text on dark backgrounds |
| Grey | #A4A4A4 | Secondary and muted text |
| Black | #151515 | Primary background |
| Black Light | #252525 | Secondary surfaces: cards, inputs, borders and dividers |
Grey is only for secondary text, never for backgrounds or brand moments. Black Light is a surface, never a text color.
Typography
Section titled “Typography”Our brand font family is Basis Grotesque, in every weight, for the website, marketing and brand assets; don’t substitute another font. Google Slides presentations use DM Sans.
Headings are Basis Grotesque Bold. All text uses a letter spacing of 0.
| Token | Size | Line height |
|---|---|---|
| Heading 1 | 78px | 82px |
| Heading 2 | 72px | 70px |
| Heading 3 | 48px | 60px |
| Heading 4 | 36px | 46px |
| Heading 5 | 24px | 30px |
| Heading 6 | 18px | 24px |
Body text comes in Regular and Bold at each size.
| Token | Size | Line height |
|---|---|---|
| Body Large | 24px | 38px |
| Body Standard | 20px | 36px |
| Body Small | 18px | 32px |
| Body Extra Small | 16px | 24px |
Font licence
Section titled “Font licence”Basis Grotesque is a commercial typeface from Colophon Foundry, licensed by Nebulab for its team. Teammates can download the files from the brand fonts page. Don’t redistribute them, or ship them in public or client deliverables, without confirming that the licence covers it.
Spacing and layout
Section titled “Spacing and layout”Layouts use only these spacing values, with nothing in between: 30, 60, 80, 100, 120, 160 and 200px.
| Breakpoint | Frame width | Content width | Side margins |
|---|---|---|---|
| Desktop | 1440px | 1280px | 80px each |
| Mobile | about 490px | about 330px | about 82px each |