Shapedbyrobin.com

This project contains all components & styles used in my personal site shapedbyrobin.com. The site is developed using Webflow, DevLink and Next.js. It's deployed as a static site on Netlify. Read more about the workflow over here.

Components

TopBar { text }

Webflow Template Support // Contact —

hello@shapedbyrobin.com
Nav { brand(slot), menu(slot) }
NavLink { icon, iconVisibility = false, text, link: { href } }
Nav Link
CategoryLink { title, link, number }
Category
(
8
)
Button { text, icon, iconVisibility = false, link }
Click Me
ButtonSecondary { text, icon, iconVisibility = false, link }
Click Me
Title { heading, paragraph, paragraphVisibility = true }

This is a title

This is a paragraph

TitleIndex { heading, paragraph, paragraphVisibility = true }

Hello

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

TitleSubpage { heading, paragraph, paragraphVisibility = true }

Hello

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

TitleCentered { heading, paragraph, paragraphVisibility = true }

This is a title

This is a paragraph

TitlePost { heading, category, date }

Category

This is a post title

Sep 12, 2023

TitleProject { heading, paragraph, paragraphVisibility = true }

Subheading

This is a project title

ContentListItem { title, titleIcon, titleIconVisibility, category, icon, link: { href }, thumbnail, thumbnailVisibility = true }
Title
Category
ContentListItemSimple { title, link: { href } }
Title
ChangelogListItem { title, date, number }
2024-01-01
Title
001
IdeaListItem { title, date, number, link:{ href } }
001
Title
TopBar
2024-01-01
ContentListHeader { title, titleIcon, titleIconVisibility = false, link = { href }, linkText, linkIcon, linkIconVisibility = false }
Title
Nav Link
ContentListHeaderSimple { title }
Title
CategoryList { categories(slot) }
Nav Link
Footer { links(slot), textRight }

Layouts

LayoutTemplate { title, description, featureList(slot), buttonList(slot), content(slot) }

Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Feature 1
  • Feature 2
  • Feature 3
LayoutPost { title, category, date, content(slot) }

Category

This is a post title

Sep 12, 2023

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a figure caption
LayoutProject { title, subheader, content(slot) }

Subheading

This is a project title

LayoutSiteDesign { content(slot) }

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Styles

This is Display 2XL
This is Display XL
This is Display L
This is Display M
This is Display S
This is Display XS
This is Display 2XS
This is Display Light
This is Display Uppercase
This is Paragraph
This is Paragraph Serif
This is Text Link Underline

This is an H1

This is an H2

This is an H3

This is an H4

This is an H5
This is an H6

This is a paragraph

This is a text link
  • This is an unordered list
  • This is an unordered list
  • This is an unordered list
  1. This is an ordered list
  2. This is an ordered list
  3. This is an ordered list

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote
  1. Item 1
  2. Item 2
  3. Item 3
  • Item A
  • Item B
  • Item C

Text link

This is a figure caption

This is a paragraph