Style combination · Pairs well
Cyworld Minihompy × Isometric Pixel Art
Borrow a denser pixel diorama for the miniroom panel, but keep the profile frame, photos and friends' comments around it.
Mix them and make something Cyworld Minihompy Isometric Pixel Art
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.
Cyworld Minihompy & Minimi (Korean Mini-Homepage Culture) Isometric Pixel Art
- Type from Isometric Pixel Art
- Colour from Isometric Pixel Art
- Form from Cyworld Minihompy
- Composition from Cyworld Minihompy
- Surface from Isometric Pixel Art
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Isometric Pixel Art
Wow
Pixelify Sans, standing in for Hand-pixelled lettering drawn into the scene: shop signs, billboards and brand logos sheared onto the 2:1 planes of the buildings, as in eBoy's Pixoramas
Text · Cyworld Minihompy
The personal mini-homepage of Korea's Cyworld: one fixed, framed template that every user decorated item by item with a paid currency of acorns (dotori). A title bar; a left column with profile photo, mood line and friend list; in the centre the miniroom, a small isometric room of bought pixel furniture where a small pixel-style avatar (the minimi) lives; a right-hand menu of tabs; and a visitor counter. Selfies, diary entries, guestbook notes and wistful captions made it, in Korean press words, the nation's collective diary and photo album.
Inter; Cyworld Minihompy used Gulim (굴림), the default Korean Windows system face of Korean web pages and Dotum (돋움), the companion Korean system sans
03
The colours
The ground and leading colours come from Isometric Pixel Art, with a counter-accent from Cyworld Minihompy. The ink reads on the ground at 4.5:1 or more.
Cyworld Minihompy & Minimi (Korean Mini-Homepage Culture) Isometric Pixel Art
-
#f2f2eeground · 36% -
#26263aink · 14% -
#ffc933accent · 18% -
#f58220accent · 14% -
#e8413caccent · 10% -
#a9cfe8accent · 8%
As CSS
:root {
--ground: #f2f2ee;
--ink: #26263a;
--accent-1: #ffc933;
--accent-2: #f58220;
--accent-3: #e8413c;
--accent-4: #a9cfe8;
--font-display: "Pixelify Sans", monospace;
--font-text: "Inter", sans-serif;
}
Use it with care
Cyworld Minihompy & Minimi (Korean Mini-Homepage Culture): Cyworld, minihompy and minimi are trade names of a company that has relaunched the service: draw new avatars, rooms and frames rather than copying Cyworld's own items, logo or interface art. Real minihompys hold private people's selfies, diaries and comments; do not reproduce or scrape them as examples. The palette is an evocation of the pastel skins and light frames, not a sourced record of Cyworld's interface colours; the orange is unsourced.
04
The two styles
05
More combinations
With Cyworld Minihompy
- International Typographic Style Contrasts · Neutral grid and objective type against a page made of bought ornaments, pastel skins and a cute avatar.
- Japanese Dense Web Design Contrasts · Both pack framed panels onto one screen, but the Japanese portal informs strangers while the minihompy decorates one person's page for friends.
- Newtro (Korean New-Retro) Pairs well · Two Korean nostalgia currents: pair a framed minihompy layout with newtro's flat hand-lettered emblems for a 2000s throwback.
With Isometric Pixel Art
- International Typographic Style Contrasts · Set a calm grotesque headline and white margin against a crowded pixel panorama to frame the chaos with order.
- Bitmap & Pixel Graphics 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.
- Isometric Tech Illustration Contrasts · Same tilted projection, opposite temper: sparse vector SaaS diagrams on white against a crammed, ironic pixel city.
- Superflat Pairs well · Both crowd a flat, saturated field with cute consumer figures and irony; add superflat's rounded characters to the pixel city for a denser pop dialogue.