Identity system

Logo

Nuup means “to unite” in Maya; tech, technology. The symbol is a low-poly feathered serpent drawn on the golden ratio: it unites Mesoamerican roots with engineering.

Horizontal

Preferred version: documents, web, signatures, presentations.

• Full color · light background SVG PNG
• Full color · dark background SVG PNG
• One ink · black SVG PNG
• One ink · white SVG PNG

Vertical

Square or vertical formats: covers, stickers, banners, merch.

• Full color · light background SVG PNG
• Full color · dark background SVG PNG
• One ink · black SVG PNG
• One ink · white SVG PNG

Symbol

Avatars, app icons, seals and places where the name is already present.

• Full color · light background SVG PNG
• One ink · black SVG PNG
• One ink · white SVG PNG
• Avatar 1024 px graphite white

Wordmark with tagline

Single-ink engraving and embroidery (bottles, pens, hoodies).

• One ink · black SVG PNG
• One ink · white SVG PNG

Wordmark without tagline

Sizes where the tagline no longer reads (under 120 px wide).

• One ink · black SVG PNG
• One ink · white SVG PNG

Clear space

Around the horizontal lockup keep half the symbol’s height clear; around the vertical, a quarter. No text, edge or other brand enters that zone.

½ S ½ S

Minimum size

Version	Screen	Print
Horizontal	120 px	30 mm
Vertical	72 px	18 mm
Symbol	24 px	6 mm

Below these sizes, use the symbol alone or the wordmark without tagline.

The logo never covers more than 75% of the surface, nor less than 15% when it is the hero of the piece.

Misuse

• Nuuptech

  Wrong: Retype the name in another font

• 

  Wrong: Stretch, squash or skew

• 

  Wrong: Recolor the symbol outside the official versions

• 

  Wrong: Place it over busy photos or backgrounds

• 

  Wrong: Add shadows, outlines, glows or 3D

• 

  Wrong: Rearrange symbol and name or change their ratio

Typography

One family for everything that is not the logo: Geist to read, Geist Mono for data. Both are free (SIL OFL) to install and use.

Interface

The minimum for any Nuuptech app to feel part of the same family.

Spacing

Multiples of 4 px. Between web sections, 96–128 px; inside a panel, 16–24 px.

Radius

8 px buttons and fields · 12 px cards · 16 px panels · fully round only for pills and avatars.

Controls

Buttons and fields 44–48 px tall. Labels always visible above the field; a placeholder never replaces them.

Focus

2 px brand-red ring with 2 px offset. Never removed.

Icons

Lucide, outline, 1.5–2 px stroke, in the text color. No filled or multicolor icons.

Motion

150–200 ms with a soft ease-out. Animate only opacity and position; everything honors “reduce motion”.

Templates

Ready to use. If you need another piece, start from the rules on this page and the reference formats.

Word · Carta 21.59 × 27.94 cm

Letterhead

Editable in Word, Pages and LibreOffice. Embeds Geist, includes Title/Heading 1/Heading 2/Note styles and a footer with legal data and automatic page numbers.

The facets reach the corners in PDF and on print-shop paper. An office printer leaves a 4–6 mm white margin that clips them: a limit of the device, not of the file.

• Type straight into the body: header and footer repeat on every page.
• Format with the Title, Heading 1, Heading 2 and Note styles.
• Do not move or recolor the logo or the facets; they live in the header.

Download .docx 160 KB

Reference formats

For AI agents and developers

Paste this instruction into your AI assistant and it will have everything it needs to apply the identity without guessing.

<link rel="stylesheet" href="https://www.nuuptech.com/marca/tokens.css" />

.button {
  background: var(--nuup-brand-cta);
  color: #fff;
  border-radius: var(--nuup-radius-sm);
  font-family: var(--nuup-font-sans);
}

Version 2026.10 · updated October 6, 2026 · based on the Graphic Identity Manual v04 (2019).