Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Dark gradient field with small top navigation, large white hand-drawn outline identity centered, and colorful segmented text labels below. A tiny scroll cue sits low.
- Type
- Irregular outlined display lettering with small monospaced-looking labels.
- Color and surface
- Black-to-gray background, white outlines and yellow, red and gray label blocks.
- Components
- Navigation, outlined identity, colorful labels and scroll cue.
What makes it work
- Outlined playful identity and segmented labels on a dark gradient.
On a new subjectFor a children’s science festival, combine a hand-drawn outlined name with colorful segmented labels on a dark field.
Measured
Fonts loadedFunnel Sans
Body text12px
Page background#000000
Text color#000000
Page height9,629px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- The current Karol Ortyl page uses a black-to-charcoal vertical ground, a small centered dark pill navigation, and a large white hand-drawn outline wordmark centered in the hero. Beneath it, a small yellow “founding?” tag with an x sits above segmented labels: red “fun-doing”, then gray “designer at large”. A tiny scroll cue sits near the bottom. Desktop places the white outline mark around the center of the 1440×1000 frame; phone reflows the mark to two stacked lines and stacks the colored labels vertically. At actual scrollY 750, a project composition appears with a large “buf.build” title, bright blue/white interface mockups, and fine figure/metadata labels against the same dark page. The selected current screenshot and gallery reference show the same general dark identity but differ in content framing; each remains tied to its own file/hash.
- Responsive
- Desktop measures 1440×1000 with document height 9629; tablet measures 768×1024 with document height 7481; phone measures 390×844 with document height 8762. The small “founding?” text is 22px, top navigation is 13px, and the scrolled project title sample is 100px. Measured visible media on desktop hero is about 950×212 at x=246,y=326; tablet about 599×133 at x=85,y=377; phone about 273×207 at x=58,y=195. These element bounds describe samples, not universal layout or painted-area guarantees.
- Scroll
- The desktop-scroll frame is measured at actual scrollY 750 in a 1440×9629 document and shows the buf.build project artwork, title and fine figure labels. This one position does not establish sticky navigation or the mechanism of navigation between projects.
