System overview
- Hero
- visual-led · left
- Surface
- dark
- Density
- sparse
- Content width
- 1600px full-width canvas
- Confidence
- low
- Primary action
- Join waitlist →
Color system
Dark surfaces use 4 repeated semantic colors; the primary action carries the strongest interactive emphasis.
Page canvas
Dominant rendered page background.Primary text
Observed display foreground with 7.5:1 contrast against the captured canvas.Secondary text
Observed reading foreground; measured canvas-reference contrast is 21.0:1.Primary action
Foreground used by the dominant first-viewport action.Typography
The observed type system assigns Instrument Serif to display, heading, label text; Inter to body text.
Metric previews use the observed CSS values. Source font files are not bundled, so unavailable families fall back locally.Welcome to the firm you almost started.
Instrument Serif · 96px/100.8px · weight 400 · tracking -1.92px · color transparent · preview scaledNot a shell. A firm already in motion.
Instrument Serif · 52px/59.8px · weight 400 · tracking -1.04px · color transparentErinys provides the software, staff, back office, working capital and growth infrastructure required…
Inter · 22px/33px · weight 400 · tracking 0px · color rgb(154, 154, 154)Go to screen 1
Instrument Serif · 13px/16px · weight 400 · tracking 0px · color rgb(255, 255, 255)Spacing & shape
Spacing
- Base unit
- 8px
- Section gap
- 160px
- Container
- 20px
160px20px30px18px40px8px48px32px64px140pxShape
Sharp geometry is the dominant shape voice. Separation relies on borders and surface contrast rather than shadow.
- Containers
- 10px
- Buttons
- 0px
- Media
- 0px
Inspect borders & shadows · 3
1px solid transparent1px solid rgba(255, 255, 255, 0.122)None observedComponent grammar
Hero
Opening proposition
Visual led, left-aligned opening anchored by “Join waitlist →”.
Inspect 4 properties
- Pattern
- visual-led
- Alignment
- left
- Heading
- Instrument Serif · 96px / 400
- Media
- video-led
Navigation
Global wayfinding
Persistent navigation with 9 visible actions in the desktop opening.
Inspect 7 properties
- Text
- #ffffff
- Border
- 1px solid rgba(255, 255, 255, 0.122)
- Radius
- 10px
- Padding
- 18px 0px 18px 13px
- Type
- Inter · 16px / 400
- Position
- fixed
- Height
- 292px
Primary action
Conversion
“Join waitlist →” is the strongest first-viewport action by semantic intent and visual contrast.
Inspect 5 properties
- Text
- #ffffff
- Border
- 1px solid transparent
- Radius
- 10px
- Padding
- 0px 30px 0px 30px
- Type
- Inter · 18px / 300
Media frame
Visual proof
2 style-matched media elements were found among 5 rendered candidates; fill fitting and 0px are the most repeated treatments.
Inspect 4 properties
- Fit
- fill, cover
- Ratios
- 2.46, 1.00, 1.08
- Radius
- 0px
- Candidate pool
- 5
Footer
Closing navigation
4 visible actions close the page on a transparent surface.
Inspect 6 properties
- Text
- #ffffff
- Border
- none
- Radius
- 0px
- Padding
- 96px 0px 64px 0px
- Type
- Inter · 16px / 400
- Links
- 4
Layout & narrative
The homepage continues through 5 observed sections, moving from the opening proposition into Not a shell. A firm already in motion, Biglaw pay scale Equity partner ownership, Everything required to open the doors.
- Structure
- Visual marquee narrative
- Hero pattern
- Visual marquee: imagery carries most of the opening surface
- Grid
- 1 column
- Closing
- Utility footer with 4 actions
Full section sequence · 5
- Not a shell. A firm already in motion.
- Biglaw pay scale Equity partner ownership
- Everything required to open the doors.
- We do not license software and walk away.
- Run them again with us.
Imagery, motion & responsive
Imagery
Video led media acts as the page’s primary visual proof rather than decoration.
fill fitting · square-edged framesInspect imagery inventory
- Composition
- A focused visual anchors the first viewport.
- Inventory
- 3 images/canvas elements and 2 videos across the analyzed homepage.
Motion
12 declared keyframes and 40 active animations were inspectable at capture; observed timing uses 7s, 0.01ms, 10ms.
Reduced-motion rules detectedInspect motion inventory
- Libraries
- CSS / browser-native or bundled source not identifiable
- Keyframes
- metal-wander, HeroLoader-module__gjXLxq__loader-failsafe, GlintForm-module__yfzPMW__form-tilt-a, GlintForm-module__yfzPMW__form-tilt-b, GlintForm-module__yfzPMW__form-texture-drift, HeroSequence-module__ZecM6q__hero-drift, HeroSequence-module__ZecM6q__redline-draw, NpoHero-module__dLw9ha__art-shimmer, PropositionSection-module__2h4tTq__form-float-a, PropositionSection-module__2h4tTq__form-float-b, PropositionSection-module__2h4tTq__form-float-c, NpoProductsSection-module__qdqpAa__art-shimmer
- Durations
- 7s, 0.01ms, 10ms, 22s, 0.35s
- Easings
- ease, ease-in-out, linear, cubic-bezier(0.4, 0, 0.2, 1)
- States
- hover, focus
Mobile
Desktop navigation reduces from 9 visible actions to 2. Hero alignment changes from left to center; mobile heading size is 35.88px.
Primary content reads as a single-column mobile flow.Inspect responsive test
- Viewport
- 390 × 844
- Overflow
- Horizontal overflow detected
Reproduction guidance
Do
- Pair the observed #000000 canvas with #9a9a9a primary copy before adding secondary surfaces.
- Use Instrument Serif at 96px/100.8px, weight 400, for the primary display moment.
- Reserve the strongest first-viewport contrast for “Join waitlist →” within the left-aligned visual-led hero.
- Video led media acts as the page’s primary visual proof rather than decoration.
Don’t
- Do not mix in arbitrary radii; 10px is the repeated treatment on containers.
- Do not reuse the #ffffff action color across decorative elements; keep its interactive emphasis selective.
- Do not introduce extra type families beyond Instrument Serif and Inter.
- Do not add card shadows; the source separates content without repeated elevation.