WITHIN H. Saegyeol Magazine

How it was made

The original is the web magazine of GS E&C's Xi apartment brand. The menu has four parts with no sales information: interviews, living, trends and complex profiles.

Every list uses the same card: 2:3 photo ratio, 4 columns and 96px vertical gap between cards.

Submenus open as a full-width band. The calculation that aligns the left vertical line with the menu label position was carried over.

There are three motions: a logo fade, a 700ms slide fade and a 250ms submenu. Spacing uses only 4, 8, 16, 24 and 48px.

Event detail pages in the original are single long images. The recreation typesets the same order in HTML text.

Interview portraits were replaced with photos that do not show faces. In the YouTube video slots, one CC video plays.

Key features

• Submenu · fade slides
• Category chips · pagination · search
• Article lightbox · 4 share options
• Newsletter signup · event entry form

Where and how to use it

Suits corporate and brand magazines that build up reading by category. Includes lists, articles, search, newsletter and event entries.

Points to check

Signup and entry forms are not submitted. The four video cards play the same single video.