# deeo.studio

Source: https://deeo.studio/
Captured: 2026-10-27
Tags: agency, landing, dark, both, editorial, minimal, dark-techno, premium, confident, elegant, mysterious
Colors: #0e0e11, #212a35, #625961, #5a4535, #c3b9dc, #115758, #a296c6, #32694b
Type (h1): PP Editorial New Ultralight · 70px/74.2px · 400 · tracking -1.4px — "Creating memorable brand experiences not for attention but for impact."
Type (h2): PP Neue Montreal Book · 16px/16px · 400 · tracking 1.6px — "SELECTED WORK"
Type (h3): PP Neue Montreal Bold · 24px/24px · 400 — "Think Company"
Type (body): PP Neue Montreal Book · 24px/31.2px · 400 — "We are a design studio rooted in deep thinking. We push past the expected, chall"
Type (small): PP Neue Montreal Medium · 11px/8.8px · 400 · tracking 0.33px — "NEW"
Type (button): sans-serif · 12px/normal · 400 — "LET'S TALK"
Button: "Let's Talk" — fill #000000, text #ffffff, radius 8px, border 0px, padding 10px 18px, height 40px, type 12px/400
Radii: 8px (16), 10px (7), 130px (6), 120px (3), 4px (2)

## Images

- Hero (desktop): https://media.lvly.design/library/deeo-studio/hero.webp?v=32d9941c
- Page crop (mid-1): https://media.lvly.design/library/deeo-studio/mid-1.webp?v=0abbc881
- Page crop (mid-2): https://media.lvly.design/library/deeo-studio/mid-2.webp?v=714f375a
- Hero (mobile): https://media.lvly.design/library/deeo-studio/mobile-hero.webp?v=bebf9f43
- Full page (desktop): https://media.lvly.design/library/deeo-studio/full.jpg?v=51b647c6
- Full page (mobile): https://media.lvly.design/library/deeo-studio/mobile-full.jpg?v=bccb80a7
- Clip preview (mp4): https://media.lvly.design/library/deeo-studio/video-mxpdlj.preview.mp4?v=bb129b80

A Framer-built studio site that opens on a near-black field (#0e0e11) with the studio's name rendered as giant, tumbling 3D extruded letters in iridescent lavender, chrome and prism-rainbow, cropped hard by every edge of the viewport. Under that spectacle, the type is quiet: an ultralight condensed serif headline (PP Editorial New Ultralight, 70px, -1.4px tracking) and a grotesk body (PP Neue Montreal Book, 24px). The work grid then goes almost fully neutral. Big full-bleed project images in a staggered two-column layout, bold client names, tracked uppercase discipline lists and hairline-outlined "View case study" pills, so the client imagery supplies all the color. Further down, the voice gets louder: a massive bold-grotesk "Fearless Originality" statement, one white band for the Artifacts experiments, then circular founder portraits and a footer that turns the 3D lettering into a photo collage with a rotating badge.

## Steal-worthy details

- The wordmark as hero art: each letter is a separate 3D extruded block with iridescent, holographic bevels, rotated at a different angle and cropped by the viewport edges, so the name reads as sculpture rather than a logo.
- An ultralight condensed serif headline at 70px with tight negative tracking, set small against the giant 3D type. The contrast between heavy object and hairline type does the premium work.
- Ghost CTA in the nav: a transparent 40px pill with a 1px white outline and 8px radius, uppercase 12px label. On a black page the outline reads crisper than a fill.
- A tiny pale-yellow "NEW" chip (11px, 4px radius, dark text) beside a nav link with an external-arrow glyph. It is the only warm color in the chrome, so it gets noticed without shouting.
- Staggered two-column work grid: the right column starts lower, each card is a full-bleed image, then a bold 24px client name, a tracked uppercase gray discipline line, and an outlined "View case study" button right-aligned on the same row.
- Services list set as a large stack of light grotesk lines, with the active item in full white and the rest dimmed, paired with a grayscale image collage on the right.
- One full-width white band (the Artifacts experiments carousel) breaks the dark page exactly once, which works as a section change without extra decoration.
- A type-register switch: the hero speaks in ultralight serif, then the "Meet DEEO" section turns to a massive heavy grotesk ("Fearless Originality") at about 140px with tight leading.
- Founder rows with large circular portraits (120–130px radius), name, italic serif role, and small outlined social pills.
- The footer repeats the 3D letter forms as a cutout photo collage with a spinning circular "Based in Baltimore" text badge, then signs off with an etymology line in serif ("Deeo. In Greek, δεο. In English, two.").

## Style recipe

Build on a near-black ground (#0e0e11, with surfaces at #1a1a1a) and white text. Keep the UI chrome fully neutral. Let one oversized 3D or holographic object carry the color: iridescent lavender (#a296c6 / #c3b9dc) bleeding into chrome, teal (#115758) and a prism-orange flare, cropped off-canvas. Pair two families. Use an ultralight condensed serif (PP Editorial New Ultralight or similar) for display at 64–72px, line-height 1.06, tracking -0.02em. Use a neo-grotesk (PP Neue Montreal) for everything else: body 20–24px at 1.3, bold 24px for item titles, uppercase 12–16px labels tracked +0.1em in mid-gray, and a heavy weight at 120–160px for one manifesto statement. Buttons are ghost pills: transparent, 1px white border, 8px radius, 40px tall, 10px 18px padding, uppercase 12px. Avoid solid fills. Use one pale-yellow (#f3eaa0-ish) micro-chip with a 4px radius as the only warm UI color. Put content in full-bleed, unrounded image tiles in a staggered two-column grid with generous vertical gaps (120px+). Use circles (fully round radii) only for portraits. Break the dark rhythm with one white section at most. No shadows and no gradients in the UI itself; the depth lives in the imagery.