Explore
DESIGN showcase
Six header directions — each one a distinct design language, built as a live mockup.
sandrahotupan.de
DocsAPIPricing
Sign in● Now shipping v2
Access,
issued fast.
issued fast.
One key, every environment.
PASSPORT
4471 92•• •••• 0138
ISSUED TO
SANDRA HOTUPANprod:rw
SANDRA HOTUPANprod:rw
PassportDark · Holographic · Precise→
sandrahotupan.de
ProductPricingStories
Get startedFor small, steady teams
Grow at your
own pace.
own pace.
Without the burnout spreadsheet.
BloomOrganic · Warm · Calm→
sandrahotupan.de
TemplatesPricing
Try it freev3.0 — live diff
Every version
of your idea.
of your idea.
Stacked and ready to compare.
synced
LayerClean · Layered · Blue→
sandrahotupan.de
WORKSTUDIO
TALK →Taking projects Q3
BUILT
HEAVY.BUILT
HEAVY.
HEAVY.BUILT
HEAVY.
Web products that don't feel like everyone else's.
BlockBold · Extruded · Loud→
sandrahotupan.de
ProductJournalStore
ExploreA
Cut to catch the light
Precision,
quietly stated.
quietly stated.
AriaEditorial · Quiet · Premium→
sandrahotupan.de
WorkStackContact
Start a project● Available for work
Interfaces that
feel inevitable.
feel inevitable.
TiltDark · Technical · Alive→
Frequently Asked
Questions About These Directions
Is this a template I can buy, or a custom mockup?
These are custom mockups built to show range — not templates for sale. If a direction resonates, I build it specifically for your brand and content, not as a simple reskin.
Can you create a direction that's not shown here?
Always. These six are a starting point, not a limit — most projects land somewhere in between, tailored specifically to your brand.
Which direction is right for my brand?
That depends more on your audience and tone than personal taste. In a conversation, we figure out together what actually fits your brand — not just what looks good in isolation.
Interested in a custom design direction for your project?
Let's talk