STUDIO HAZE Design
The direction STUDIO HAZE leans toward in design, and the site you are looking at is built to the same standard.
Direction
Black & White
We prefer screens kept in black and white, leaving color to the brands and the work.
Designed in Pairs
Screens and logos are made twice as a rule, light and dark. Not auto-inverted, but tuned separately as a pair.
No Flash
We want the first paint to be the finished one, and dislike screens that shift again after loading.
System Before Pages
We settle tokens and components before drawing any page, so the same parts can hold up the whole.
No Chrome
We keep no shadow and no rounded corner. The shape is made by type, space, and a hairline.
Color and Type
Color Tokens
Typography
- GMarket Sans 32 · 40 · 52
- Page title
- GMarket Sans 26 · 30 · 36
- Section title
- GMarket Sans 20 · 22 · 24
- Item title
- Pretendard 16 · 17 · 18
- The sentence you are reading is the body spec, down to its line height, tracking and paragraph rhythm.
- Pretendard 14 · 14 · 15
- Captions and status
The Standards, Applied
Light/Dark Logo Pairs
The Topaz pair in production.
The Spacing Scale
Spacing moves only along these five steps.
First Paint
The server reads the theme from a cookie and the language from the cookie and the browser before it renders.
Shared Parts
One ink block carries the main action. A link to another site ends in ↗ and a link within this site ends in →.
Screens in Pairs
Lesson 1.2.1 on sicp.io, opened in light and in dark.
Color Belongs to the Brand
compiler.co.kr moves between three themes, Pop Block, Neo Brutal and Sticker.
