Style combination · Contrasts
Fileteado Porteño × International Typographic Style
Set one painted filete scroll against a strict grid and neutral sans so the ornament reads as a deliberate, celebratory interruption.
Mix them and make something Fileteado Porteño International Typographic Style
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.
Fileteado Porteño International Typographic Style
- Type from Fileteado Porteño
- Colour from International Typographic Style
- Form from Fileteado Porteño
-
International Typographic Style avoids abundant decoration: this is where the two pull against each other, which is the point of the contrast.
- Composition from International Typographic Style
-
Fileteado Porteño avoids dynamic asymmetry: this is where the two pull against each other, which is the point of the contrast.
- Surface from Fileteado Porteño
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Fileteado Porteño
Index
Yellowtail, standing in for Letra inglesa (copperplate-derived brush script)
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 Fileteado Porteño. The ink reads on the ground at 4.5:1 or more.
Fileteado Porteño International Typographic Style
-
#f2f0e9ground · 36% -
#111111ink · 14% -
#e1251baccent · 18% -
#f2b705accent · 14% -
#1f4e9caccent · 10% -
#7a7a7aaccent · 8%
As CSS
:root {
--ground: #f2f0e9;
--ink: #111111;
--accent-1: #e1251b;
--accent-2: #f2b705;
--accent-3: #1f4e9c;
--accent-4: #7a7a7a;
--font-display: "Yellowtail", cursive;
--font-text: "Inter", sans-serif;
}
Use it with care
Fileteado Porteño: Filete porteño is UNESCO-listed intangible heritage (2015) and a living trade: commission or credit fileteadores rather than tracing their published panels, and keep its Argentine emblems and devotional images, such as the Virgin of Luján, in a respectful context.
04
The two styles
05
More combinations
With Fileteado Porteño
- Art Nouveau Pairs well · Use Art Nouveau's flatter whiplash line to tame filete's modelled acanthus for print and repeat patterns while keeping its curvilinear energy.
- Victorian Letterpress & Wood Type Pairs well · Wrap shaded wood-type capitals in a filete ribbon and corner scrolls for labels and menus that read porteño without a full painted panel.
- Minimalist Graphic Design Contrasts · Its horror of empty panels is the opposite of minimalist restraint; isolate a single small filete motif on a large quiet field to stage the clash.
- Di Tella Graphic Design (Instituto Torcuato Di Tella) Contrasts · Same city, opposite choice: Buenos Aires' ornamental filete against the Di Tella's ornament-free flat-ink modernism; set side by side they show the porteño vernacular and the porteño avant-garde.
- Argentine Adventure Historieta (Oesterheld–Breccia) Contrasts · Two Buenos Aires vernaculars that both work on dark grounds: fileteado frames a lettered name with polychrome, highlighted acanthus and ribbons, while the historieta rejects ornament and lets bare black ink and side light carry a story.
- Hand-Painted Signage & Vernacular Lettering Pairs well · Add filete scrolls and bevelled shading to plain painted lettering for a richer, Buenos Aires-style sign.
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.