Phobos

A technical consulting studio aesthetic combining dark space imagery with clinical system engineering. Muted dusky orchid accents and delicate orbital point-cloud graphics give a sense of high-level architectural precision against deep charcoal and warm paper backgrounds.

mysterious contemplative clinical serene grounded rebellious

Visit site

Rated

6.5/ 10

From 10 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.

AI scorejudged: 9.6
Systemmeasured: 5.0
Distinctionmeasured: 1.5

on the grid: 0%
vertical rhythm: 51%
type on a scale: 50%
contrast passing AA: 100%
unlike the library: 0.50
model craft: 8.0/10
model deviation: 6.3/10

Colour

Background#222222

Text#222222

Accent#cd8dbd

Surface#ede8da

Muted#eddfee

Typefaces

Display: Geist Local
Body: Geist Local
Mono: Geist Mono Local
Source: self_hosted
Scale: 10 · 12 · 16 · 19 · 22 · 27

Layout

Grid: —
Container: —
Spacing base: 8px
Radius: 0px

Capture

Category: agency
Sections: 10
Captured: 2026-09-16
Rhythm: dark x2 → cream x2 → white x2 → dark x4

Type rules

display type always uppercase and tracked neutral
body text set at 16px with narrow measure around 30 characters per block
mono font used for technical data, numbers, coordinates, and section metadata

Colour rules

dark charcoal #222222 dominates the hero, transition panels, and footer
warm beige #ede8da and white serve as high-contrast structural section backgrounds
dusty orchid pink #cd8dbd acts as primary typographic accent on dark backgrounds

Voice rules

display headings strictly uppercase
technical descriptors accompanied by mono index tags

Holds it together

pair oversized uppercase sans headlines with delicate coordinate or index mono labels
use muted orchid pink (#cd8dbd) for focal headline text and interactive borders on dark backdrops
structure mid-page content across warm beige panels before returning to deep charcoal tech sections

Contrast

muted text on background12.4:1 AAA

text on surface13.0:1 AAA

accent on background6.2:1 AA

background on accent6.2:1 AA

Type, measured

Body: 16px / 1.5
Measure: 30 characters
Display: 80px / 1
Tracking: 0em display
Scale ratio: 1.50

Voice

Tone: declarative, technical, precise
Sentences: medium
Person: third
Vocabulary: technical
Calls to action: read, explore, contact, learn

Built with

Builder: webflow
Framework: —
Motion: gsap, lenis
WebGL: —
Nav: —
Length: 11.3 screens

Mode

Sections in page order

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

00
hero
Strong
Dark atmospheric sci-fi hero with orbital point-cloud telemetry framing balanced uppercase typography.
Mood
mysterious + ethereal
Layout
2 col · split · airy
Open section →
01
hero
Restrained dark hero with ample negative space, clean typography, and a staggered two-column layout punctuated by subtle pink accents.
Mood
contemplative + serene
Layout
2 col · asymmetric · airy
Open section →
02
feature grid
Strong
Precise, structured engineering showcase using vertical multi-coloured accordion panels and monospaced typography against a warm sand background.
Mood
clinical + serene
Layout
5 col · stacked · balanced
Open section →
03
feature grid
Warm utilitarian process grid rendered like architectural schematics with hairline borders and geometric line drawings.
Mood
serene + contemplative
Layout
3 col · grid · balanced
Open section →
04
cta
Strong
An expansive cream canvas featuring a hypnotic radial dot sphere with a solitary micro-scale contact prompt at its center.
Mood
serene + mysterious
Layout
1 col · centered · airy
Open section →
05
showcase
Structured editorial case study showcase overlaying soft pastel blocks onto agricultural landscape photography with precise neo-grotesque typography.
Mood
grounded + serene
Layout
2 col · asymmetric · balanced
Open section →
06
showcase
A precise Swiss-inspired insights showcase with technical diagrams, crosshair grid graphics, and clean monospaced accents.
Mood
clinical + contemplative
Layout
2 col · grid · balanced
Open section →
07
careers
An assertive editorial recruitment section pairing candid documentary team photography with a multi-tonal monospaced accordion.
Mood
rebellious + grounded
Layout
2 col · split · balanced
Open section →
08
cta
Deep forest green expanse featuring an intricate dotted halftone sphere framing a minimalist call to action.
Mood
mysterious + serene
Layout
1 col · stacked · airy
Open section →
09
footer
A dark forest-green technical footer structured with precise micro-copy, vertical branding, and subtle pinkish typography.
Mood
clinical + grounded
Layout
4 col · grid · airy
Open section →