Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Nearly black/navy page with a slim top bar: handwritten Sankar mark left, compact menu links, a blue gradient language/say control, search capsule and moon-like appearance control at right. Centered hero stacks a glowing atom icon, outlined availability pill, two-line name with second line blue gradient, role label, multi-line professional summary and paired blue/outlined actions. A small mouse/scroll cue sits below.
- Type
- Large bold modern sans identity, blue gradient emphasis, muted gray role/support, and tiny compact navigation. Exact typeface/metrics unknown.
- Color and surface
- Deep navy-black background with subtle blue-violet glow, cyan/blue highlights and light gray/white text; rounded dark controls and luminous atom graphic.
- Components
- Top nav/search/theme/language controls; centered icon/status; large identity/role/support; two actions; scroll cue.
What makes it work
- Dark page field
- Centered identity and role hierarchy
- Concise profile support
- One or two clear actions
On a new subjectCenter an unrelated professional identity and role below a small field-relevant symbol, with concise support and a clear action pair. Replace all identity-specific details.
Measured
Fonts loadedCaveat, Inter
H188px / 900 / -2.64px
Body text16px
Page background#08080f
Text color#f5f5f7
Page height21,998px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Sankar portfolio uses a near-black field with diffuse blue/cyan/purple glows and a centered vertical hero: small luminous orbital symbol, compact outlined/glowing status and recognition badges, very large two-line white name with blue-cyan-purple gradient second line, muted rotating role, centered gray supporting paragraph and two pill actions. The upper bar has cyan script identity, small navigation, gradient greeting control, search and illustrated night toggle. Two recognition ribbons sit on the right edge; their award claims are not independently verified here.
- Responsive
- Tablet removes the full navigation and greeting in favor of search/night/menu controls, reduces the centered heading and retains paired actions. Phone stacks badges and actions, uses icon-only search, reduces heading to32px, and gives body/actions about19px side insets. The mint recognition badge reaches under the right ribbon and clips; document width394 exceeds viewport390, with cause not isolated. No unseen lower-phone behavior inferred.
- Scroll
- Actual desktop scroll750/document1440x22132 reveals an About section: narrow multiline heading at left beside a circular portrait with blue rim, supporting prose below and two stacked broad tinted metric panels at right with three columns each. Top navigation and right recognition ribbons remain at similar viewport positions; upper hero content is dimmed. No exact sticky or fade mechanism inferred from two states.
