CURATED · OPEN · FREE

Folkert Link

A typographic portfolio for designer Folkert Gorter, featuring a rigid monospaced index and expressive overlapping display text.

01

Identity DNA

A minimalist, highly curated design index or project journal.

02

Color

Stark high-contrast monochrome (black and white) with a single sharp yellow highlight for navigation context.

03

Typography

grotesque-sans · system-sans · monospaced

• display120px · 400
• body14px · 400
• mono13px · 400

Primary typography is a strict monospaced font used for navigation and labels. · Large display typography uses a clean grotesque sans-serif, often rotated or overlapping. · Text colors are strictly black or semi-transparent black.

04

Spacing

Generous vertical spacing in the monospaced list, contrasted with tight overlapping in the display text.

05

Surfaces

1px solid rgba(0,0,0,0.15) on card elements, with heavier borders on specific interactive components.

06

Layout

Asymmetric split layout with a persistent monospaced index on the left and a dynamic content area on the right.

07

Motion & Interaction

Simple fade and slide transitions on hover and navigation changes.

Cursor changes to pointer over interactive elements, with subtle color shifts or opacity changes. · Navigates to project-specific overlays or external links.

08

Components

• button Text-based navigation links, some with bold monospaced styling and yellow highlighting.
• card Asymmetric grid of project thumbnails, mostly images with no uniform border radius.
• chip N/A
• input N/A
• hero Large, expressive overlapping and vertically rotated display text dominating the central viewport.

09

Voice & Don'ts

• Tone Bare, minimal, and intellectual.
• Headlines Expressive, overlapping, and often vertically oriented display type.
• CTAs Plain monospaced text, sometimes highlighted with a bright yellow background.

• Don't use multiple accent colors — screenshot shows a strict monochrome palette with a single yellow highlight.
• Don't use traditional rounded corners on all elements — screenshot shows a mix of sharp edges and specific rounded containers.
• Don't center-align the main navigation — screenshot shows a strictly left-aligned monospaced index.
• Don't use standard sans-serif for the main index — screenshot shows a dedicated monospaced font.
• Don't use busy backgrounds — screenshot shows a clean, solid white background.
• Don't use heavy drop shadows — screenshot shows flat surfaces with minimal, subtle borders.
• Avoid: Avoid decorative elements or stock photography.
• Avoid: Avoid overly complex UI components or heavy gradients.
• Avoid: Avoid multiple accent colors.

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

en · zh-CN · zh-TW · ja · ko