Stylogeny combining Chaekgeori × Skeuomorphic UI

Try

Style combination · Pairs well

Chaekgeori × Skeuomorphic UI

A wooden bookshelf interface is a digital chaekgado; use its compartment grid and trompe-l'oeil objects for a playful library or catalogue UI.

From the research on Chaekgeori & Minhwa Screen Painting

Mix them and make something Chaekgeori Skeuomorphic UI

VelvetChaekgeori × Skeuomorphic UI1776 · 2000
A sample layout drawn from the recipe: shapes from Chaekgeori, their arrangement from Chaekgeori, the finish from Skeuomorphic UI. Not a real work, and not an image of either 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.

Chaekgeori & Minhwa Screen Painting Skeuomorphic UI

Type from Chaekgeori
Colour from Skeuomorphic UI
Form from Chaekgeori
Composition from Chaekgeori
Surface from Skeuomorphic UI

02

The type

Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.

Display · Chaekgeori

Velvet

Shippori Mincho; Chaekgeori used Haeseo (regular script) brush characters and Munjado pictorial ideographs built from emblematic motifs

Text · Skeuomorphic UI

Interface design that imitates physical materials and objects (stitched leather, linen, wooden shelves, brushed aluminium, felt, paper and glass) so that digital tools look and behave like their real-world counterparts. Extending the GUI's desktop metaphor into photorealism, it ran from Apple's Aqua and brushed-metal interfaces around 2000 to its peak in iOS 1–6 and Mac OS X Lion, and was abandoned for flat design with iOS 7 in 2013.

Inter; Skeuomorphic UI used Lucida Grande and Helvetica

03

The colours

The ground and leading colours come from Skeuomorphic UI, with a counter-accent from Chaekgeori. The ink reads on the ground at 4.5:1 or more.

Chaekgeori & Minhwa Screen Painting Skeuomorphic UI

  • #f7e48c ground · 36%
  • #6b4226 ink · 14%
  • #4a87c9 accent · 18%
  • #d9a23a accent · 14%
  • #2f6b3a accent · 10%
  • #b8392b accent · 8%

As CSS

:root {
  --ground: #f7e48c;
  --ink: #6b4226;
  --accent-1: #4a87c9;
  --accent-2: #d9a23a;
  --accent-3: #2f6b3a;
  --accent-4: #b8392b;
  --font-display: "Shippori Mincho", serif;
  --font-text: "Inter", sans-serif;
}

04

The two styles

An ornate Korean-language reading app screen resembles a painted cabinet of books, flowers, ceramics, decorative boxes, birds, a tiger, and a sleeping cat. A large calligraphic title sits above four illustrated navigation buttons, surrounded by floral borders in muted red, blue, green, and gold. 1776–present · East Asia Chaekgeori & Minhwa Screen Painting Korean painted folding screens of the late Joseon period. Chaekgeori ('books and things') stack books, bronzes, ceramics and scholar's tools, often in a grid of bookcase compartments drawn with Western-derived shading and several viewpoints at once. Promoted at court by King Jeongjo, the genre passed to anonymous folk painters (minhwa), who also made munjado screens in which one Confucian-virtue character is built from emblematic pictures. An outdoors-themed homepage places a green leather journal and pen beside layered paper, a mountain lake photograph, a brass compass, pine sprigs and a topographic map on a wooden surface. A stitched leather navigation bar tops the page, and five illustrated shortcuts sit beneath a blue “Start Exploring” button. 2000–2013 · Global / networked Skeuomorphic UI Interface design that imitates physical materials and objects (stitched leather, linen, wooden shelves, brushed aluminium, felt, paper and glass) so that digital tools look and behave like their real-world counterparts. Extending the GUI's desktop metaphor into photorealism, it ran from Apple's Aqua and brushed-metal interfaces around 2000 to its peak in iOS 1–6 and Mac OS X Lion, and was abandoned for flat design with iOS 7 in 2013.

05

More combinations

With Chaekgeori

With Skeuomorphic UI

Every style combination