Dreavo Studios, study 3 of 6

Hinge

DREAVO in one line of geometric caps that swells without a break from a fine D to a full-weight O, so the name moves from the dream to the bravo like a picture fading in from black.

02

Small sizes

Mark at 16 px
16 px
Mark at 24 px
24 px
Mark at 32 px
32 px
Mark at 64 px
64 px
Primary at 120 px wide
120 px wide
Primary at 240 px wide
240 px wide
03

Palette

background

House Dark

#0B0E16

Contrast
Reference ground
Usage
The default ground: title cards, screens, decks, the avatar, the dark face of print. 60 to 70% of any layout. A blue-black, the auditorium after the lights go down; never pure #000000.
primary

Screen

#E8EAEE

Contrast
16.02:1 on House Dark, AAA text
Usage
The logo on House Dark and Booth (primary.svg, 16.0:1), display type and titles. A cool silver white, the projection screen. Never pure white.
text

Silver

#B9BFCB

Contrast
10.45:1 on House Dark, AAA text
Usage
Body text on House Dark (10.5:1) and Booth (9.2:1). One step dimmer than Screen so long text does not glare.
surface

Booth

#171C28

Contrast
1.13:1 on House Dark, Not for text
Usage
Panels, cards, deck slides, and merchandise stock one step above House Dark. Screen and Silver text both pass on it.
secondary

Day for Night

#7483AB

Contrast
5.12:1 on House Dark, AA text
Usage
The blue cast of day-for-night photography: captions, labels, rules, credits, and the dim first frames of the ident, on House Dark (5.1:1) and Booth (4.5:1). On Matte only for rules and large type (3.3:1). Never in the logo files. 10 to 20% of a layout at most.
background

Matte

#EEEFF2

Contrast
16.78:1 on House Dark, AAA text
Usage
The light ground for letterhead, documents, press notes, and the back of the business card. Carries primary-alt.svg and body text in House Dark (16.8:1). Up to 100% of light print pieces.
04

Typography

display

Jost

Weights
300, 500
Source
fontsource. Loaded from the brand's fonts folder.
Usage
Film titles, headlines, title cards, and credits: always caps. Titles in 300, tracking +100 to +120 at 32 px and up. Labels and credit lines in 500, tracking +250 to +300, 11 to 16 px. The wordmark is drawn from Jost 300 and 900 blended point by point along the swell; never retype it, and never set running headlines in a weight ramp.
300

Dreavo Studios

500

Dreavo Studios

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & ! ? , . ( )

DREAVO in one line of geometric caps that swells without a break from a fine D to a full-weight O, so the name moves from the dream to the bravo like a picture fading in from black.

body

Funnel Sans

Weights
400, 600
Source
fontsource. Loaded from the brand's fonts folder.
Usage
Running text, synopses, decks, letters, and UI: 400 at 16/26 px on screen and 9.5/14 pt in print, sentence case, tracking 0. 600 for names, subheads, and statements such as 'Now in production.', tracking -1% at 28 px and up. No italics: film titles go in Jost caps or Funnel Sans 600.
400

Dreavo Studios

600

Dreavo Studios

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & ! ? , . ( )

DREAVO in one line of geometric caps that swells without a break from a fine D to a full-weight O, so the name moves from the dream to the bravo like a picture fading in from black.

05

Applications

Key visual: one-sheet poster
Key visual: one-sheet posterThe fade-in from black as a poster: the photograph rises out of House Dark under a Jost 300 title, with the billing block and the lockup in Screen at about 18% of the width.
Production ident
Production identThree frames of the 5-second ident on a 2.39:1 title card: the name arrives fine, the weight travels from D to O, and the end frame is primary.svg.
Social avatar
Social avatarThe hinge A in a round crop on House Dark at 192, 40, and 32 px, with a profile grid that mixes the lockup, the mark, and stills.
06

Concept

Awaiting sign-off, Gate 2

Study 05-hinge for Dreavo Studios. Created 2026-11-15.

Idea

