About Gallery Albumen
Albumen is a photo album gallery for Framer. Albums sit in a calm grid of covers with a date and a short note. A click raises the album as a full height sheet, and a photo opens a full screen viewer. Fill it from your CMS through a slot, or by hand.
What you can customize
Columns, max width, cover and photo ratios
Meta line, text, photo counter and captions
Five colors, backdrop, radius and shadow
Built-in font or your own, with title caps
Speed, bounce, hover zoom and overpull
Perfect for
Photographer and travel portfolios
Studio and project archives
Event, wedding and journal pages
Responsive
Its own phone layout below a width you set: one or two columns, a sheet that fills the screen, and an edge to edge viewer that pages with swipe. A compact size keeps tablets in proportion.
Included interactions
The sheet follows your drag and closes when pulled or flung down. Photos page with swipe, arrow buttons, arrow keys and the mouse wheel, and the viewer closes with a pull down. Optional slideshow with a pause button. Motion photos play a muted clip. Escape closes, focus rings show, and reduced motion is respected.
CMS setup
Add a Collection List, one item per photo.
Name the item Card and its layers Image and Title (the album). Subtitle (date), Caption, Text, Focus and Video are optional.
Cards with the same Title form one album.
Select Albumen and pick the list in CMS source. Leave it empty to use Albums.
Controls
Content: CMS source, Albums
Layout: Columns, Max Width, Cover, Photo Columns, Photo, Meta Line, Text, Counter, Captions
Spacing: Gap, Row Gap, Padding, Text Gap, Photo Gap
Style: colors, Backdrop, Radius, Button Radius, Shadow
Typography: Built-in Font, Title Caps, four fonts
Motion: Speed, Bounce, Hover Zoom, Hover Time, Overpull
Interaction: Drag, Wheel, Arrow Keys, Arrow Buttons, Autoplay, Interval
Responsive: Phone Below, Compact Below, Columns, padding, Max Width
Media: Motion Photos, Loop, Badge
