Nucleo Brand
Visual identity & public UI
Public brand kit for Nucleo Company — lockups, palette, typography, voice, and the cinema design tokens used across nucleo.company surfaces.
Brand essence
End-to-end digital infrastructure: systems, tools, and continuous operation. Calm, precise, cinematic.
- Name
- Nucleo Company
- Symbol
- Orb — open circular form with diagonal terminal
- Tagline (EN)
- The layer everything runs on.
- Tagline (PT)
- A camada sobre a qual tudo funciona.
- Tagline (ES)
- La capa sobre la que todo funciona.
- Tone
- Dark-first · minimalist · high contrast
Symbol (Orb)
Solid color only — no gradient, glow, metallic texture, or 3D on the mark. Clear space = 50% of glyph height.
White on dark
Black on light
White on violet
- · Uniform stroke, rounded terminals
- · Opening in the upper-right quadrant (~45°)
- · Marketing backgrounds may use ambient orange/violet glow — never on the orb itself
Lockups
Primary wordmark is “Nucleo Company” in Syne 600. Product suffixes use Syne 400 at muted opacity.
Topbar proportions: orb 30px · wordmark ~14px · gap 12px.
Color palette
Brand gradient applies to backgrounds only — never on the orb.
Matte black
#0A0A0A
Preferred marketing background
White
#FFFFFF
Orb, primary text on dark
Nucleo Orange
#FF6800
Ambient glow, energy
Nucleo Violet
#7C3AED
Primary, depth
Page background
#1F1F1F
Dark surface
Muted
#9A9A9A
Taglines, subtitles
Typography
Syne for display and wordmark. DM Sans for body, taglines, and UI copy.
Syne · display
Nucleo Company
The layer everything runs on.
DM Sans · body
From the systems your operation depends on to the tools you use every day — we build, connect, and operate your entire digital ecosystem.
| Use | Size | Font |
|---|---|---|
| Hero / banner title | 36–72 px | Syne 600–700 |
| Logotype (topbar) | 14 px | Syne 600 |
| Logotype (banner) | 24–32 px | Syne 600 |
| Tagline | 14–18 px | DM Sans 400, muted |
Voice & SEO
Direct, technical, no marketing fluff.
Tagline
The layer everything runs on.
Hero sub
From the systems your operation depends on to the tools you use every day — we build, connect, and operate your entire digital ecosystem.
Company quote
Continuous operation — from architecture to day-to-day.
Company body
We develop and manage digital ecosystems — designed, integrated, and maintained as a single layer.
SEO description
The layer everything runs on. End-to-end digital infrastructure — architecture, systems, and continuous operation.
Contact
When it makes sense, we talk.
Composition
How public surfaces should feel.
- 01Dark matte base
- 02Generous negative space
- 03Subtle ambient glow (orange / violet) — not dominant
- 04Optional glass on secondary panels — never on the orb
- 05No stock photos, generic illustrations, or institutional emoji
Public design tokens
Cinema tokens from nucleo-public-ui — the shared foundation for site, hub, help, chat, legal, and brand. Workspace/Composer UI (Inter) is a separate operational system and is not published here.
Brand
--nucleo-bg#0A0A0A--nucleo-surface#1F1F1F--nucleo-orange#FF6800--nucleo-violet#7C3AED--nucleo-muted#9A9A9A--nucleo-white#FFFFFF
Type scale
--type-display-xlfluid display--type-display-lgfluid title--type-display-mdfluid subtitle--type-leadfluid lead
Spacing
--space-smfluid--space-mdfluid--space-lgfluid--space-xlfluid--section-gapfluid
:root / .dark in DevTools for the full public set (glass, elevation, fluid spacing, semantic shadcn tokens).Formats
Public sizes for social and sharing.
LinkedIn banner
1584 × 396
Keep bottom-left ~250×250 clear of critical mark/text
Open Graph
1200 × 630
Canonical: nucleo.company/og/banner.jpg
Favicon / app icon
ICO / PNG
Round orb mark
Downloads
Approved public assets. Use as-is — do not recolor or distort the orb.
