deeo.studio

Deeo Studio – Brand, web, and digital experiencessaved 2h ago · captured 2h ago

Ten details, ten pinned.

Colors8 colors · ground #0E0E11

ground#0e0e11·70.64%#212a35·7.52%#625961·5.90%#5a4535·3.84%#c3b9dc·3.41%#115758·2.22%accent#a296c6·1.13%#32694b·0.77%

Sized by coverage · click to copy.

Typography4 families · 5 styles · PP Editorial New Ultralight, PP Neue Montreal Book, PP Neue Montreal Bold, PP Neue Montreal Medium

Creating memorable brand experiences not for attention but for impact.

PP Editorial New Ultralight · 70/74 · 400 · -1.4px

SELECTED WORK

PP Neue Montreal Book · 16/16 · 400 · 1.6px

Think Company

PP Neue Montreal Bold · 24/24 · 400 · normal

Body

We are a design studio rooted in deep thinking. We push past the expected, chall

PP Neue Montreal Book · 24/31 · 400 · normal

Small

NEW

PP Neue Montreal Medium · 11/9 · 400 · 0.33px

Specimens are the page's own words at their measured metrics; shown in Inter when the family is not loaded.

ButtonsLet's Talk1 style

Let's Talk

primary · fill #000000 · label #ffffff · radius 8px · border 0px · padding 10px 18px · height 40px · type 12px / 400

Shape5 radii · 34 uses

8px16 uses · 47%

10px7 uses · 21%

130px6 uses · 18%

120px3 uses · 9%

4px2 uses · 6%

AnalysisA 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, croppe…

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.

Style recipeBuild on a near-black ground (#0e0e11, with surfaces at #1a1a1a) and white text.

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.

Details10 worth noting

deeo.studio — the captured page — Landing, 1440 × 900 · captured Oct 27, 2026

1Tumbling iridescent 3D wordmark letters
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.
2Hairline serif under heavy 3D type
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.
3Outlined uppercase nav CTA
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.
4Pale-yellow NEW chip in nav
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.
5Offset two-column case-study grid
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.
6Dimmed stacked services list
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.
7Single white band breaking dark page
One full-width white band (the Artifacts experiments carousel) breaks the dark page exactly once, which works as a section change without extra decoration.
8Serif-to-heavy-grotesk voice switch
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.
9Circular founder portraits with pill links
Founder rows with large circular portraits (120–130px radius), name, italic serif role, and small outlined social pills.
10Footer collage with rotating text badge
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.").