diff --git a/pages/profile/profile.pixy b/pages/profile/profile.pixy
index 63dac43e..82ea5d8d 100644
--- a/pages/profile/profile.pixy
+++ b/pages/profile/profile.pixy
@@ -48,83 +48,83 @@ component ProfileHead(viewUser *arn.User, user *arn.User, uri string)
 		.profile-image-container.mountable.never-unmount
 			ProfileImage(viewUser)
 
-		.intro-container.mountable.never-unmount
+		.profile-info.mountable.never-unmount
 			h1#nick= viewUser.Nick
 
-			if viewUser.Tagline != ""
-				p.profile-field.tagline
-					Icon("comment")
-					span.tagline-text= viewUser.Tagline
-			else
-				p.profile-field.tagline
-					Icon("comment")
-					span.tagline-text No tagline yet.
+			//- if viewUser.Tagline != ""
+			//- 	p.profile-field.tagline
+			//- 		Icon("comment")
+			//- 		span.tagline-text= viewUser.Tagline
+			//- else
+			//- 	p.profile-field.tagline
+			//- 		Icon("comment")
+			//- 		span.tagline-text No tagline yet.
 
-			if viewUser.Website != ""
-				p.profile-field.website
-					Icon("home")
-					a(href=viewUser.WebsiteURL(), target="_blank", rel="nofollow")= viewUser.WebsiteShortURL()
+			.profile-introduction!= markdown.Render(viewUser.Introduction)
 
-			//- if viewUser.Accounts.Osu.Nick != "" && viewUser.Accounts.Osu.PP >= 100
-			//- 	p.profile-field.osu(title="osu! Level " + fmt.Sprint(int(viewUser.Accounts.Osu.Level)) + " | Accuracy: " + fmt.Sprintf("%.1f", viewUser.Accounts.Osu.Accuracy) + "%")
-			//- 		Icon("trophy")
-			//- 		a(href="https://osu.ppy.sh/u/" + viewUser.Accounts.Osu.Nick, target="_blank", rel="noopener")= fmt.Sprint(int(viewUser.Accounts.Osu.PP)) + " pp"
+			.profile-tags-container
+				.profile-tags
+					a.profile-tag.mountable.never-unmount(href="/+" + viewUser.Nick + "/animelist/watching", data-mountable-type="header")
+						Icon("list")
+						span= fmt.Sprintf("%d anime", len(viewUser.AnimeList().Items))
+					
+					if viewUser.Website != ""
+						a.profile-tag.mountable.never-unmount(href=viewUser.WebsiteURL(), target="_blank", rel="nofollow", aria-label="Website", data-mountable-type="header")
+							Icon("home")
+							span= viewUser.WebsiteShortURL()
+					
+					//- if viewUser.Accounts.Osu.Nick != "" && viewUser.Accounts.Osu.PP >= 100
+					//- 	a.profile-tag.tip.mountable.never-unmount(href="https://osu.ppy.sh/u/" + viewUser.Accounts.Osu.Nick, aria-label="osu! | Level " + fmt.Sprint(int(viewUser.Accounts.Osu.Level)) + " | Accuracy: " + fmt.Sprintf("%.1f", viewUser.Accounts.Osu.Accuracy) + "%", target="_blank", rel="noopener", data-mountable-type="header")
+					//- 		Icon("trophy")
+					//- 		span= fmt.Sprint(int(viewUser.Accounts.Osu.PP)) + " pp"
 
-			//- if viewUser.Accounts.Overwatch.BattleTag != "" && viewUser.Accounts.Overwatch.SkillRating >= 1000
-			//- 	p.profile-field.overwatch(title=stringutils.Capitalize(viewUser.Accounts.Overwatch.Tier) + " (Overwatch)")
-			//- 		Icon("overwatch")
-			//- 		a(href="https://playoverwatch.com/en-us/career/pc/" + strings.Replace(viewUser.Accounts.Overwatch.BattleTag, "#", "-", 1), target="_blank", rel="noopener")= fmt.Sprint(viewUser.Accounts.Overwatch.SkillRating) + " SR"
+					//- if viewUser.Accounts.Overwatch.BattleTag != "" && viewUser.Accounts.Overwatch.SkillRating >= 1000
+					//- 	a.profile-tag.tip.mountable.never-unmount(href="https://playoverwatch.com/en-us/career/pc/" + strings.Replace(viewUser.Accounts.Overwatch.BattleTag, "#", "-", 1), aria-label=fmt.Sprintf("Overwatch | %s", stringutils.Capitalize(viewUser.Accounts.Overwatch.Tier)), target="_blank", rel="noopener", data-mountable-type="header")
+					//- 		Icon("overwatch")
+					//- 		span= fmt.Sprint(viewUser.Accounts.Overwatch.SkillRating) + " SR"
+					
+					//- if viewUser.Accounts.FinalFantasyXIV.Nick != "" && viewUser.Accounts.FinalFantasyXIV.Class != ""
+					//- 	.profile-tag.tip.mountable.never-unmount(aria-label=fmt.Sprintf("Final Fantasy XIV | Level %d | IL %d", viewUser.Accounts.FinalFantasyXIV.Level, viewUser.Accounts.FinalFantasyXIV.ItemLevel), data-mountable-type="header")
+					//- 		Icon("gamepad")
+					//- 		span= viewUser.Accounts.FinalFantasyXIV.Class
 
