Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pagePortfolio Personal Hero
Independent designer hero as a plain, fully editable Bricks tree: section > container > meta row (availability pill with a soft ping, location + live local clock) > display h1 with an inline portrait pill > body grid (intr…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Portfolio Personal Hero reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Layout
- Category
- Hero
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 15
Set on the section, in Bricks’ attributes panel. No code needed.
data-themedata-accentACSS colour for the status dot, progress line, link hovers and focus rings
data-layoutsplit = intro beside the Work Reel on wide screens, stacked = reel full width under the intro
data-portraitthe inline portrait pill inside the headline
data-statusavailability pill
data-clocklocation + live local time
data-timezoneIANA zone for the clock
data-clock-formatdata-socialthe Elsewhere row
data-dividerhairline under the meta row and above the social row
data-radiuswork card radius
data-revealstaggered entrance on load
data-reveal-styledata-staggerms between entrance steps
data-durationms per entrance step
Component props 3
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
triggerhover
autoplayTrue
interval4200
pauseOnHoverTrue
duration700
easingsmooth
start1
heightm
grayscaleFalse
progressTrue
labelSelected projects
imagehttps://images.unsplash.com/photo-1561070791-2526d30994b5?w=1000
altColour swatches and printed brand guidelines on a desk
focuscenter
showTagTrue
tagBrand identity
titleA brand system for a calmer clinic
headingLevelh3
clientFaro Health
showYearTrue
year2025
showLinkTrue
linkLabelRead the case study
url#faro-health
labelurlhttps://www.linkedin.com/
target_blank
showArrowTrue
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
