Exploring different visual treatments for content-type indicators across cards, grids, and lists. Finding the right balance between clarity and minimalism.
Task: Evaluate 6 badge variations using only F12 design system colors. Choose the style that best identifies content types while maintaining our clean, minimalistic aesthetic. Consider scannability, flexibility, and accessibility.
Ultra minimal uppercase label using eyebrow styling. Cleanest approach that treats content-type as subtle metadata. Perfect for F12's minimalistic aesthetic.
Biblical frameworks for establishing healthy churches in cities across Asia and the Pacific.
Understanding our call to participate in God's redemptive work across all nations.
Conversations on cultural adaptation and building lasting partnerships in Southeast Asia.
45 min
PDF • 48 pages
Light background with content-type only. Creates visual container using F12 subtle background. Metadata displayed separately below for cleaner separation.
Biblical frameworks for establishing healthy churches in cities across Asia and the Pacific.
Understanding our call to participate in God's redemptive work across all nations.
Conversations on cultural adaptation and building lasting partnerships in Southeast Asia.
45 min
PDF • 48 pages
Clean outlined icons with content-type text. Uses minimal, modern iconography that matches F12's clean aesthetic. Metadata shown separately below.
Biblical frameworks for establishing healthy churches in cities across Asia and the Pacific.
Understanding our call to participate in God's redemptive work across all nations.
Conversations on cultural adaptation and building lasting partnerships in Southeast Asia.
45 min
PDF • 48 pages
Visual hierarchy with icon/emoji before text. Adds visual interest and makes content types instantly recognizable through iconography.
Biblical frameworks for cities.
Understanding our call to serve.
Conversations on adaptation.
Ultra minimal uppercase label using F12 eyebrow styling. Smallest footprint, treating content-type as subtle metadata rather than prominent badge.
Biblical frameworks for cities.
Understanding our call to serve.
Conversations on adaptation.
Colored dot + gray text. Most minimal color differentiation possible. Subtle visual cue without drawing attention away from content.
Biblical frameworks for cities.
Understanding our call to serve.
Conversations on adaptation.
Compare the 3 refined badge styles. V1 (Micro Label) is the preferred approach.
Variation 1 (Micro Label) has been selected as the preferred approach. This ultra-minimal style perfectly aligns with F12's clean, editorial aesthetic. Content-type is shown as subtle metadata, with duration/length displayed separately below.