Style combination · Contrasts
International Typographic Style × Vyaz
Its opposite: airy, flush-left sans-serif on a grid against a dense, centred band of stretched calligraphic letters and plant filler; a single vyaz title can warm an otherwise strict grid.
Mix them and make something International Typographic Style Vyaz
01
What each style brings
Each part of the design comes from the style with the stronger say in it, and each style gives at least two.
International Typographic Style Vyaz (Ornamental Slavonic Lettering)
- Type from Vyaz
- Colour from International Typographic Style
- Form from International Typographic Style
- Composition from International Typographic Style
-
Vyaz avoids dynamic asymmetry: this is where the two pull against each other, which is the point of the contrast.
- Surface from Vyaz
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Vyaz
Civic
Federant, standing in for Drawn Russian Revival vyaz of about 1900, intricate and in the spirit of Art Nouveau, such as Vrubel's monolinear vyaz
Text · International Typographic Style
A post-war refinement of the New Typography in which the mathematical grid, objective photography and neo-grotesque sans-serifs were used to communicate with clarity and neutrality. Taught at the Basel and Zurich schools, it became the default language of international corporate and institutional communication.
Inter; International Typographic Style used Akzidenz-Grotesk and Helvetica
03
The colours
The ground and leading colours come from International Typographic Style, with a counter-accent from Vyaz. The ink reads on the ground at 4.5:1 or more.
International Typographic Style Vyaz (Ornamental Slavonic Lettering)
-
#f2f0e9ground · 36% -
#111111ink · 14% -
#e1251baccent · 18% -
#1f4e9caccent · 14% -
#c39a3eaccent · 10% -
#7a7a7aaccent · 8%
As CSS
:root {
--ground: #f2f0e9;
--ink: #111111;
--accent-1: #e1251b;
--accent-2: #1f4e9c;
--accent-3: #c39a3e;
--accent-4: #7a7a7a;
--font-display: "Federant", sans-serif;
--font-text: "Inter", sans-serif;
}
Use it with care
Vyaz (Ornamental Slavonic Lettering): Most vyaz carries sacred text: prayers, holy names, the titles of Gospels and service books, and inscriptions on icons, bells, church vessels, shrouds and graves. Do not fill a band with invented pseudo-Cyrillic or scramble real Church Slavonic as texture, keep holy names and prayers off throwaway products, and have any text written or checked by a reader of Church Slavonic. For Old Believers the pre-reform book and its lettering remain a matter of faith, so credit and involve their communities rather than lifting their headings as decoration. Vyaz is not only Russian: Bulgarian and Serbian scribes used it before Russia, Romanian scribes from the 15th century, and western and south-western Rus' in the Grand Duchy of Lithuania (today's Belarus and Ukraine, with Supraśl in Poland) kept its own plant-derived manner, so credit the book culture a model comes from. Since Russia's full-scale invasion of Ukraine in 2022, check whether your audience will read Old Russian display lettering as Russian state or nationalist branding; vyaz is also part of Belarusian and Ukrainian book and icon heritage, so ask how that audience reads it rather than assuming either.
04
The two styles
05
More combinations
With International Typographic Style
- Art Nouveau Contrasts · Ornamental curves against an orthogonal grid make a strong deliberate tension.
- Brutalist Web Design Pairs well · Strip the grid to raw HTML defaults to get a rawer, contemporary take on Swiss honesty.
- Psychedelic Poster Contrasts · Its exact opposite on legibility; borrow one swirling element to break a too-cold Swiss layout.
- Japanese Postwar Modernism Pairs well · Add Japanese restraint and emblematic colour fields to the grid for warmth without losing order.
- American Traditional Tattoo Flash Contrasts · Rational grid and sans-serif against sentimental, hand-lettered emblems: one flash motif on a Swiss layout makes a sharp contrast.
- Graffiti & Hip-Hop Graphics Contrasts · Put a single tag or throw-up over a strict Swiss grid to stage the clash between institutional order and a street voice.
- Pop Art Graphics Contrasts · Set one loud appropriated Pop image inside a strict grid with a neutral grotesque so the irony reads as deliberate rather than chaotic.
- Italian Painted Film Poster (Rome Studios) Contrasts · Grid, restraint and photographic objectivity are the opposite of a crowded painted montage.
With Vyaz
- Mir iskusstva Book Art Pairs well · Bilibin's circle drew titles and initials in an Old Russian manner into bordered fairy-tale books; put a newly drawn vyaz title under a folk-ornament headpiece for a Russian Revival page rather than copying a liturgical heading.
- Square Kufic (Bannāʾī) Contrasts · Both turn sacred words into a dense band that reads first as pattern, but square Kufic snaps letters to an orthogonal grid of equal stroke and gap, while vyaz stretches free pen-drawn letters upward and plugs the gaps with plant filler; choose the grid or the calligraphic interlace, and never blend the two sacred scripts into a generic 'ancient' texture.
- Phototype Expressive Typography (Lubalin & U&lc) Pairs well · Lubalin's phototype logotypes also merge neighbouring letters into ligatures and crowd them into a single shape; borrow vyaz's shared stems and nested small letters for a Cyrillic logotype, and keep it to one or two words so it stays readable.
- Edo-moji Commercial Lettering (Kanteiryū, Yose-moji, Sumō-ji) Contrasts · Both are crowded display hands that leave no gap in the band they fill, but edo-moji fills it with plump, heavy strokes, as in Kanteiryū or sumō-ji, and vyaz with tall, interlocked stems and plant filler: two answers to the same demand for a full, dense line, so pick weight or height rather than mixing them.
- Gothic Blackletter & Fraktur Tradition Contrasts · Both pack tall, upright strokes into a dark rhythm, and Shchepkin even called 17th-century vyaz the fraktur style; but blackletter darkens a whole justified page of running text, while vyaz binds one title line into ornament by joining letters on shared stems and nesting small ones between them. Use blackletter for text and vyaz for a single heading band.
- Armenian Manuscript Illumination Pairs well · Another Eastern Christian book culture in which titles and initials carry the ornament; set a vyaz title in gold and azurite beside a canon-table arcade to compare a heading built from joined letters with an initial built from birds.