Nur Asyrof Muhammad

I'm an architect and product designer. Currently designing AR/VR experience at Arutala



About Me

I am Nur Asyrof Muhammad, designer based in Yogyakarta, Indonesia. I went from architect to digital product design in the last 4 years. I do both disciplines from website design, app up to some kind of building like housing, cafe, etc.

Graduated and licensed as an architect, I use my background to do any design approach based on contextual analysis and detailed design development process.

With 5+ years in the design industry, I have the experience to do more than just moving static rectangle, I also did motion design for advertisement, design building, website, mobile app, and now I currently designing for AR/VR app.

Feel free to reach out to me, say hi and have some chat to discuss anything even the craziest idea you might have. See you online! 😄



Lets connect!

Say hello and chat in many way possible!

Hidden area

Web Page & Settings

Request Assets
Result of Request Assets
Portfolio / Design System
Contact Me

/* --- NAVIGATION --- */

/* Hide the Notion nav bar */
.notion-navbar {
  display: none !important;

/* Custom nav styling (see HTML at bottom of code) */
.nav {
  align-items: flex-start;
  padding: 25px;
  display: flex;
	padding-bottom: 64px;
  position: static;
  z-index: 9999;
  height: 110px;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
@media screen and (min-width: 30em) {
  .nav {
    align-items: center;
    padding: 0 25px;
    height: 64px;
    flex-direction: row;
.nav .right, .nav .left {
  display: flex;
  margin-bottom: 0.25em;
.nav .right {
  margin-right: -20px;
.nav-link {
  transition: all .3s ease-in-out;
  justify-content: center;
  align-items: center;
  padding: 0 20px 0 0;
  display: flex;
  height: 100%;
  font-size: 18px;
  font-weight: 500;
  color: var(--color-text-default);
  letter-spacing: -0.01em;
  text-decoration: none;

/* --- Callout to Button --- */

.notion-callout {
	border-radius: 100px !important;
	position: relative !important;
	padding: 16px 24px !important;
	border: none !important;
	} {
	box-shadow: 0 10px 20px -10px #516bef !important;
	background: #516bef !important;
	} {
	box-shadow: 0 10px 20px -10px #f0bd66 !important;
	background: #f0bd66 !important;
	} {
	box-shadow: 0 10px 20px -10px #1ea1f1 !important;
	background: #1ea1f1 !important;
	} {
	background: #000000 !important;
.notion-callout a {
	letter-spacing: -0.5px !important;
	padding: 0 0 2px 66px !important;
	align-items: center !important;
	position: absolute !important;
	font-weight: 400 !important;
	display: flex !important;
	border: none !important;
	color: #fff !important;
	bottom: 0 !important;
	right: 0 !important;
	left: 0 !important;
	top: 0 !important;

/* --- OTHER --- */

.notion-toggle {
  display: none !important;
.notion-header__cover {
  display: none !important;


<nav class="nav">
  <div class="left">
    <a class="nav-link" href="/">Asyrof</a>
  <div class="right">
  <a class="nav-link" href="/contact"> </a>



Plugd Design Report
"62poly" project
Vsho Design Tracker
Vsho Design Tracker


Article: UI/UX Design
Designing our next comfort zone, together.

© 2021 -