Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Near-black page with a compact header: David Estrada identity at left, Work/Reviews/About centered and a rounded Upwork action at right. A large two-line statement fills the left middle; first line is white, second muted gray. An orange hiring button with portrait thumbnail and a secondary underlined work link sit below, followed by a small experience claim. A large white rounded Upwork mark balances the right side. The lower area begins a large graphic band: huge white David Estrada name typography is fully visible, with small platform/app tiles and a project preview layered over it. Further page content is not established.
- Type
- Large lightweight sans headline, compact sans navigation, a fully visible oversized bold white name in the lower graphic band, and small gray supporting copy. Exact font identity and metrics are unknown.
- Color and surface
- Near-black background, white and gray typography, orange action, white 3D-style platform mark and small multicolor tool tiles. No distinct card surfaces in the upper hero.
- Components
- Identity/navigation, hire action, secondary work link, supporting claim, large platform emblem, lower oversized name and small project/tool samples.
What makes it work
- Dark open field
- Large left proposition
- One balancing right-side emblem
- Clear hire/work actions
- Identity or work examples in a lower graphic band
On a new subjectOn a dark profile page, pair an unrelated proposition and two clear actions with one relevant visual anchor; use lower examples to support identity without copying the platform mark or personal claims.
Measured
Fonts loadedneue-haas-grotesk-display, Satoshi
H1202.86px / 700 / -8.1144px
Body text16px
Page background#0a0806
Text color#ffffff
Page height15,557px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Black portfolio hero with a light thin sans two-line introduction on left, orange hiring action, glossy white rounded logo-like object on right, and huge bold name with small project thumbnail and floating icons near bottom. A black consent overlay obscures lower-left content and is excluded from design DNA.
- Responsive
- Tablet keeps the side-by-side introductory statement and object, scaled down. Phone places compact identity and Menu above a multiline statement, object below, and stacked large name with a thumbnail; consent masks lower portion.
- Scroll
- Actual desktop scroll750 shows the end of black hero and a white section with oversized black Selected work title; top navigation remains visible and consent overlay persists.
