Aris Acoba
Quiet, utilitarian, and developer-focused. Clean system typography and generous whitespace let high-contrast software UI screenshots carry the visual weight, anchored by a single glowing status dot.
Visit siteColour
Background#ffffff
Text#090e24
Accent#1dab62
Surface#f6f7f9
Muted#757676
Typefaces
- Display
- UncutSans-Semibold
- Body
- system-ui
- Mono
- —
- Source
- self_hosted · system
- Scale
- 14 · 16 · 18 · 28
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 8px · 16px
Capture
- Category
- portfolio
- Sections
- 8
- Captured
- 2026-08-30
- Rhythm
- all light → white canvas with neutral cards
Type rules
- body text runs comfortably up to 112 characters with relaxed 1.6 line height
- display headings remain sentence-case with slight negative tracking
Colour rules
- green accent is restricted entirely to the live status indicator dot
- dark UI card previews provide the primary visual contrast against the white page
Voice rules
- frame work through specific product ships and engineering scope
- state exact role and status for every item
Holds it together
- present portfolio projects as structured 2-column screenshot cards with role subtitles
- use subtle neutral grey containers to frame product interface previews
- indicate active focus with a small green status indicator alongside eyebrow copy
Contrast
text on background19.1:1 AAA
muted text on background4.6:1 AA
text on surface17.8:1 AAA
accent on background3.0:1 fail
background on accent3.0:1 fail
Type, measured
- Body
- 16px / 1.6
- Measure
- 112 characters
- Display
- 28px / 1.25
- Tracking
- -0.03em display
- Scale ratio
- 1.15
Voice
- Tone
- understated, precise, humble
- Sentences
- medium
- Person
- first
- Vocabulary
- technical
- Calls to action
- view, contact
Built with
- Builder
- —
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 3 items
- Length
- 4.2 screens
Sections in page order
3 marked strong · 8- 00
nav
StrongA quiet, airy portfolio header pairing a compact personal identity badge with understated navigation pills against clean white space.
- Mood
- quiet + clinical
- Layout
- 16 col · split · airy
- 01
hero
Quiet, minimal portfolio intro with clean text-driven layout and subtle status indicator.
- Mood
- quiet + clinical
- Layout
- 1 col · stacked · airy
- 02
showcase
StrongClean, engineered portfolio showcase presenting dark developer tool UI previews inside rounded cards.
- Mood
- clinical + quiet
- Layout
- 6 col · grid · balanced
- 03
showcase
Clean, utilitarian portfolio grid displaying developer tool release highlights and UI screenshots in structured cards.
- Mood
- clinical + quiet
- Layout
- 2 col · grid · balanced
- 04
gallery
A quiet portfolio case study grid showcasing product UI interfaces superimposed on lush landscape backdrops.
- Mood
- quiet + clinical
- Layout
- 2 col · grid · balanced
- 05
showcase
Minimal design portfolio grid presenting product case studies in rounded cards on a cool neutral canvas.
- Mood
- quiet + clinical
- Layout
- 3 col · grid · airy
- 06
showcase
Clean, airy portfolio cards paired with colorful preview containers and an ultra-minimal footer bar.
- Mood
- playful + quiet
- Layout
- 2 col · grid · airy
- 07
footer
StrongQuiet and ultra-minimal footer composed of simple navigation links floating in generous white space.
- Mood
- quiet
- Layout
- 16 col · grid · airy
