rhodeskin-com
Quiet, tactile, and effortlessly modern. Soft warm stone backgrounds and subtle white panels let intimate studio and lifestyle photography take center stage. Heavy lowercase headings and delicate pill-shaped action triggers establish an unhurried, editorial beauty aesthetic.
Visit siteColour
Background#ffffff
Text#67645e
Surface#f1f0ed
Muted#acaaa5
Typefaces
- Display
- Rektorat Heavy
- Body
- Swiss
- Mono
- —
- Source
- Scale
- 10 · 11 · 12 · 14 · 16 · 17
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 100px
Capture
- Category
- other
- Sections
- 10
- Captured
- 2026-08-30
- Rhythm
- cream → white → cream → white → cream x6
Type rules
- display headlines set in heavy grotesk all-lowercase with tight line-height
- body text in warm neutral tone running up to 64 characters per line
- eyebrows, metadata, and buttons styled in tracked-out uppercase
Colour rules
- palette strictly restrained to warm off-white, light beige surfaces, and charcoal text without vivid digital accents
- photographic imagery carries all chromatic saturation while the UI remains neutral
Voice rules
- product titles and benefit headers in lowercase
- functional actions framed in subtle pill buttons
Holds it together
- render major section and product category titles in lowercase heavy sans-serif
- confine action triggers and micro-labels to uppercase text inside soft outline pills
- use warm off-white (#f1f0ed) and white (#ffffff) alternating blocks without harsh borders
Contrast
text on background5.9:1 AA
muted text on background2.3:1 fail
text on surface5.2:1 AA
Type, measured
- Body
- 16px / 1.5
- Measure
- 64 characters
- Display
- 58px / 1
- Tracking
- -0.04em display
- Scale ratio
- 1.38
Voice
- Tone
- understated, tactile, casual
- Sentences
- short
- Person
- second
- Vocabulary
- plain
- Calls to action
- curate, grab, buy, shop
Built with
- Builder
- —
- Framework
- —
- Motion
- swiper
- WebGL
- —
- Nav
- top_bar, 57 items
- Length
- 6.7 screens
Sections in page order
10- 00
nav
Clean, muted e-commerce header with a pale announcement pill and transparent uppercase navigation floating over lifestyle photography.
- Mood
- quiet + luxurious
- Layout
- 1 col · split · airy
- 01
hero
Minimalist, intimate beauty photography anchored by quiet, corner-tucked typography.
- Mood
- quiet + editorial
- Layout
- 1 col · full bleed · airy
- 02
showcase
Minimalist skincare product cards defined by muted earth tones, distinctive chunky grotesque typography, and clean studio packshots.
- Mood
- quiet + warm
- Layout
- 3 col · grid · airy
- 03
feature
Clean, airy beauty product showcase framed by soft cylindrical makeup sticks radiating around quiet centered typography.
- Mood
- quiet + warm
- Layout
- 1 col · centered · airy
- 04
feature
Quiet, tactile product feature pairing soft flash photography with understated warm typography and rounded containers.
- Mood
- quiet + warm
- Layout
- 2 col · split · airy
- 05
feature
Quiet, minimal skincare feature pairing soft-toned product photography with lowercased sans-serif typography and pill buttons.
- Mood
- quiet + warm
- Layout
- 2 col · split · balanced
- 06
gallery
An intimate, tactile carousel of soft beauty and lifestyle photography anchored by minimal wireframe controls on a warm stone background.
- Mood
- warm + quiet
- Layout
- 1 col · stacked · balanced
- 07
feature
Softly muted values section pairing warm neutral typography and interactive tabs with playful, tactile branded product dice.
- Mood
- warm + playful
- Layout
- 2 col · split · airy
- 08
statement
A gigantic, muted grey brand wordmark bleeding past the frame on a soft warm off-white canvas.
- Mood
- bold + quiet
- Layout
- 1 col · full bleed · airy
- 09
footer
Soft, muted e-commerce footer structured with a delicate divider separating newsletter signup from minimalist navigation columns.
- Mood
- quiet + warm
- Layout
- 1 col · split · balanced
