YOUR AIDRP Styles. Choose how AIDRP looks and moves. Explore design systems, motion, Effects Design, color themes, typography and saved looks. Your choices follow you through the site.
Explore freely. You can always go back. ↶ Undo Redo ↷
01 / AIDRP design systems 13 design options Choose a design system, then make it yours with any color theme and motion system. Each design preview shows its native palette.
Preview the design across AIDRP pages ↗
01 / AIDRP HERITAGE Of distinction. Art Deco ↗ 02 / AIDRP CONTEMPORARY Think bigger. Signal ↗ 03 / AIDRP EDITORIAL A point of view. Editorial ↗ 04 / AIDRP DIGITAL Make contact. Voltage ↗ 05 / AIDRP HERITAGE Hello, tomorrow! 1950s ↗ 06 / AIDRP HERITAGE An idea in bloom. Art Nouveau ↗ 07 / AIDRP EDITORIAL Beyond ordinary. Luxury Fashion ↗ 08 / AIDRP PLAYFUL What if…? Coloring Book ↗ 09 / AIDRP DIGITAL > make something Developer / CLI ↗ 10 / AIDRP DIGITAL Enter possibility. Matrix ↗ 11 / AIDRP EXPERIMENTAL Digital matter. Experimental WebGL ↗ 12 / AIDRP EDITORIAL The Idea Journal Newspaper ↗ 13 / AIDRP DESIGN WAY 02 · CANDIDATE A world of its own. The Vienna Atelier ↗
Periods 15 periods · 45 font systems A memory, a material, a mood. Explore photographic scenes, era-inspired colors and three coordinated font systems for every period. Mix any design with your preferred colors and motion.
2120s period / The Intergalactic Commons ○ Motion offCuriosity goes a little further.
A woman researcher and a male colleague examine ceramic samples on an imagined 2120s lunar terrace. Make the next possibility real.
See it across AIDRP ↗ Material character Pale ceramic Photographic texture, tinted by your chosen colors.
Choose a font system 01 / Orbital Journal✓ Ideas with character. “A world of your own.” Every idea begins a conversation. Make room for the details that bring it to life. Headings: Neue Haas Unica 02 / A Wider Horizon↗ Ideas with character. “A world of your own.” Every idea begins a conversation. Make room for the details that bring it to life. Headings: ZL Avant Garde 03 / Quiet Discovery↗ Ideas with character. “A world of your own.” Every idea begins a conversation. Make room for the details that bring it to life. Headings: Urbanist
Colors from the era
Light Dark
Prefer a different color theme? Choose any palette in Colors. Your font system stays with you.
Composition & reference boards Observatory Open space, fine rules and a distant horizon. Habitat Warm materials and calm, generous reading fields. Expedition Precise navigation and clear editorial hierarchy.
This period uses an original art direction inspired by its materials and visual culture.
2120s period Intergalactic Commons A woman researcher and a male colleague examine ceramic samples on an imagined 2120s lunar terrace. Make the next possibility real. Selected ✓ 2020s period Living Field Young adult women arrange zines, expressive prints and ceramics at a 2020s open-air creative market. A creative world, made together. Explore 3 font systems ↗ 2010s period Connected Grid Young adult collaborators paint a cyan, coral and mint geometric mural on a 2010s city rooftop. Good ideas become shared places. Explore 3 font systems ↗ 2000s period Liquid Interface A young adult woman photographs friends with a compact digital camera at a 2003 outdoor music festival. Direct the next scene. Explore 3 font systems ↗ 1990s period Hypertext Atelier A young adult woman skateboarder and a mixed skate crew create deck graphics and zines at a 1997 skate park. Make a place on the early web. Explore 3 font systems ↗ 1980s period Radical Pavilion Young adult Valley Girl women roller-skate on a bright 1980s California boardwalk. Turn up the idea. Explore 3 font systems ↗ 1970s period Chromatic Commons A woman photographer makes a landscape image beside a 1970s camper van at a desert overlook. Make room for a slower kind of making. Explore 3 font systems ↗ 1960s period Optical Salon Young adult women screen-print vivid circular fabrics at a 1960s London design-market stall. A bold idea takes its place. Explore 3 font systems ↗ 1950s period Atomic Garden A woman arranges menus at a bright turquoise and coral 1950s open-air diner. Build a brighter everyday. Explore 3 font systems ↗ 1940s period Printed Atelier Black-and-white photograph of a woman press operator checking a proof beside a 1940s rotary press. A proof worth sharing. Explore 3 font systems ↗ 1930s period Streamline Atelier A woman transport designer studies a drawing beside a 1930s streamlined silver train. Give the future a shape. Explore 3 font systems ↗ 1920s period Modern Salon A Black woman jazz bandleader carries her trumpet down a 1920s Deco theater stairway. Find the rhythm together. Explore 3 font systems ↗ 1910s period Vienna Atelier A woman textile designer arranges embroidered iris silk in a 1910s garden pavilion. A conversation in clay. Explore 3 font systems ↗ Arts & Crafts period Crafted Age A woman bookbinder shares a botanical book at an Arts and Crafts orchard fair. Knowledge, passed from hand to hand. Explore 3 font systems ↗ Steampunk period Steam & Spark Atelier A woman aeronaut adjusts a brass flying machine on an imagined Victorian airfield. Build what you can imagine. Explore 3 font systems ↗
02 / Motion Systems ○ Motion offNine GSAP systems and two page-mapped WebGL transitions. Choose the rhythm of your pages, headings and details. Mix any motion system with any design and color theme.
01 / Atmospheric ✓ ◌ Quiet Dissolve Soft crossfades. The page settles without moving. 02 / Directional ↗ → Editorial Glide Pages travel sideways; headings arrive in counterpoint. 03 / Reveal ↗ ↑ Rising Curtain A clean lower edge rises to uncover the next scene. 04 / Rhythmic ↗ ▥ Five Shutters Five offset panels open in a crisp, measured sequence. 05 / Radial ↗ ◎ Open Iris A circular aperture opens outward from the center. 06 / Dimensional ↗ ◩ Turning Folio A page pivots on its spine with a shallow paper perspective. 07 / Spatial ↗ ▱ Depth of Field A directional zoom that reverses when you go back. 08 / Typographic ↗ Aa Type Cascade Words rise and rotate into a readable editorial rhythm. 09 / Linear ↗ ⌁ Drawn in Ink Rules and ornamental paths draw before the words settle. 10 / WebGL + GSAP ↗ ◫ WebGL Page Fold The page itself bends around a moving fold and turns into the next page. 11 / WebGL + GSAP ↗ ◯ Bubble Wave The page rises into one smooth bubble, then settles as the next page fades in.
LIVE MOTION STUDY
Quiet Dissolve Replay transition ↻ Compare motion systemsQuiet Dissolve Editorial Glide Rising Curtain Five Shutters Open Iris Turning Folio Depth of Field Type Cascade Drawn in Ink WebGL Page Fold Bubble Wave Changes apply across AIDRP.
AIDRP / IN MOTION Ideas into Your direction. Your rhythm.
01: Quiet Dissolve Motion is off. This is the complete, still composition. Turn motion on to preview transitions.
Motion off keeps everything visible. Device reduced-motion preferences are respected unless you explicitly turn motion on.
03 / Effects Design Surface & imagery Explore effects in a bounded image preview. Effects Design is independent of your design system, palette, and page transition.
Still surface Keep the page and images undistorted. Liquid Media Try cursor-driven liquid ripples in the image study. Starts off on every visit.
Liquid Media / an isolated image study. Liquid intensity Try Liquid Media ↗
Motion is off. The page and images remain still.
04 / Color themes & personal colors ← →
Every palette works with every design system. Changing color keeps your typography, composition and motion system.
DESIGN COLORS The Intergalactic Commons Using native colors
Use native colors ↶ Light mode Dark mode
Indigo Teal Studio Ivory
All design colorways · 64 palettes Orbital Porcelain Deep Space & Copper Distant Shore Botanical Cabinet The Private Press Peacock Glass Porcelain & Cinnabar Glasgow Rose Peacock & Brass Champagne & Ink Jade & Pearl Rose & Aubergine Ivory & Ocean Silver & Oxblood Golden Modern Burgundy & Newsprint Utility & Navy Steel & Signal Turquoise & Chrome Coral Drive-In Butter & Pistachio Poppy & Petrol Mod Teal Space Age Violet Walnut & Harvest Gold Avocado Living Rust & Rose Neon After Dark Electric Blue Memphis Sun Teal & Ultraviolet Concrete & Cherry Digital Lime Silver & Cobalt Lime & Chrome Digital Candy Cloud & Coral Mint Studio Sky & Slate Stone & Terracotta Eucalyptus & Lavender Soft Peach & Cobalt Brass & Petrol Copper Workshop Electric Violet Glasgow Rose Peacock & Brass Jade & Pearl Rose & Aubergine Citron / Charcoal Oxblood / Parchment Ice / Midnight Antique Gold / Ebony Turquoise / Tomato / Cream Forest / Ochre / Parchment Ink / Warm Ivory Crayon / Paper Terminal / Mint Phosphor / Deep Green Amethyst / Pearl Paper / Soft Charcoal
18 original platform palettes Charcoal Ivory Teal Studio Warm Brown Dark Red Crimson Dark Blue Indigo Grape Pink Candy CandyLand Yellow + Brown Slate Graphite Forest Aubergine Sandstone Marine Steel
Your custom palettes Orbital Porcelain · dark
Fine-tune every color
05 / Font pairing 03 / 15 ← Adobe · Literary Neue Haas Unica + Warbler Text
→ Room for a story. A practical method. A different perspective. Something unmistakably yours.
Light modern headings and a crafted literary serif for generous, immersive reading. ZL standard · Avant Garde Explore Adobe Fonts ↗ Start with the ZL standard, select a curated Adobe pairing, or combine heading and reading fonts below. Adobe choices available here are ready to use on AIDRP.
01 / ZL standard ↗ AaAa ZL Avant Garde 02 / Adobe · Editorial ↗ AaAa Warbler Text 03 / Adobe · Literary ✓ AaAa Neue Haas Unica 04 / ZL · Literary ↗ AaAa Cormorant Garamond 05 / Typewriter ↗ AaAa Special Elite 06 / Futuristic ↗ AaAa Orbitron 07 / Modern ↗ AaAa Urbanist 08 / 1950s · Diner ↗ AaAa Pacifico 09 / 1970s · Groove ↗ AaAa Caprasimo 10 / 1800s · Print ↗ AaAa Bodoni Moda 11 / 1980s · Neon ↗ AaAa Monoton 12 / 1920s · Art Deco ↗ AaAa Josefin Sans 13 / Gallery ↗ AaAa Raleway 14 / 1990s · Digital ↗ AaAa VT323 15 / Storybook ↗ AaAa EB Garamond
Heading fontZL Avant Garde Neue Haas Unica Warbler Text Berthold Baskerville Pro Barlow Barlow Condensed Exo 2 Open Sans Geist Goudy Bookletter 1911 Manrope Inter DM Sans Plus Jakarta Sans IBM Plex Sans Source Sans 3 Public Sans Work Sans Figtree Outfit Mulish Noto Sans Newsreader Source Serif 4 DM Serif Display Lora IBM Plex Serif Literata Libre Baskerville Fraunces Crimson Pro Cormorant Garamond Merriweather Noto Serif Balsamiq Sans Patrick Hand JetBrains Mono Share Tech Mono IBM Plex Mono Space Grotesk Lato Bodoni Moda Space Mono Jost Raleway Urbanist Tenor Sans EB Garamond Cooper Black Std Futura PT Demi ITC Benguiat Eurostile Medium Old Standard TT Abril Fatface Fugaz One Gruppo League Gothic Shrikhand Bungee Archivo Black Michroma Rajdhani Montserrat Playfair Display Bricolage Grotesque Instrument Serif Poiret One Della Respira Amarante Italiana Libre Caslon Display Special Elite Orbitron Syne Pacifico Caprasimo Monoton Limelight Oswald VT323 Grenze Gotisch Josefin Sans Reading fontZL Avant Garde Neue Haas Unica Warbler Text Berthold Baskerville Pro Barlow Barlow Condensed Exo 2 Open Sans Geist Goudy Bookletter 1911 Manrope Inter DM Sans Plus Jakarta Sans IBM Plex Sans Source Sans 3 Public Sans Work Sans Figtree Outfit Mulish Noto Sans Newsreader Source Serif 4 DM Serif Display Lora IBM Plex Serif Literata Libre Baskerville Fraunces Crimson Pro Cormorant Garamond Merriweather Noto Serif Balsamiq Sans Patrick Hand JetBrains Mono Share Tech Mono IBM Plex Mono Space Grotesk Lato Bodoni Moda Space Mono Jost Raleway Urbanist Tenor Sans EB Garamond Cooper Black Std Futura PT Demi ITC Benguiat Eurostile Medium Old Standard TT Abril Fatface Fugaz One Gruppo League Gothic Shrikhand Bungee Archivo Black Michroma Rajdhani Montserrat Playfair Display Bricolage Grotesque Instrument Serif Poiret One Della Respira Amarante Italiana Libre Caslon Display Special Elite Orbitron Syne Pacifico Caprasimo Monoton Limelight Oswald VT323 Grenze Gotisch Josefin Sans
Swap heading and text ↔ Use ZL standard