-			//- if viewUser.dataEditCount
-			//- 	p.profile-field.editor-contribution(title="Anime data modifications")
-			//- 		Icon("edit")
-			//- 		span= viewUser.dataEditCount
+					if viewUser.Registered != ""
+						.profile-tag.tip.mountable.never-unmount(aria-label="Member since", data-mountable-type="header")
+							Icon("calendar")
+							span= viewUser.RegisteredTime().Format("Jan 2006")
+					
+					if viewUser.IsPro()
+						a.profile-tag.mountable.never-unmount(href="/support", aria-label="Supporter", data-mountable-type="header")
+							Icon("star")
+							span.profile-pro-status-text PRO
+					
+					if viewUser.Role != ""
+						a.profile-tag.mountable.never-unmount(href="/users/staff", aria-label="Staff member", data-mountable-type="header")
+							Icon("rocket")
+							span= stringutils.Capitalize(viewUser.Role)
 
-			if viewUser.Registered != ""
-				p.profile-field.registration-date(title="Member since")
-					Icon("calendar")
-					//- span= time.Parse(time.RFC3339, viewUser.Registered)
-					span= viewUser.RegisteredTime().Format("Jan 2006")
-					//- span= monthNames[joined.getMonth()] + ' ' + joined.getFullYear()
-
-			if viewUser.Role != ""
-				p.profile-field.role
-					Icon("rocket")
-					span= stringutils.Capitalize(viewUser.Role)
-
-		if viewUser.IsPro()
-			p.profile-field.profile-pro-status
-				a(href="/shop", title="PRO user")
-					Icon("star")
-					span.profile-pro-status-text PRO
+					//- if user != nil && user.ID != viewUser.ID
+					//- 	a.button.profile-action(href="/compare/animelist/" + user.Nick + "/" + viewUser.Nick)
+					//- 		Icon("exchange")
+					//- 		span Compare
+					
+					//- a.button.profile-action(href="/+" + viewUser.Nick + "/recommended/anime")
+					//- 	Icon("archive")
+					//- 	span Recomms
 
+					//- if user != nil && (user.Role == "editor" || user.Role == "admin")
+					//- 	a.button.profile-action(href="/+" + viewUser.Nick + "/log")
+					//- 		Icon("edit")
+					//- 		span Log
 		
 		.profile-actions
 			if user != nil && user.ID != viewUser.ID
 				if !user.Follows().Contains(viewUser.ID)
-					button.profile-action.action(data-action="followUser", data-trigger="click", data-api="/api/userfollows/" + user.ID + "/add/" + viewUser.ID)
+					button.profile-action.action.mountable.never-unmount(data-action="followUser", data-trigger="click", data-api="/api/userfollows/" + user.ID + "/add/" + viewUser.ID)
 						Icon("user-plus")
 						span Follow
 				else
-					button.profile-action.action(data-action="unfollowUser", data-trigger="click", data-api="/api/userfollows/" + user.ID + "/remove/" + viewUser.ID)
+					button.profile-action.action.mountable.never-unmount(data-action="unfollowUser", data-trigger="click", data-api="/api/userfollows/" + user.ID + "/remove/" + viewUser.ID)
 						Icon("user-times")
 						span Unfollow
-			
-			a.button.profile-action(href="/+" + viewUser.Nick + "/animelist/watching")
-				Icon("list")
-				span Anime list
-
-			if user != nil && user.ID != viewUser.ID
-				a.button.profile-action(href="/compare/animelist/" + user.Nick + "/" + viewUser.Nick)
-					Icon("exchange")
-					span Compare
-			
-			a.button.profile-action(href="/+" + viewUser.Nick + "/recommended/anime")
-				Icon("archive")
-				span Recomms
-
-			if user != nil && (user.Role == "editor" || user.Role == "admin")
-				a.button.profile-action(href="/+" + viewUser.Nick + "/log")
-					Icon("edit")
-					span Log
 				
\ No newline at end of file
diff --git a/pages/profile/profile.scarlet b/pages/profile/profile.scarlet
index 432a78ea..2b0c6ba1 100644
--- a/pages/profile/profile.scarlet
+++ b/pages/profile/profile.scarlet
@@ -24,13 +24,12 @@ const profile-image-size = 280px
 	a
 		color white
 
-.intro-container
+.profile-info
 	vertical
-	align-items center
 	margin-top calc(content-padding * 1.5)
 
 .profile-actions
-	vertical
+	horizontal-wrap
 	margin-top content-padding
 
 	:empty
@@ -50,12 +49,12 @@ const profile-image-size = 280px
 > 740px
 	.profile
 		horizontal
-		align-items flex-start
+		align-items stretch
 
 	.profile-field
 		text-align left
 
-	.intro-container
+	.profile-info
 		align-items flex-start
 		margin-top 0
 		padding content-padding
diff --git a/pages/profile/tags.scarlet b/pages/profile/tags.scarlet
new file mode 100644
index 00000000..2ee9e530
--- /dev/null
+++ b/pages/profile/tags.scarlet
@@ -0,0 +1,37 @@
+.profile-tags-container
+	// ...
+
+.profile-tags
+	horizontal-wrap
+	justify-content center
+	margin-bottom typography-margin
+	margin-top content-padding
+
+.profile-tag
+	default-transition
+	padding 0.25rem 0.75rem
+	font-size 85%
+	color hsl(0, 0%, 90%)
+	background rgba(255, 255, 255, 0.1)
+	border-radius ui-element-border-radius
+	margin 0.35rem
+
+	&.mounted
+		opacity 0.8
+
+	:hover
+		color hsl(0, 0%, 90%)
+		opacity 1.0
+		text-shadow none
+		background rgba(255, 255, 255, 0.2)
+
+> 800px
+	.profile-tags
+		justify-content flex-start
+		margin-bottom 0
+
+	.profile-tags-container
+		vertical
+		flex 1
+		justify-content flex-end
+		align-items flex-end
\ No newline at end of file