"Dreavo" is a coined word, and English ears hear two words in it: DREA- from "dream" and -AVO from the end of "bravo". A film runs the same course. It starts as a dream and ends, if it is good, in an ovation. The wordmark draws that course as weight. DREAVO is set in one line of geometric caps whose weight rises steadily from left to right. The D is drawn with a fine stroke, every letter after it is heavier than the one before, and the O lands at full weight. There is no break and no second font. The swell runs through the letters, so each one is lighter on its left side than on its right, and the turn sits inside the A, the letter "dream" and "bravo" share: its left leg belongs to the dream, its right leg to the bravo. On a black title card this reads as a fade-in from black in a single word.

Summary: DREAVO in one line of geometric caps that swells without a break from a fine D to a full-weight O, so the name moves from the dream to the bravo like a picture fading in from black.

Why it fits

  • Positioning: "the weight of a studio picture" taken literally. The name gains weight as you read it and finishes on its heaviest letter. The claim is carried by the letters alone, with no symbol, light, or effect.
  • Personality: "Epic, not bombastic": the drama comes from one quiet gesture, a crescendo, with no chrome and no glow. "Quiet, not anonymous": a word that swells across its own letters is a drawing no font supplies. "Classic, not nostalgic": pointed geometric caps in the line of Futura, with no period ornament.
  • Principles leaned on hardest: 4 (one drawn feature, nameable in three words: "the name swells"), 1 (the swell is shape, not tone, so it survives in one flat color), 5 (one weight rule: the stem grows by the same ratio across the word). Principle 2 is the one to watch: the fine end has to hold at 160 px.
  • Name research: the dream-plus-bravo reading is the association people reach for first (the App Store app "AI Dream Interpretation DREAVO" confirms the dream half). The hinge falls where the two words overlap: DREA(M) and (BR)AVO share the A. Two side readings support the same arc. Italian "-avo" is the imperfect ending ("sognavo", "I was dreaming"), a tense for something already under way, which the swell shows as motion. And Old English "drēam" meant joy, music, and revelry, so the word's oldest sense was already applause. The Slavic reading "drevo" (tree) and the screenplay "V.O." were considered and not used: neither gives a form that reads without explanation.
  • Taste: dark, sleek, and confident. One line of pointed caps on near-black reads like a premiere title card, not a book and not a tech product.

Logo type and track

  • Type: wordmark, with STUDIOS beneath. mark.svg is the swelling A on its own: the hinge letter, fine on the left and heavy on the right.
  • Track: svg. This is lettering with exact, rule-driven weights; an image model would garble the letters and the rule.
  • Ground: dark. The fine D needs a ground where a thin light stroke reads as the first frame of a fade-in rather than as faint ink. The primary home is the title card on black.

Form notes

