Style combination · Pairs well
Bitmap × Low Poly Illustration
Both turn the limits of early game hardware into a chosen look, square pixels in 2D and few polygons in 3D (Wikipedia's 'Low poly' calls it the 3D analogue of pixel art, without a source). Pair a faceted scene with pixel type and icons for a retro-game interface, or set the square step against the triangle to show the two eras side by side.
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.
Bitmap & Pixel Graphics Low Poly Illustration
- Type from Bitmap
- Colour from Low Poly Illustration
-
Bitmap avoids gradients: this is where the two pull against each other.
- Form from Low Poly Illustration
- Composition from Bitmap
- Surface from Bitmap
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Text · Low Poly Illustration
A digital illustration and game look in which subjects are built from a visible mesh of a few flat-shaded polygons, so that animals, faces, vehicles and landscapes read as hard-edged facets with no outline or texture. Around 2012 the polygon budgets of early real-time 3D became a chosen style, in Timothy J. Reynolds's Cinema 4D illustrations and then in indie games such as MirrorMoon EP (2013). Triangulation tools such as Trianglify then carried it into 2D vector art, posters and web backgrounds.
Jost; Low Poly Illustration used Faceted display faces that replace every curve with straight segments, such as Ray Larabie's Alphii (Typodermic, 2006), which in the foundry's words 'does not imitate a mesh or toolpath; it shares their economy' and A clean geometric sans set flat beside the faceted picture, so the letters stay legible while the mesh carries the image
03
The colours
The ground and leading colours come from Low Poly Illustration, with a counter-accent from Bitmap. The ink reads on the ground at 4.5:1 or more.
Bitmap & Pixel Graphics Low Poly Illustration
-
#f1e8d0ground · 36% -
#163a4fink · 14% -
#e8704faccent · 18% -
#9bbc0faccent · 14% -
#3fa58aaccent · 10% -
#ff55ffaccent · 8%
As CSS
:root {
--ground: #f1e8d0;
--ink: #163a4f;
--accent-1: #e8704f;
--accent-2: #9bbc0f;
--accent-3: #3fa58a;
--accent-4: #ff55ff;
--font-display: "Pixelify Sans", monospace;
--font-text: "Jost", sans-serif;
}04
The two styles
05
More combinations
With Bitmap
- Andean Woven Graphic Systems Pairs well · The woven cell of Andean tapestry is a pre-digital pixel grid; draw pixel icons with its stepped diagonals, but credit weaving communities rather than copying their motifs.
- Skeuomorphic UI Contrasts · Photoreal leather and glass are the opposite pole of 1-bit honesty; jump from one to the other to tell a story of interface history.
- International Typographic Style Pairs well · Snap pixel type and icons to a strict Swiss grid for a rational, screen-native take on modernist order.
- Art Nouveau Contrasts · Whiplash curves cannot survive a coarse pixel grid; staging that clash makes a memorable, deliberately jagged ornament.
- Kawaii Design Pairs well · Sprite-scale characters and kawaii roundness merge naturally; keep the palette limited so pixel mascots stay crisp.
- Demoscene Graphics (Cracktros, Demos & Text-Mode Art) Contrasts · Bitmap graphics is the legible, flat pixel of icons, sprites and system fonts; scene graphics spend the same pixels on chrome, gradients and motion for show. Pick the icon grid for an interface and the scene logo for a title screen.
- Square Kufic (Bannāʾī) Pairs well · Both build letters from square units, and Sakkal compares building bricks to large pixels; set a bitmap Latin wordmark on the same cell size as a square-Kufic mark for a bilingual identity, but keep sacred formulas out of jokey, game-like pixel contexts.
- Isometric Pixel Art Contrasts · Same hand-placed pixels, but front-on icons and sprites under hardware limits against a crammed, full-colour 2:1 city made as a picture.
With Low Poly Illustration
- Claymorphism & Soft 3D Contrasts · Both float one rendered object on a pale ground, but clay is inflated, rounded and softly shaded while low poly is cut into hard facets with stepped tones; choose clay for warmth and touch, low poly for crispness and a constructed, mineral feel.
- Art Nouveau Contrasts · Whiplash curves cannot survive a polygon budget; stage one sinuous line against a faceted field for deliberate tension, or use Art Nouveau to see everything low poly gives up.
- Cubist Pictorial Space Contrasts · Cubism breaks an object into planes seen from several viewpoints at once and flattens the space; low poly facets it from one consistent viewpoint and keeps the perspective. Borrow Cubist overlap only when ambiguity, not legibility, is the point.
- Flat Design Pairs well · Flat design's solid fields, sans type and calm grids make a quiet frame for one faceted hero illustration or a triangle-mesh header; keep the interface flat so the facets are the only place where depth appears.
- Generative & Dynamic Identities Pairs well · Generate the triangle mesh from seeded points and a colour ramp, as Trianglify does, to give an identity a family of backgrounds that vary per page or per user but always read as one system.
- PS1 / Lo-Fi 3D Revival (PSX Aesthetic) Contrasts · Both count polygons, but low poly shows clean, untextured flat-shaded facets on bright grounds with a calm tone, while the PSX look wraps its meshes in tiny warping textures, fog and grain to make dread. Keep the facets clean for decoration and dirty them for horror.
- Cel-Shaded Game Graphics (Toon-Shaded Real-Time 3D) Contrasts · Both stylise real-time 3D, but low poly shows faceted polygons with no outlines; contrast inked silhouettes with bare facets.
- Isometric Tech Illustration Contrasts · Faceted meshes with perspective against parallel-projected boxes in three flat tones.