The brand Pueo already lives in.

Pueo's own guest Wi-Fi login screen.

The single most important reference — a visual Pueo already endorses and lives with. It holds everything we want in one frame: brand color, the real owl, navigation themes (radar / targeting), and a genuine cyber feel. Crucially it gets to “navigation” the safe way: cyber-navigation, not Hawaiian navigation. Use it as inspiration — improve on it; never copy it.

Build from this

• HUDConcentric radar rings + targeting reticle over a fine grid and a faint world map — the instrument vocabulary the whole site borrows from.
• REDA deep, layered brand-red field with real depth — the “cyber red” of the office privacy glass, never a flat fill.
• OWLThe real logo owl, ghosted large plus the crisp mark. Any owl on a live surface is always this one.
• NAV“Navigation” expressed as radar & targeting — edgy cyber, never canoes or culture.

The brief, verbatim.

Direction straight from the Pueo stakeholders and their advisor — the strategic “why” behind every choice on this board.

The look-and-feel already exists.

The Tysons office is the source of truth for materials and tone: black stone, warm wood, a deep-red ceiling, the wordmark above the desk, the cyber-red privacy glass. We pull the materials, palette, and premium finish from here — not the literal decor. Heavy texture (lava, tribal cloth) stays in the room; the site reads cleaner and more mission-critical.

HQ · reception

The register. Black stone, warm wood, deep-red ceiling, the wordmark above the desk. The premium, mature feel we're matching.

Reception desk

Wordmark on stone. Stencil PUEO mark in matte relief on black stone — the tactile, high-end finish to echo in the UI.

Privacy glass

The palette source. This “cyber red” glass — intensity + depth — is the exact red the site layers, never flattens.

Comm room · depth

Layered depth. Red over black with the floor reading through — the model for the site's translucent surfaces.

Lounge · red ceiling

Present as a large company. Calm, modern, professional — the signature red ceiling carries the brand without shouting.

Cool · but serious

The governing tone. Fun and cool up front, business underneath — the ceiling and the floor for both notches.

Culture · the wall

The workforce edge. “I walk by a sign that says get shit done.” — Micah. The attitude (not the literal phrase) informs the tactical, mission-first voice.

Premium · tactile

Craft & flash. Premium, tactile, a little flash when it reads high-end — translate to sheen, depth, glass.

Roots · self-made

Whisper only The hand-made original sign. A faint background tribute on About — their real founding roots, kept subtle.

Pueo's owl, already large and expansive.

The owl is an aumakua — a family guardian — and it's already everywhere in Pueo's world, at scale. Treat the wingspan as a hero device: larger-than-life, able to shape whole backgrounds. On any live surface the owl is always the real logo owl or its geometric / low-poly form, scaled up. The low-poly owl etched on the office glass is the digital expression to lean into — translucent, triangulated, expansive. The framed studio owl is Pueo's own art — a reference, never a live brand mark.

The signature visual. The triangulated owl etched on the office glass — kept in its frosted, light register as a deliberate contrast moment, and ghosted on dark for hero backgrounds. Expansive, integrated, unmistakably Pueo.

The real logo

The real mark. The flying owl + chamfered “PUEO” wordmark — the official mark. The only owl allowed on live surfaces.

Office · wingspan

Wingspan, for real. The bronze owl in the office — the larger-than-life spread we want a hero owl to take over backgrounds with.

Polygon owl

The official low-poly owl. The digital, triangulated owl — the “assembled pieces / integration” motif, ready to go large.

The real logo, and a metallic foil finish.

The canonical mark is the flying owl + the chamfered “PUEO” wordmark, set with the “INTEGRATE. PROTECT. EMPOWER.” line. On the business cards it's struck in metallic silver and red foil on black — shiny, reflective, premium. That foil finish is the tactile, high-end quality to translate into the site's sheen and depth. (For production, use Pueo's official vector logo; these are the source artifacts.)

The lockup

Owl + wordmark + tagline. The chamfered chrome “PUEO” letters echo the tactical button cut; the owl is the real flying mark — not a front-facing icon.

Foil · the mark

Silver + red foil. The exact color scheme: chrome silver, cyber red, deep black — with real reflective sheen. The “premium tactile” brief, made literal.

Foil · CEO card

Craft & flash. Name in silver, title in red, all foil-stamped on matte black. Flash that still reads high-end — the altitude for the whole site.

A dark base. Red is signal, not decoration.

Pulled from the office: near-black surfaces, white/grey type, and a tight red family — the “cyber red” of the privacy glass — carrying all the energy. If it isn't live, clickable, or critical, it isn't red.

Why these reds: the tone is pulled straight from the office's red privacy glass — an intense “cyber red” with real depth. The four reserved accents are an instrument vocabulary for category-coding only — never primary buttons or body text.

Two families. No serifs. No italics.

Space Grotesk carries everything human-readable; IBM Plex Mono is the “system voice” — labels, eyebrows, buttons, HUD readouts — always uppercase. Hierarchy is built from weight contrast, not type-family contrast. Emphasis is a word in red at weight 540, upright — never italic.

Heritage as geometry, never literal.

“Pueo” means owl in Hawaiian, and the owl is a guardian — that's the connection worth keeping. But Pueo is not presented as a native company. The on-brand move is already in the building: the etched-glass polygon owl turns heritage into clean line geometry. The literal cultural pieces in the office — tribal cloth, paddles, lava texture — stay in the room. They never render on the live site.

On-brand · geometry

On-brand Heritage abstracted to triangulated line geometry — concentric forms, node grids, reticles. This is the dial-2/10 move.

Low-poly geometry

Heritage, abstracted. The official low-poly owl — heritage rendered as triangulated facets and connecting nodes.

Abstraction · CSS

How it resolves on the site: reticles, triangulation, and concentric rings — geometry that nods to heritage without ever being literal.

Stays off the site Literal tribal cloth / kapa, paddles & canoe / navigation imagery, and heavy lava texture — office decor and roots, not a website direction.

Liquid Glass surfaces & node-based grids.

The premium material layer: translucent, blurred, saturated panels with a spectral edge sheen. Backgrounds connect data with dot-grids and node lines — the site should behave like a command-and-control surface, not a brochure.

Liquid Glass

Take: the glass material — blur + saturation + an inset highlight and edge sheen. Pueo's premium panel layer.

Node grid

Take: nodes + connecting lines = orchestration. “We're the glue” made visible.

Data canvas

Take: an infinite-canvas data field — depth and connection without literal screenshots.

The instrument vocabulary, built in code.

Every effect here is CSS-driven — heavy look, light payload, fast on restricted networks. These are the live, reusable building blocks the homepage and the Elementor theme assemble from.

Same brand, two intensities.

Both notches are dark-first, cyber-red, and unmistakably Pueo. Both stay mature — maturity is the ceiling and the floor. The difference is how far we turn the dial. Full homepage mockups accompany this board, one per notch.

What Pueo must level up past.

BlueHalo, Kratos, and Aechelon set the bar for dark, high-contrast, technical defense design — and that's exactly the safe corporate gloss Pueo differentiates against. We borrow their scale and authority; we beat them with a true command-and-control feel, a bolder red/black palette, and performance-first fidelity.

BlueHalo

Borrow: immersive storytelling & scale. Avoid safe royal-blue “halo” gloss — we go red/black, sharper.

Kratos

Borrow: prime-contractor grid & authority. Avoid standard corporate-blue, feature-dumping.

Aechelon

Borrow: rich-black + technical type. Avoid relying on heavy 3D simulation renders.

Do / Don't.