Contra
Clean, utilitarian marketplace design built on an expansive white canvas with rich media cards. Generous whitespace in the conversational hero transitions into dense horizontal feeds and modular showcase grids. High-contrast dark pill badges and minimal typography keep attention focused entirely on creative portfolios.
Visit siteColour
Background#ffffff
Text#14171f
Accent#222834
Surface#f2f4f7
Muted#677084
Typefaces
- Display
- GT Standard M
- Body
- GT Standard M
- Mono
- —
- Source
- self_hosted
- Scale
- 8 · 12 · 14 · 15 · 16 · 19
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 8px · 12px · 999px
Capture
- Category
- tools
- Sections
- 11
- Captured
- 2026-08-30
- Rhythm
- light x11
Type rules
- display headings set at 58px with tight negative tracking (-0.01em) and sentence case
- body copy defaults to 14px with tight line height at 47 characters per measure
Colour rules
- pure white canvas (#ffffff) covers over 90% of page area
- dark near-black tones (#14171f, #222834) are reserved strictly for text, primary CTA pills, and image overlay buttons
Voice rules
- headlines stay under five words in sentence case
- interactive tags and chips use direct verbs or specific professional roles
Holds it together
- overlay dark interactive pill buttons directly on the top corners of visual media cards
- render search queries, filter tags, and quick-prompts as rounded pill capsules
- separate dense portfolio galleries with minimal section header rows showing a title, subtext, and a right-aligned 'View more' link
Contrast
text on background17.9:1 AAA
muted text on background5.0:1 AA
text on surface16.3:1 AAA
accent on background14.8:1 AAA
background on accent14.8:1 AAA
Type, measured
- Body
- 14px / 1.43
- Measure
- 47 characters
- Display
- 58px / 1.05
- Tracking
- -0.01em display
- Scale ratio
- 1.43
Voice
- Tone
- direct, concise, creative
- Sentences
- short
- Person
- second
- Vocabulary
- plain
- Calls to action
- sign up, log in, view, hire, explore
Built with
- Builder
- —
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- sticky_top_bar, 13 items, sticky
- Length
- 6.4 screens
Sections in page order
3 marked strong · 11- 00
hero
A crisp, spacious white navigation and hero opening grounded by refined grotesque typography and subtle ambient backdrops.
- Mood
- quiet + clinical
- Layout
- 9 col · centered · airy
- 01
hero
Clean, understated conversational input bar with rounded suggestion pills resting on an airy light canvas.
- Mood
- quiet + clinical
- Layout
- 12 col · centered · airy
- 02
showcase
StrongA vibrant community carousel highlighting trending topics with rich media cards over a crisp, minimal navigation bar.
- Mood
- playful + bold
- Layout
- 1 col · stacked · balanced
- 03
showcase
A crisp, light-mode directory showcase featuring a clean three-column grid of verified studio projects with minimal metadata.
- Mood
- quiet + clinical
- Layout
- 3 col · grid · balanced
- 04
gallery
A crisp, functional portfolio gallery featuring rich project media cards accented with dark interactive pill controls against a clean white background.
- Mood
- quiet
- Layout
- 1 col · stacked · balanced
- 05
showcase
A crisp, modular portfolio gallery presenting creator projects with interactive action overlays against high-contrast preview cards.
- Mood
- clinical + quiet
- Layout
- 1 col · stacked · balanced
- 06
showcase
Clean portfolio showcase featuring a row of creator project thumbnails with floating interaction buttons.
- Mood
- quiet + clinical
- Layout
- 4 col · grid · balanced
- 07
showcase
A crisp, utilitarian project gallery showing video portfolio cards topped with action pills above minimal section copy.
- Mood
- quiet + clinical
- Layout
- 1 col · stacked · balanced
- 08
showcase
Clean, understated curated portfolio row with interactive action pills overlaid on vibrant project previews.
- Mood
- quiet + clinical
- Layout
- 4 col · grid · balanced
- 09
showcase
StrongDense four-column portfolio showcase grid displaying diverse creative work with interactive project action pills.
- Mood
- editorial + bold
- Layout
- 4 col · grid · dense
- 10
footer
StrongA spacious, meticulously organized multi-column sitemap footer rendered with quiet typographic restraint on stark white.
- Mood
- quiet + clinical
- Layout
- 9 col · grid · airy