H = DREAVO cap height.

  • Base face. Jost (an open-source geometric sans in the Futura tradition), using its 300 and 900 masters. The two static instances share point structure, so every point of every letter can be interpolated between them at its own weight. Pointed A and V apexes make the swell sharper than in faces with flat apexes. Sora, Urbanist, Red Hat Display, Outfit, League Spartan, and Lexend Exa were set the same way (logo/concepts/compare-01.png, compare-03.png). Sora and Lexend Exa read as tech, Urbanist and Outfit as soft and friendly, Red Hat Display as corporate, and League Spartan is narrow and heavy at the bottom.
  • The swell (the drawn feature). Each point's weight is set by its horizontal position across the word. The blend between Jost 300 and 900 rises evenly from 0.085 at the D's left edge (stem 0.1 H) to 0.85 at the O's right edge (side about 0.3 H). In between the weight rises at an even rate, so vertical stems stay parallel-sided and horizontals taper slightly toward the right. The taper is the visible trace of the swell.
  • The hinge A. In the middle of the swell the A has a fine left leg and a heavy right leg, and its crossbar thickens from left to right. No font draws an A this way. It is also the mark.
  • Construction note. The wordmark is blended from two weights of one family, which factory/craft/wordmark-craft.md reserves for cases a concept demands. This concept is that case: weight is the idea. The blend is computed point by point from the two outlines (scratch script, not part of the workspace) and the result is outlined geometry, like any other outline.
  • Spacing. Light letters need more air than heavy ones. Set the gaps by the area of white between letters, not by the narrowest gap. Watch A–V, where the heavy diagonals close in, and check that the word does not break into "DREA VO".
  • STUDIOS. Beneath, at the weight the swell reaches in the middle of the A (the hinge weight, blend 0.5). Cap height 0.3 H, flush left on the D's stem and tracked so it ends exactly under the A's apex: STUDIOS spans the dream half up to the hinge. Centered was tried and dropped because it echoed Eclipse (compare-10-align.png).
  • Mark (mark.svg). The hinge A alone, with its own swell from a fine left leg (at least 6 units on the 96 grid) to a heavy right leg. Compare it at stage 4 with Eclipse's crossbarless Λ V and with Annapurna's uniform geometric A.
  • Color direction. A cool blue-black ground and a single light lettering color, unlike Eclipse's warm ember and Splice's graphite and safelight red. The logo files stay one color.
  • Motion (for stage 7). The ident is a fade-in where the weight moves rather than the brightness. DREAVO appears as a fine line of letters, then the weight travels from D to O and settles on the full swell. The logo file is the end frame.
  • Explored at stage 3 and dropped (logo/concepts/compare-01.png to compare-04.png):
    • Split at the A: DRE light, A half light and half heavy, VO heavy (c01, and the steeper or softer versions c05 and c06). It reads as two words, "DREA VO", the stock compound-name device.
    • Six discrete weight steps, one per letter (c03). It reads as a font accident, not an idea.
    • An eased swell that stays light through DRE and lands on VO (c04, c08). It is calmer, but it concentrates the change at the end and splits the word again.
    • Hollow letters that fill in toward a solid O ("developing", c10). Busy, close to Neon's tube letters, and the outlines vanish at 160 px.
    • Marks: a swelling D (too close to Splice's D), a swelling O (a crescent, too close to Eclipse), and DO (reads as the word "do"). See compare-marks-01.png.

Risks

  • Variable-font demo. A word that ramps through weights is a familiar type-specimen trick. Guards: one steady rule with no wave or bounce, a narrow range (no hairline, no ultra black), the classical pointed skeleton, and a reason in the name. If it looks like a font showing off its weight axis, it fails.
  • Splitting into two words. If the change gathers at one point, the word reads "DREA VO". Guard: an even rate of change across the whole word, and tight spacing through A–V–O.
  • The fine end at small sizes. The D is the first letter to fade at 160 px. Guard: the 0.055 H minimum stem; check the 120 and 240 px rows on the sheet.
  • A as a monogram. Annapurna uses a large geometric A (Century Gothic, per fan logo wikis; unverified) and Eclipse's mark is built on the A and V. Guard: the mark's silhouette is a hairline beside a heavy wedge, unlike any uniform-weight A. Compare all three side by side at stage 4.
  • Distinct from the other studies: the only study built on stroke contrast and the only one about how the name sounds and what it means. No light (01), no cut (04), not stacked (06).

Deviations

None

Sign-off

Awaiting user sign-off (Gate 2).

07

Concept sketches

a01-center.svg
a01-center.svg
a02-left.svg
a02-left.svg
a03-left-big.svg
a03-left-big.svg
a04-right.svg
a04-right.svg
applications-check.png
applications-check.png
body-1.png
body-1.png
body-1.svg
body-1.svg
body-2.png
body-2.png
body-2.svg
body-2.svg
body-3.png
body-3.png
body-3.svg
body-3.svg
body-4.png
body-4.png
body-4.svg
body-4.svg
c01-hinge-rhd.svg
c01-hinge-rhd.svg
c01-hinge-sora.svg
c01-hinge-sora.svg
c01-hinge-urbanist.svg
c01-hinge-urbanist.svg
c02-crescendo-rhd.svg
c02-crescendo-rhd.svg
c02-crescendo-sora.svg
c02-crescendo-sora.svg
c02-crescendo-urbanist.svg
c02-crescendo-urbanist.svg
c03-fade6-rhd.svg
c03-fade6-rhd.svg
c03-fade6-sora.svg
c03-fade6-sora.svg
c03-fade6-urbanist.svg
c03-fade6-urbanist.svg
c04-ease-rhd.svg
c04-ease-rhd.svg
c04-ease-sora.svg
c04-ease-sora.svg
c04-ease-urbanist.svg
c04-ease-urbanist.svg
c05-sig-steep-rhd.svg
c05-sig-steep-rhd.svg
c05-sig-steep-sora.svg
c05-sig-steep-sora.svg
c05-sig-steep-urbanist.svg
c05-sig-steep-urbanist.svg
c06-sig-soft-rhd.svg
c06-sig-soft-rhd.svg
c06-sig-soft-sora.svg
c06-sig-soft-sora.svg
c06-sig-soft-urbanist.svg
c06-sig-soft-urbanist.svg
c07-cresc-jost.svg
c07-cresc-jost.svg
c07-cresc-jost3.svg
c07-cresc-jost3.svg
c07-cresc-lexexa.svg
c07-cresc-lexexa.svg
c07-cresc-outfit.svg
c07-cresc-outfit.svg
c07-cresc-rhd.svg
c07-cresc-rhd.svg
c07-cresc-spartan.svg
c07-cresc-spartan.svg
c08-geo-jost.svg
c08-geo-jost.svg
c08b-geo-jost-soft.svg
c08b-geo-jost-soft.svg
c09-lin-jost.svg
c09-lin-jost.svg
c10-develop-jost.svg
c10-develop-jost.svg
compare-01.png
compare-01.png
compare-02.png
compare-02.png
compare-03.png
compare-03.png
compare-04.png
compare-04.png
compare-05-refine.png
compare-05-refine.png
compare-06-lockups.png
compare-06-lockups.png
compare-07-lockups.png
compare-07-lockups.png
compare-08-small.png
compare-08-small.png
compare-09-vs-studies.png
compare-09-vs-studies.png
compare-10-align.png
compare-10-align.png
compare-11-body.png
compare-11-body.png
compare-marks-01.png
compare-marks-01.png
compare-marks-02.png
compare-marks-02.png
compare-marks-03.png
compare-marks-03.png
export-check.png
export-check.png
l01-center-hinge.svg
l01-center-hinge.svg
l02-left-dstroke.svg
l02-left-dstroke.svg
l03-right-dstroke.svg
l03-right-dstroke.svg
l04-justify-hinge.svg
l04-justify-hinge.svg
l05-center-dstroke.svg
l05-center-dstroke.svg
l06-left-hinge-big.svg
l06-left-hinge-big.svg
l07-c-30-t100.svg
l07-c-30-t100.svg
l08-c-30-t150.svg
l08-c-30-t150.svg
l09-c-32-t120.svg
l09-c-32-t120.svg
l10-c-28-t180.svg
l10-c-28-t180.svg
m01-a.svg
m01-a.svg
m02-d.svg
m02-d.svg
m03-o.svg
m03-o.svg
m04-do.svg
m04-do.svg
mk01-16.png
mk01-16.png
mk01-32.png
mk01-32.png
mk01-64.png
mk01-64.png
mk01.svg
mk01.svg
mk02-16.png
mk02-16.png
mk02-32.png
mk02-32.png
mk02-64.png
mk02-64.png
mk02.svg
mk02.svg
mk03-16.png
mk03-16.png
mk03-32.png
mk03-32.png
mk03-64.png
mk03-64.png
mk03.svg
mk03.svg
mk04-16.png
mk04-16.png
mk04-32.png
mk04-32.png
mk04-64.png
mk04-64.png
mk04.svg
mk04.svg
mk05-16.png
mk05-16.png
mk05-32.png
mk05-32.png
mk05.svg
mk05.svg
mk06-16.png
mk06-16.png
mk06-32.png
mk06-32.png
mk06.svg
mk06.svg
mk07-16.png
mk07-16.png
mk07-32.png
mk07-32.png
mk07.svg
mk07.svg
mk08-16.png
mk08-16.png
mk08-32.png
mk08-32.png
mk08.svg
mk08.svg
primary-r01.png
primary-r01.png
primary-r01.svg
primary-r01.svg
primary-r02.png
primary-r02.png
primary-r04.png
primary-r04.png
primary-r05.png
primary-r05.png
r02-mark.svg
r02-mark.svg
r02-mono-black.svg
r02-mono-black.svg
r02-mono-white.svg
r02-mono-white.svg
r02-primary-alt.svg
r02-primary-alt.svg
r02-primary.svg
r02-primary.svg
r02-wordmark.svg
r02-wordmark.svg
raw/encode-sans-expanded-100.svg
raw/encode-sans-expanded-100.svg
raw/encode-sans-expanded-200.svg
raw/encode-sans-expanded-200.svg
raw/encode-sans-expanded-300.svg
raw/encode-sans-expanded-300.svg
raw/encode-sans-expanded-900.svg
raw/encode-sans-expanded-900.svg
raw/jost-100.svg
raw/jost-100.svg
raw/jost-200.svg
raw/jost-200.svg
raw/jost-300-A.svg
raw/jost-300-A.svg
raw/jost-300-D.svg
raw/jost-300-D.svg
raw/jost-300-DO.svg
raw/jost-300-DO.svg
raw/jost-300-O.svg
raw/jost-300-O.svg
raw/jost-300-STUDIOS.svg
raw/jost-300-STUDIOS.svg
raw/jost-300.svg
raw/jost-300.svg
raw/jost-400-A.svg
raw/jost-400-A.svg
raw/jost-400-D.svg
raw/jost-400-D.svg
raw/jost-400-DO.svg
raw/jost-400-DO.svg
raw/jost-400-O.svg
raw/jost-400-O.svg
raw/jost-400.svg
raw/jost-400.svg
raw/jost-500.svg
raw/jost-500.svg
raw/jost-900-A.svg
raw/jost-900-A.svg
raw/jost-900-D.svg
raw/jost-900-D.svg
raw/jost-900-DO.svg
raw/jost-900-DO.svg
raw/jost-900-O.svg
raw/jost-900-O.svg
raw/jost-900-STUDIOS.svg
raw/jost-900-STUDIOS.svg
raw/jost-900.svg
raw/jost-900.svg
raw/league-spartan-100.svg
raw/league-spartan-100.svg
raw/league-spartan-300.svg
raw/league-spartan-300.svg
raw/league-spartan-900.svg
raw/league-spartan-900.svg
raw/lexend-exa-200.svg
raw/lexend-exa-200.svg
raw/lexend-exa-300.svg
raw/lexend-exa-300.svg
raw/lexend-exa-900.svg
raw/lexend-exa-900.svg
raw/outfit-100.svg
raw/outfit-100.svg
raw/outfit-300.svg
raw/outfit-300.svg
raw/outfit-900.svg
raw/outfit-900.svg
raw/red-hat-display-300.svg
raw/red-hat-display-300.svg
raw/red-hat-display-900.svg
raw/red-hat-display-900.svg
raw/sora-100.svg
raw/sora-100.svg
raw/sora-300.svg
raw/sora-300.svg
raw/sora-800.svg
raw/sora-800.svg
raw/urbanist-100.svg
raw/urbanist-100.svg
raw/urbanist-300.svg
raw/urbanist-300.svg
raw/urbanist-900.svg
raw/urbanist-900.svg
small-l01-center-hinge-160.png
small-l01-center-hinge-160.png
small-l01-center-hinge-240.png
small-l01-center-hinge-240.png
small-l07-c-30-t100-160.png
small-l07-c-30-t100-160.png
small-l07-c-30-t100-240.png
small-l07-c-30-t100-240.png
small-l08-c-30-t150-160.png
small-l08-c-30-t150-160.png
small-l08-c-30-t150-240.png
small-l08-c-30-t150-240.png
w01-t0-full.svg
w01-t0-full.svg
w02-t8-full.svg
w02-t8-full.svg
w03-t16-full.svg
w03-t16-full.svg
w04-t8-85.svg
w04-t8-85.svg
w05-r.png
w05-r.png
w05-t16-85.svg
w05-t16-85.svg
w06-t24-75.svg
w06-t24-75.svg
08

Moodboard

Not yet madeNothing in moodboard/ yet
09

Guidelines

Written

Study 05-hinge. Version 1, 2026-11-15.

Overview

"Dreavo" sounds like two words, the dream and the bravo, and a film follows the same course. The wordmark shows that course as weight: DREAVO swells without a break from a fine D to a full-weight O, like a picture fading in from black. The turn sits inside the A, the letter "dream" and "bravo" share, and that A is the mark.

Personality: serious, not grim; epic, not bombastic; classic, not nostalgic; quiet, not anonymous. This document is for designers of posters, decks, and title sequences, the web developer, the printer, and whoever runs the social accounts.

How the system meets the five design principles: (1) one flat color in every logo file, and the swell is shape, not tone; (2) the lockup reads at 160 px and the mark at 32 px in a circle (see Minimum size); (3) no cinema hardware, light, or effects; (4) one nameable feature, "the name swells"; (5) the name and STUDIOS only, with one weight rule for both.

Logo

Versions

Primary

File Use when Do not use when
logo/primary.svg The default, in Screen #E8EAEE on House Dark #0B0E16 and Booth #171C28, and on dark areas of film stills On Matte or any light ground
logo/primary-alt.svg The same lockup in House Dark, on Matte #EEEFF2, on white, and on pale image areas On dark grounds
logo/mark.svg The hinge A alone: avatars, favicons, app icons, the back of the business card, and anywhere the lockup would fall below its minimum As the only brand signal for someone who has not met the name yet
logo/mono-black.svg One-color print, embossing, black billing blocks On dark grounds
logo/mono-white.svg Poster billing blocks, end-credit pages, over photographs, apparel On light grounds
logo/wordmark.svg DREAVO without STUDIOS, for print billing blocks narrower than 23 mm and wide formats where STUDIOS would fall below its minimum Where the full name has to be shown and there is room for the lockup

Contact sheet

Construction

  • Lettering. DREAVO is outlined from Jost 300 and Jost 900 with bun lf outline and blended point by point between the two masters (they share point structure). Each point's weight is set by its horizontal position: the blend factor rises evenly from 0.085 at the left edge of the D to 0.85 at the right edge of the O. Vertical stems stay parallel; horizontals taper slightly toward the right. The D's stem is 14.3 units, and the O's right side is about 0.3 of the cap height.
  • Spacing. Jost's own spacing, blended at the local weight, plus 16 units of tracking, with D–R closed by 8, E–A by 6, V–O by 4, and A–V opened by 1 (DREAVO cap height = 140 units).
  • STUDIOS. Jost blended at 0.5, the weight the swell reaches at the A (the hinge weight), cap height 0.3 of DREAVO's (42 units), 53 units below DREAVO's baseline (0.38 cap height). Flush left on the D's stem, with the round S overhanging it by 1.2 units, and tracked so its last letter ends exactly under the A's apex: STUDIOS spans the dream half up to the hinge.
  • Mark. The Jost A blended inside one letter: the left leg at 0.12, the right leg at 1.15, with the change happening across the crossbar, so the left leg is fine, the right leg widens toward its foot, and the crossbar is a wedge. Scaled to 94 of 96 units and shifted 0.9 units toward its area centroid. All logo files are 841.78 × 244.36 units (lockup), 840.58 × 155.91 (wordmark), and 96 × 96 (mark).

Clear space

X = the cap height of STUDIOS (42 units, 5% of the lockup width; at 300 px wide, X is 15 px). Keep 1X clear on all sides of the lockup and of the wordmark. Around the mark alone, keep 24 units (a quarter of its 96-unit box). Other logos, text, rules, frame edges, folds, and busy image detail all count as intrusions; in a billing block, 1X separates Dreavo from the neighbouring logos.

Minimum size

The thinnest stroke in the lockup is the crossbar of STUDIOS's T, 7.41 units. The formula in wordmark-craft.md (thinnest stroke at least 1.5 px or 0.2 mm) gives 170 px and 23 mm. Design principle 2 asks for 160 px, which overrides it on screen: at 160 px that crossbar is 1.4 px, and the sheet's 120 px row shows the lockup still reads.

Version Screen Print
Primary lockup (any color) 160 px wide 23 mm wide
Wordmark (thinnest stroke 13.4 units, the D's top bar) 95 px wide 13 mm wide
Mark 16 px 5 mm

For print billing blocks narrower than 23 mm, use wordmark.svg. Below 95 px or 13 mm, use mark.svg.

Misuse

  • Do not even out the swell, reverse it, or make it run right to left. The D is always the finest letter and the O the heaviest.
  • Do not set DREAVO yourself in any static weight of Jost, or ramp the weight in a different face. Use the files.
  • Do not apply the swell to headlines, titles, or STUDIOS. The weight ramp belongs to the name alone.
  • Do not center STUDIOS or change its tracking: it starts on the D's stem and ends under the A's apex.
  • Do not show the light and heavy halves in two colors or brightnesses in a logo file; the idea reads from weight alone.
  • Do not put primary.svg on Matte or white (1.07:1); use primary-alt.svg.
  • Do not recolor outside Screen, House Dark, black, and white. Never Day for Night in the logo.
  • Do not add glow, gradient, shadow, outline, or texture to any logo file, and do not stretch, skew, or rotate it.

Color

Name Hex RGB Role Usage
House Dark #0B0E16 11, 14, 22 background Default ground: title cards, screens, decks, the avatar. 60 to 70% of a layout.
Screen #E8EAEE 232, 234, 238 primary The logo on dark grounds, display type, titles. 15 to 25%.
Silver #B9BFCB 185, 191, 203 text Body text on House Dark and Booth.
Booth #171C28 23, 28, 40 surface Panels, cards, slides, merchandise stock.
Day for Night #7483AB 116, 131, 171 secondary Captions, labels, rules, credits, the first frames of the ident. Under 20%; never in the logo.
Matte #EEEFF2 238, 239, 242 background Light ground for letterhead and documents; carries primary-alt.svg and text in House Dark.

Approved pairings (WCAG, computed): Screen on House Dark 16.0:1 (logo, all text); Screen on Booth 14.1:1; Silver on House Dark 10.5:1 and on Booth 9.2:1 (body); Day for Night on House Dark 5.1:1 and on Booth 4.5:1 (captions); House Dark on Matte 16.8:1 (logo, all text on light print). Never pair: Screen or Silver on Matte; Booth on House Dark for anything that must be read; Day for Night as small text on Matte (3.3:1, rules and large type only).

Typography

Role Family Weights Source Fallback
Display Jost 300, 500 Fontsource, OFL 1.1 Futura, "Century Gothic", "Avenir Next", system-ui, sans-serif
Body Funnel Sans 400, 600 Fontsource, OFL 1.1 "Helvetica Neue", system-ui, -apple-system, "Segoe UI", Arial, sans-serif
Level Face and weight Size / line height Case, tracking
Title Jost 300 84 / 92 px Caps, +100 to +120
Headline Funnel Sans 600 30 / 38 px Sentence, -1%
Body Funnel Sans 400 16 / 26 px (9.5 / 14 pt in print) Sentence, 0
Label, credit Jost 500 11 to 16 px Caps, +250 to +300

Body text is left-aligned, never justified, 55 to 75 characters per line. Dates are written "12 March". No italics: film titles go in Jost caps or Funnel Sans 600.

Imagery and key visuals

Stills look like prestige drama: night interiors and wide night exteriors, a single figure or a single light source, deep blacks lifted to House Dark, a cold blue-steel grade, fine grain. Images fade in from House Dark at the top of a layout, the way the name fades in from fine to heavy, and the logo sits in the dark part of the image in mono-white.svg or primary.svg, never over faces or bright detail. Glow and gradients belong here, never in the logo files. No warm sunsets, no saturated colour, no cinema hardware such as reels, lenses, or projector beams. See the key visual:

Key visual

Voice

Dreavo writes like a title sequence: names, verbs, facts, present tense, no exclamation marks or superlatives.

Principle Do Don't
Say less, mean it "Now in production." "We're so excited to share our amazing new project!!"
Credits, not copy "Dreavo Studios presents a film by Ana Ruiz." "Your partner for premium creative content."
Confident, never loud "In cinemas 12 March." "The most unforgettable film of the year!"

Example lines. Headline: "The Long Winter. Now in production." Button: "Watch teaser". Social post: "Eleven weeks in Lapland. The Long Winter wraps today."

Applications

Production ident

The ident is a fade-in where the weight moves rather than the brightness: the name arrives at the D's weight, the weight travels from D to O, and the end frame is primary.svg.

Social avatar

The hinge A on House Dark in a round crop, at 192, 40, and 32 px.