Nick Lewis

Disciplined, low-carbon engineering aesthetic. Dark rounded bento containers pair with understated technical typography to emphasize digital sustainability.

clinical quiet

Visit site

Colour

Background#151411

Text#eeeeee

Accent#4158d0

Surface#262522

Muted#cccccc

Typefaces

Display: Safiro
Body: system-ui
Mono: —
Source: self_hosted · system
Scale: 15 · 17 · 26 · 30 · 34 · 51

Layout

Grid: 15 columns
Container: 1053px
Spacing base: 8px
Radius: 16px · 24px

Capture

Category: portfolio
Sections: 5
Captured: 2026-08-29
Rhythm: dark x5

Type rules

display type in sentence case with tight negative tracking
body text set at 17px with max 69 character measure

Colour rules

dark charcoal background across all sections with no alternating light surfaces
blue and green accents isolated to preview cards and badges

Voice rules

lead with quantifiable low-carbon claims
keep button copy limited to verb plus object

Holds it together

encapsulate content modules in rounded hairline-bordered dark cards
pair checklist bullet items with UI mockups in split feature rows

Contrast

text on background15.9:1 AAA

muted text on background11.5:1 AAA

text on surface13.2:1 AAA

accent on background3.1:1 AA Large

background on accent3.1:1 AA Large

Type, measured

Body: 17px / 1.5
Measure: 69 characters
Display: 68px / 1
Tracking: -0.04em display
Scale ratio: 1.41

Voice

Tone: factual, understated
Sentences: medium
Person: first
Vocabulary: technical
Calls to action: view, read

Built with

Builder: —
Framework: —
Motion: —
WebGL: —
Nav: top_bar, 5 items
Length: 5.2 screens

Sections in page order

3 marked strong · 5

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

00
hero
Strong
Dark modular bento-grid hero organizing sustainable design credentials, client metrics, and recent work into neat rounded tiles.
Mood
clinical + quiet
Layout
2 col · grid · balanced
Open section →
01
statement
Strong
Quiet and disciplined dark statement header with restrained typography on a warm charcoal background.
Mood
quiet + clinical
Layout
16 col · centered · airy
Open section →
02
feature
A calm, dark split feature section pairing a minimalist capability checklist with an embedded Figma canvas mockup.
Mood
quiet + clinical
Layout
15 col · split · balanced
Open section →
03
feature
Strong
Minimalist dark split feature highlighting sustainability with a sleek purple website preview card alongside clean checklist typography.
Mood
quiet + clinical
Layout
2 col · split · balanced
Open section →
04
feature
A straightforward dark technical feature section pairing a feature checklist with a WordPress backend screenshot.
Mood
clinical + quiet
Layout
15 col · split · balanced
Open section →