Skip to content

shivamkmishra.com · design review

Seven directions. Same content, different character.

Every version presents the same verified content — leadership, three production systems, architecture, the career journey, milestones, and the R&D behind 15+ proofs of concept. Use the switcher at the bottom of any page, or the arrows, to move between them.

  1. 01Keynote

    light

    Inspired by Apple product pages

    Layout
    Centred, full-bleed tiles alternating light and black
    Type
    Inter Tight display, oversized headlines
    Work
    Product tiles with capability flows
    Motion
    Word-by-word hero reveal, scroll fades
    Built with
    React Bits SplitText · Magic UI Marquee

    Open Keynote →

  2. 02Changelog

    dark

    Inspired by Linear app and changelog

    Layout
    App shell: sidebar, breadcrumb, dense panels
    Type
    Inter + JetBrains Mono
    Work
    Tabbed system detail, filterable R&D tracker
    Motion
    Border beam on hero; otherwise still
    Built with
    shadcn Command (⌘K) + Tabs · Magic UI BorderBeam

    Open Changelog →

  3. 03Editorial

    light

    Inspired by Print magazines, FT Weekend

    Layout
    Masthead, 12-column grid, sticky table of contents
    Type
    Fraunces + Newsreader, drop caps
    Work
    Numbered features with “At a glance” sidebars
    Motion
    None. Zero JavaScript
    Built with
    Pure Astro + Tailwind

    Open Editorial →

  4. 04Blueprint

    light

    Inspired by Architectural drawing sets

    Layout
    Drafting grid, sheets with title blocks
    Type
    Geist + Geist Mono annotations
    Work
    Drawing sheets per system; career ruler to scale
    Motion
    Animated beams through the system map
    Built with
    Magic UI AnimatedBeam

    Open Blueprint →

  5. 05Dossier

    dark

    Inspired by Executive briefs, board papers

    Layout
    Split screen: fixed profile panel, scrolling brief
    Type
    Instrument Serif + Geist
    Work
    Accordion case files; R&D with status tooltips
    Motion
    Accordion and hover only
    Built with
    shadcn Accordion + Tooltip

    Open Dossier →

  6. 06Spotlight

    dark

    Inspired by Vercel, high-end Framer sites

    Layout
    Cinematic monochrome sections, floating pill nav
    Type
    Geist bold, tight tracking
    Work
    Sticky stacked system cards; spotlight R&D grid
    Motion
    Spotlight beam, scroll-drawn timeline
    Built with
    Aceternity Spotlight + Timeline · React Bits SpotlightCard · Magic UI MagicCard

    Open Spotlight →

  7. 07Console

    dark

    Inspired by your shortlisted prototype #3, refined

    Layout
    Live terminal hero + man-page body
    Type
    JetBrains Mono + Inter Tight
    Work
    Commands (systems, career, lab…) and a static manual
    Motion
    Boot typing; nothing else
    Built with
    Custom React terminal

    Open Console →