Omnius
Engineering-first, IDE-inspired clinical aesthetic. Pitch-black surfaces framed by code-editor tab structures, line numbers, and curly brace syntax blocks present agency capabilities as rigorous software architecture.
Visit siteColour
Typefaces
- Display
- Inter
- Body
- Inter
- Mono
- Geistmono
- Source
- self_hosted
- Scale
- 11 · 13 · 14 · 15 · 16 · 20
Layout
- Grid
- 14 columns
- Container
- 1114px
- Spacing base
- 8px
- Radius
- 0px · 4px
Capture
- Category
- agency
- Sections
- 11
- Captured
- 2026-08-29
- Rhythm
- dark x11
Type rules
- body and display set at 20px with a tight 45-character measure
- use Geistmono for metadata tags, line numbers, and syntax brackets
- use Inter for narrative statements and case study headlines
Colour rules
- canvas is strictly pitch black #000000 and dark surface #0a0a0a
- secondary information and syntax structures use muted greys #9a9a9a and #505050
- borders defined by ultra-dark hairline strokes in #1f1f20
Voice rules
- format lists as code objects or syntax blocks
- prefix categories with forward slashes
Holds it together
- frame all hero content and capability matrices inside code editor or file tree containers
- render service offerings as numbered code blocks with curly braces
- prefix tags and category metadata with forward slashes in Geistmono
- contain case study proofs inside minimalist dark browser and app frames
Contrast
Type, measured
- Body
- 20px / 1.3
- Measure
- 45 characters
- Display
- 20px / 1.3
- Tracking
- 0em display
- Scale ratio
- —
Voice
- Tone
- technical, concise, authoritative
- Sentences
- short
- Person
- first
- Vocabulary
- technical
- Calls to action
- book, get
Built with
- Builder
- webflow
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 5 items
- Length
- 14.1 screens
Sections in page order
3 marked strong · 11- 00
hero
StrongAn austere dark IDE window framed by clean navigation and a floating dock, presenting agency philosophy as clean monospaced code.
- Mood
- clinical + raw
- Layout
- 16 col · centered · balanced
- 01
logo bar
StrongRigorous developer-centric logo section structured as a split stepped grid with technical dotted lines against deep black.
- Mood
- clinical + raw
- Layout
- 12 col · asymmetric · balanced
- 02
feature
Monochrome code-editor aesthetic detailing services with line-numbered bracket blocks and muted typography against an expansive black canvas.
- Mood
- clinical + raw
- Layout
- 16 col · split · airy
- 03
showcase
A dark, developer-focused case study showcase balancing monospace data metrics with a crisp framed client preview.
- Mood
- clinical + quiet
- Layout
- 14 col · stacked · balanced
- 04
showcase
A refined, clinical case study showcase framing a luminous gradient branding card with disciplined monospace project metadata.
- Mood
- clinical + dreamy
- Layout
- 14 col · stacked · balanced
- 05
showcase
A stark, technical case study summary framed with developer-style bracket syntax and muted monospace type against pure black.
- Mood
- clinical + raw
- Layout
- 2 col · split · balanced
- 06
showcase
A clinical dark case study section pairing structured technical tags and project outcomes with a large framed web UI mockup.
- Mood
- clinical + raw
- Layout
- 14 col · stacked · balanced
- 07
showcase
Precise case study showcase framing an agency project with technical metadata, mono tags, and an embedded website preview.
- Mood
- clinical + quiet
- Layout
- 14 col · stacked · balanced
- 08
showcase
Precise, dark technical case study showcase pairing structured monospace metadata with an embedded high-contrast site mockup.
- Mood
- clinical + raw
- Layout
- 14 col · stacked · balanced
- 09
nav
StrongA quiet, dark-mode command-palette style navigation card with understated typography and thin divider lines.
- Mood
- clinical + quiet
- Layout
- 15 col · centered · dense
- 10
footer
A structured, data-dense dark footer engineered like a sprawling site directory with strict grid hierarchy and newsletter signup.
- Mood
- clinical + quiet
- Layout
- 12 col · grid · dense
