Give the work room.
A generous preview establishes the project before smaller details compete for attention.
MORGAN
GHAN
One identity. Across disciplines.
A portfolio for an artist, director and visual storyteller.
Designed by Morgan GhanCreative Director · Art Director · Web Designer
My name.
My mark.
The name stays direct. The compact MG monogram gives it a signature. Together, they connect very different kinds of work without asking every project to share the same look.
The signature / Orange on charcoal
One-color / Light surface
One-color / Brand surface
MORGAN GHAN
A simple name treatment. A graphic signature. One recognizable identity from the header to the home-screen icon.
Big type.
A clear voice.
Bold Arial headings, tight spacing and deliberate line breaks give the site its pace. Plain body text keeps the project descriptions readable, while small, widely spaced labels organize the work.
Arial / Bold display
MAKE
IT REAL
IT REAL
Arial / Body
Characters, worlds and stories built for the space between film, animation and real time.
Uppercase / Navigation & labels
Artist / Director
Visual storyteller
01 / Selected work
Click the display specimen to try your own words.
A quiet frame.
An orange signal.
Charcoal and chalk let the work lead. Orange marks the moments that matter: a word in a headline, a selected thumbnail, a link or a full-page invitation to connect.
Charcoal
#11110FCinematic canvas
Chalk
#EAE9E3Type / Light surfaces
Orange
#FF6A22Identity / Emphasis
White
#FFFFFFProduct / Apparel
Let color belong to the work.
Neutral surroundings give character renders, environments and campaign photography room to retain their own palettes.
Use the accent with intent.
Orange creates continuity across dark and light pages. A deeper orange is used for smaller links and labels on the white apparel page.
One identity.
Two surfaces.
The cinematic work lives on charcoal. Apparel and product work move onto white. The typography, orange accents and shared header make both feel like parts of the same portfolio.
The dark home page gives the film imagery a cinematic frame, with large type and a single orange word setting the visual hierarchy.
Explore the home pageThe work
introduces the artist.
The Grogu clip gives the home page movement, character and a sense of storytelling before visitors reach the projects. Dark overlays hold the headline clearly over the moving image.
Well Done, Grogu / Header clipCharacter / Motion / Storytelling
One image leads.
The details follow.
A large featured image introduces each project. Square thumbnails reveal more of the work, while concise credits and descriptions explain the contribution. The layout gives every project a clear beginning.
Explore without losing context.
Click a thumbnail to update the hero. Open it larger to inspect the work, with navigation kept inside the project’s image group.
Make the contribution clear.
Project numbers, titles and credits keep the sequence organized. Dividers separate projects so each reads as one complete section.
Interactive gallery example / Inside Out 2 real-time character development by Morgan Ghan. Select a thumbnail or open the featured image.
Across disciplines.
One point of view.
The Portfolio page trades the featured sequence for a dense grid of square images. Category titles sit within the grid, and larger views let visitors explore the work at their own pace.
Show the artist.
Start the conversation.
The About page connects the work to a life in art and storytelling. Contact turns the orange accent into a full surface, carrying the same voice into a direct invitation to make something together.
LET’S MAKE
IT REAL
The work changes. The identity holds. A consistent mark, voice and visual structure connect characters, worlds, products and stories.
Start a conversation