Attendance Grid
Grid of people with avatar, role and present or absent status, also from the site's users
The examples are only part of the story. Every tile also has the advanced options: animations, mouse effects, visibility by device or by date, positioning and more.
01
Just added
This is how it looks as soon as you add it to the page, before any changes.
02
Who's in the studio today
The architecture studio: real photos in round avatars, role in a soft tone and status in words (“In the studio” or “Remote”), blue dot; light cards that lift.
-
@nadia.elaminArchitectIn the studio Remote -
@tomas.rivaSurveyorIn the studio Remote -
@sara.bianchiInterior designerIn the studio Remote -
@lea.moretti3D renderingIn the studio Remote -
@marta.reAdministrationIn the studio Remote
-
@luca.ferriConstruction sitesIn the studio Remote
03
Called up for Sunday
The team roster: action photos in rounded-square avatars, role on the pitch, “Called up” or “Unavailable”, cards with an orange border that grow on hover.
-
@daniela.9GoalkeeperCalled up Unavailable -
@moeka.7ForwardCalled up Unavailable -
@camila.10MidfielderCalled up Unavailable -
@irene.4DefenderCalled up Unavailable -
@giada.11WingerCalled up Unavailable -
@sofia.2Full-backCalled up Unavailable -
@bea.8Defensive midfielderCalled up Unavailable -
@anna.1Backup goalkeeperCalled up Unavailable
04
Customer support: who's answering now
No photos: initials on circles colored by the theme, dense eight-column grid, no role, status “Available” or “On break”, border glow on hover.
05
The gaming community, with the ticker
The original use: a players' club on a dark geometric-shapes background, a feats ticker scrolling above, ranks in orange and transparent cards with light text.
-
@KiraByteDiamondOnline Offline -
@pixelmomGoldOnline Offline -
@grumpyTankSilverOnline Offline -
@luna404MasterOnline Offline -
@frostbytePlatinumOnline Offline -
@glhfBronzeOnline Offline
