Explore

fromanother

PRO

fromanother.love

Visit website
Screenshot of fromanother
Creative StudioPublished
  • Animation
  • Dark
  • Editorial
  • Large type
  • Light
  • WebGL

Palette

Typography

  • Primary

    twkFont
    Weights
    400, 500, 700
    Fallback
    Arial, Helvetica, sans-serif

  • Secondary

    herbikFont
    Weights
    400, 500
    Fallback
    Georgia, Times, serif

About this design

An artist-led creative-studio site that turns a conventional portfolio into a sequence of immersive, full-viewport editorial scenes, pairing extreme typographic contrast with soft-focus moving image and carefully restrained interface chrome.

Prompts

Pro access

Six prompts, in build order. Pro unlocks all six, ready to paste into your AI tool.

  • Main build prompt
  • Build frontend
  • Generate assets
  • Add animations
  • Responsive polish
  • Final visual polish

Build Recipe

Framework

  • React
Agent
Codex
Model
GPT 6 AstraThe recreation needs sustained coordination of full-viewport narrative transitions, a WebGL atmospheric layer, media choreography and unusually precise editorial layout.

Creative tools

  • Nano Banana
  • Recraft
  • Krea

Libraries

  • WebGL· Detected
  • Three.js
  • GSAP

Special requirements

WebGL atmospheric backdrop; cinematic project-media substitutes; high-quality alpha or video media; heavy blur and responsive full-viewport scene choreography.

AI Replicability

85 / 100

The visual system, full-screen composition and atmospheric motion reproduce reliably with current web tools; the main remaining challenge is sourcing or generating a consistently art-directed set of cinematic project media.

Main remaining challenge

Maintaining the exact balance between sharp foreground information, oversized defocused typography, and continuously changing atmospheric media without harming legibility.

The design and branding of fromanother belong to their authors. InspoToCode documents its visual language as a reference; anything you build from it should carry your own branding, copy and assets.

Design analysis

Pro analysis

Understand why the design works

The written breakdown of this design: composition, hierarchy, spacing, imagery and the decisions behind the details — the part that tells you what to keep and what to change.

Upgrade to Pro