Prompt & style library

Type is the interface. On an ink-black stage the variable font itself becomes the animation: letters arrive one by one, weights breathe, widths stretch with scroll velocity. Motion belongs to the words alone, and a sing…

StyleKit

Photography is the interface. Full-bleed images fill the viewport with text floating over readability scrims; a slow Ken Burns drift lets stills breathe, a blur-up placeholder loads first and the real frame fades in. Th…

StyleKit

Scrolling is the narrative timeline. A sticky canvas pins to the viewport while text steps scroll past it, each step triggering a state change — numbers count, shapes morph, layers light up. Information reveals frame by…

StyleKit

An Apple-keynote product-reveal aesthetic: a pitch-black stage, luminous product imagery, huge tight-tracking headlines and one electric-blue accent. The signature is a scroll-scrubbed frame sequence - a sticky canvas p…

StyleKit

A cinematic opener led by a short looping video. A poster frame paints first as the LCP; the muted video autoplays and loops only once in view; text sits on a readability scrim. Dark grading and slow motion build a trai…

StyleKit

Apple's revolutionary design language from WWDC 2025, creating an organic, fluid visual experience beyond traditional frosted glass through SVG refraction filters, rainbow edge halos, fluid morphing animations, and mult…

StyleKit

Editorial layout with physical depth. On warm paper, foreground text and background layers scroll at different rates to build real parallax; sticky image-text interlock, chapter numbers and drop caps turn long-form into…

StyleKit

A warm, naturalist portfolio style for architects, interior designers, product designers, ceramic artists, and landscape architects. Think warm-toned minimalism: terracotta and clay colors, natural textures, soft shadow…

StyleKit

A high-performance database interface anchored on near-pure black canvas with electric yellow as the brand voltage. White typography in confident sans, yellow CTAs, and yellow-text stat numbers carry the brand voice acr…

Inter

Awesome DESIGN.md

A near-black product-focused marketing canvas built around #010102 (the deepest dark surface of any tool in this collection), light gray text (#f7f8f8), and the signature Linear lavender-blue (#5e6ad2) used as the singl…

Linear Display

Awesome DESIGN.md

Saatva's design language is a study in restrained luxury — the brand sells mattresses and bedding, but the interface reads more like a heritage textile house than a sleep startup. The palette is anchored by warm earth t…

Georgia

Awesome DESIGN.md — e-commerce

Magic Spoon's supplied CSS centers on a saturated violet-purple, #3f0791, used consistently as the button background, border, and CTA text color across both the review-widget (Okendo) custom properties and the site's ow…

Poppins

Awesome DESIGN.md — e-commerce

The evidence shows a neutral-first system: near-black text (#1e1e1e, #333333) on white/off-white

Museo Sans Display

Awesome DESIGN.md — e-commerce

This interpretation is built from Kanile'a Ukulele's Shopify theme CSS: a warm, low-contrast neutral palette (near-black #232323 and #413f3f/#423f3f charcoal text on white canvas), pill-shaped swiper controls, and squar…

Cabin

Awesome DESIGN.md — e-commerce

Minisforum's storefront evidence shows a cool, technical e-commerce palette built on near-black text (#000000, #1a1a1a, #1d1d1f) over white and off-white canvases (#ffffff, #fafafa, #f5f5f5), with a saturated blue (#133…

Inter

Awesome DESIGN.md — e-commerce

Kwikset's site evidence shows a utilitarian, security-hardware register: a near-black text color paired with a saturated red (#d90114, hovering to #f00016 and darkening to #d01b32) used consistently across primary call-…

Gotham SSm A

Awesome DESIGN.md — e-commerce