Imported library
3427 items in the library.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages. Sign in
Kind (design-system)
Style (typographic)
Licence
- Subscription
Bold typography design system
Design System
"OBELISK" Bold Typography design-system showcase — poster design translated to web with near-black/vermillion tokens, a 13-step type ramp, vendored Inter Tight/Playfair Display/JetBrains Mono, a parallax decorative-numeral hero, an adjective marquee, three button variants (underline/inversion/ghost), layered-text depth, zero radius, a token-flip inverted CTA, and a 200ms ARIA FAQ accordion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Kinetic typography poster
Design System
Kinetic Typography design-system showcase — a festival poster page with viewport-width `clamp()` headlines, two infinite marquees, towering background numbers, hard acid-yellow color-inversion hover states, sticky-stacking cards, scroll-driven hero zoom, and a `prefers-reduced-motion` static fallback.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Luxury editorial design system
Design System
"MAISON" Luxury / Editorial design-system showcase — a full editorial landing (hero, drop-cap features, dark stats, multi-layer testimonials, ARIA FAQ accordion, blog grid, footer CTA) with vendored Playfair/Inter fonts, vertical writing-mode labels, fixed gridlines, a gold-sliding button, and a paper-grain noise overlay.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Newsprint editorial press
Design System
Full editorial landing page expressing the "Newsprint" design system — massive Playfair headlines, zero radius, collapsed grid borders, drop caps, a breaking-news ticker, an inverted black "How It's Filed" section, grayscale halftone engravings, hard offset hover shadows, and sparing editorial red.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Serif editorial design system
Design System
"Roman & Quill" Serif design-system showcase — a private-publishing-house editorial landing (hero, stats, drop-cap features, asymmetric 1.3fr/0.7fr benefits, decorative-quote testimonials, gold-tinted featured pricing, journal grid, ARIA FAQ, inverted correspond form, footer) with vendored Playfair/Source Sans 3/IBM Plex Mono, a rule-line + small-caps label system, bespoke SVG engraving plates, burnished-gold accent, paper-grain overlay, and ambient glow — all on channel-format design tokens, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Swiss design system
Design System
Self-contained Swiss International (International Typographic Style) design-system showcase — strict B/W/Swiss-Red tokens, four CSS texture patterns (grid, dots, diagonal, noise), a Bauhaus hero composition, a mathematical type specimen, a 2×2 component gallery, and bold mechanical interactions (color inversions, rotating plus icons, count-up); fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Artistic design system (Bergside / typeui.sh) - High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.Subscription
Artistic design system (Bergside / typeui.sh) - High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Basic design system (Bergside / typeui.sh) - Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.Subscription
Basic design system (Bergside / typeui.sh) - Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Bold design system (Bergside / typeui.sh) - Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.Subscription
Bold design system (Bergside / typeui.sh) - Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Creative design system (Bergside / typeui.sh) - Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.Subscription
Creative design system (Bergside / typeui.sh) - Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Editorial design system (Bergside / typeui.sh) - Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.Subscription
Editorial design system (Bergside / typeui.sh) - Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Impeccable design system (Bergside / typeui.sh) - A modern, graphic, editorial-poster aestheticSubscription
Impeccable design system (Bergside / typeui.sh) - A modern, graphic, editorial-poster aesthetic
Design System
Warm and confident — built on alternating cream and burnt orange sections, an amber brand color.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Mono design system (Bergside / typeui.sh) - Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.Subscription
Mono design system (Bergside / typeui.sh) - Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Academia classical showcaseSubscription
Academia classical showcase
Design System
"The Athenæum" Academia / Classical design-system showcase — a library-at-night members' society across ten Roman-numeral Volumes, with arch-topped sepia-to-colour engravings, a rotating brass sunburst hero, 40px corner flourishes, Cinzel drop caps, ornate glyph dividers, crimson wax-seal badges, engraved brass buttons, a manifesto Proclamation, certificate pricing tiers, an alternating timeline, an accordion FAQ, a validated enquiry form, and fixed paper-grain + vignette overlays; vendored fonts/illustrations, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Art deco gatsby showcaseSubscription
Art deco gatsby showcase
Design System
Self-contained Art Deco ("Gatsby") design-system showcase — gold-on-obsidian, vendored Marcellus/Josefin Sans, a rotating sunburst hero, stepped-corner cards with rotated-diamond icons, a Roman-numeral timeline, pricing tiers, testimonials, an accordion FAQ, underlined-input enquiry form, and a 5-column footer.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Bauhaus form follows functionSubscription
Bauhaus form follows function
Design System
"WERKBUND" Bauhaus design-system landing page — a constructivist poster brought to life with three primary colours, thick black borders, hard offset shadows, binary radii, geometric circle/square/triangle primitives, color-blocked sections, a stats band, feature grid, pricing tiers, testimonials, journal, and a red/cream FAQ accordion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in