FIELDNOTES
Editorial website / journal
A digital journal with a newspaper grid, varied article sizes, categories and a moving category strip.
Open demo (Russian)
Concept Project. The journal, authors and articles are fictional. Content is stored in code; no CMS or server is connected.
The brief
Create the opening screen of an independent architecture, design and culture journal.
The challenge
Stories of different importance need a clear hierarchy without a grid of identical decorative cards.
The solution
An oversized newspaper masthead, three unequal columns, a monochrome lead photograph, Most Read and an acid-colour category strip.
Features
- Editorial CSS Grid
- Category filters
- Demo article reader
- Authors, dates, issue and Most Read
- Moving strip with reduced-motion support
Development process
- 01
Defined the newspaper-style type hierarchy.
- 02
Built the lead story and side columns.
- 03
Added filters and a reading dialog.
Built for
mobile.
The layout and navigation adapt to smaller screens. This screenshot shows the page at a width of 390 pixels.
Try the demo (Russian)
The result
A digital journal homepage with a content-led grid and local article reading.
Discuss a similar project