Rezky

Utilitarian, clean, and systematically structured for an engineering focus. A light grid-backed canvas, subtle mint status pills, and monochrome card containers give it an orderly, technical atmosphere. High contrast is preserved through sharp dark typography and crisp card outlines.

clinical quiet

Visit site

Colour

Background#fcfcfc

Text#000000

Accent#4effce

Surface#ffffff

Muted#525252

Typefaces

Display: myFont
Body: myFont
Mono: Fira Mono
Source: self_hosted
Scale: 10 · 11 · 12 · 14 · 16 · 18

Layout

Grid: —
Container: —
Spacing base: 4px
Radius: 6px · 12px · 16px · 9999px

Capture

Category: portfolio
Sections: 7
Captured: 2026-08-29
Rhythm: light x5 → dark → light

Type rules

body text runs at 54 characters per line with 1.43 line height
eyebrow categories and technical labels rendered in uppercase tracked monospace
section titles use bold sentence-case grotesque sans

Colour rules

luminous mint green (#4effce) reserved exclusively for live status badges, active indicators, and subtle glow gradients
content cards use clean pure white (#ffffff) surfaces nested on an off-white (#fcfcfc) background canvas
a single dark charcoal (#18181b) section punctuates the page flow at the closing CTA

Voice rules

lead with specific technical frameworks and stack choices
pair every section title with an uppercase tracking mono eyebrow

Holds it together

preface every main content group with a wide-tracked mono category tag
enclose metadata and tech stacks inside rounded outline pills with active status dots
maintain high-density light cards across showcases before anchoring with a solitary dark CTA block

Contrast

text on background20.5:1 AAA

muted text on background7.6:1 AAA

text on surface21.0:1 AAA

accent on background1.2:1 fail

background on accent1.2:1 fail

Type, measured

Body: 14px / 1.43
Measure: 54 characters
Display: 288px / 1.5
Tracking: -0.05em display
Scale ratio: 2.13

Voice

Tone: practical, direct, engineered
Sentences: medium
Person: first
Vocabulary: technical
Calls to action: view, read, email, see

Built with

Builder: —
Framework: next
Motion: —
WebGL: —
Nav: sticky_top_bar, 4 items, sticky
Length: 4.6 screens

Sections in page order

3 marked strong · 7

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
A clean developer portfolio hero featuring subtle background gridlines, fresh mint accents, and a monochrome coding illustration.
Mood
clinical + quiet
Layout
2 col · split · balanced
Open section →
01
showcase
Clean and restrained developer portfolio showcase featuring a three-column grid of software project preview cards.
Mood
quiet + clinical
Layout
3 col · grid · balanced
Open section →
02
careers
Clean and understated work experience timeline organized into rounded white cards with subtle monospace date labels.
Mood
quiet + clinical
Layout
13 col · stacked · balanced
Open section →
03
showcase
A clean, technical blog showcase featuring rounded cards with crisp typography and subtle monospaced metadata.
Mood
clinical + quiet
Layout
3 col · grid · balanced
Open section →
04
feature grid
Strong
Crisp, utilitarian developer tech stack showcase with light-themed rounded badges featuring glowing status dots.
Mood
clinical + quiet
Layout
5 col · grid · airy
Open section →
05
cta
Strong
A sleek dark contact banner featuring rounded skill badges and a prominent email callout bathed in a faint teal glow.
Mood
quiet + clinical
Layout
12 col · split · balanced
Open section →
06
footer
Strong
Clean and airy developer portfolio footer grounded by an oversized watermark signature in the background.
Mood
quiet + clinical
Layout
6 col · grid · airy
Open section →