andre-candido-com
Refined editorial design balancing massive light serifs with crisp grotesk body copy. The high-contrast monochrome canvas is softened by warm pastel yellow surfaces and playful floating capsules.
Visit siteColour
Background#ffffff
Text#111118
Accent#fef199
Surface#dddddd
Muted#7c7c7c
Typefaces
- Display
- Editorial New
- Body
- PP Mori
- Mono
- —
- Source
- self_hosted
- Scale
- 12 · 14 · 16 · 18 · 24 · 48
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 4px · 999px
Capture
- Category
- other
- Sections
- 8
- Captured
- 2026-08-30
- Rhythm
- white → light → white x3 → yellow → white → dark
Type rules
- headlines set in ultra-light serif with tight line-height
- labels, eyebrows, and navigational links set in uppercase sans-serif
Colour rules
- monochrome white and dark foundation across majority of sections
- warm pastel yellow reserved exclusively for the testimonial highlight
Voice rules
- first-person collaborative framing
- concise action-driven CTAs
Holds it together
- render display headlines in oversized sentence-case Editorial New
- enclose service tags and CTAs within high-contrast pill badges
- isolate client testimonials on a full-width yellow accent panel
Contrast
text on background18.8:1 AAA
muted text on background4.2:1 AA Large
text on surface13.8:1 AAA
accent on background1.1:1 fail
background on accent1.1:1 fail
Type, measured
- Body
- 14px / 1.4
- Measure
- 25 characters
- Display
- 160px / 1.1
- Tracking
- 0em display
- Scale ratio
- 1.84
Voice
- Tone
- confident, approachable
- Sentences
- medium
- Person
- first
- Vocabulary
- articulate
- Calls to action
- work, talk, reach out
Built with
- Builder
- webflow
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 3 items
- Length
- 7 screens
Sections in page order
8- 00
hero
An airy, high-contrast editorial hero dominated by an oversized, refined serif headline and minimal monochromatic styling.
- Mood
- editorial + bold
- Layout
- 1 col · stacked · airy
- 01
showcase
Cascading browser mockups display vibrant, playful SaaS landing page designs across warm pastel color schemes.
- Mood
- playful + warm
- Layout
- 2 col · asymmetric · dense
- 02
statement
Minimalist designer statement pairing a prominent condensed serif headline with an intimate sidebar bio card and partner logo bar.
- Mood
- editorial + quiet
- Layout
- 2 col · asymmetric · airy
- 03
showcase
Refined designer portfolio pairing a balanced project grid with a condensed serif statement and structured service index.
- Mood
- editorial + quiet
- Layout
- 2 col · stacked · balanced
- 04
showcase
Playful graphic composition of oversized angled black capsules displaying agency services in bold, stark typography against a white canvas.
- Mood
- playful + bold
- Layout
- 1 col · asymmetric · airy
- 05
testimonial
Sunny pastel yellow testimonial framed with delicate thin grid lines and refined editorial serif typography.
- Mood
- warm + editorial
- Layout
- 8 col · centered · airy
- 06
feature grid
Airy editorial statement and value grid balancing refined serif type with minimalist outlined selection cards.
- Mood
- editorial + quiet
- Layout
- 1 col · asymmetric · airy
- 07
footer
A dark, refined portfolio footer featuring a bold serif call-to-action framed in an elongated pill container.
- Mood
- editorial + quiet
- Layout
- 1 col · stacked · balanced
