GoBanana
Language: العربيةSign in
Add to Claude

Real briefs. Real references.

Each board is one brief, bent into directions, with the references a live search found for one of them.

Made on 2026-10-12 with the real engine: 45 live image searches, then picked by eye.

  1. Brieflaunch page for an AI note-taking startup

    • Website
    • Boldness 4 of 5

    Direction

    An AI note-taking launch laid out like a botanical specimen sheet

    Twist house rule: every other section inverted

    Signature
    The hero section built like a botanical specimen sheet.
    Type
    A classic book serif for display at clamp(48px, 8vw, 120px), a plain sans for body at 18px.
    Color
    Warm amber glow on deep brown; text at 4.5 to 1 contrast or more.
    Layout
    Every other section flips to inverted color, on a 12 column grid with fluid type.
    Texture
    A soft paper grain on flat color.
    Motion
    Soft 250ms eases, like paper settling, and none with reduced motion on.
    Avoid
    A hero with no clear first action. Body text wider than 75 characters. Scroll jacking.

    Other directions from the same bend

    • An AI note-taking launch in soap bubble film
    • An AI note-taking launch in Googie 1958
    • An AI note-taking launch as a newsprint paper gig poster

    Art direction 4

    UI references 8

    A dark nav over an editorial serif hero, specimens as cards, the index list as proof, the menu as a footer.

    Nav from siteinspire.com (opens in a new tab)
    Hero from dribbble.com (opens in a new tab)
    Cards from httpster.net (opens in a new tab)
    Content from httpster.net (opens in a new tab)
    Features from dribbble.com (opens in a new tab)
    Footer from httpster.net (opens in a new tab)
    Parts and sources
    1. Nav Input Logic, siteinspire.com (opens in a new tab) Pill nav and one call to action on the right.
    2. Hero Editorial Hero Section for Photography Studio Website, dribbble.com (opens in a new tab) Serif and italic headline next to one photo.
    3. Cards Wootten: Cordwainer & Leather Craftsmen, httpster.net (opens in a new tab) Each feature pinned like a specimen.
    4. Content YCN Studio, httpster.net (opens in a new tab) The index list, as the proof column.
    5. Features AI Website Builder Landing Page UI, dribbble.com (opens in a new tab) Keep the grid, swap the icons for line drawings.
    6. Footer Josephmark, httpster.net (opens in a new tab) The menu set huge, as the last screen.

  2. Briefmeditation app onboarding on iPhone

    • Mobile app
    • Boldness 3 of 5

    Direction

    Meditation onboarding on marbled paper, dyed like Indonesian batik

    Signature
    The onboarding framed by Indonesian batik patterns.
    Type
    A neutral neo-grotesk for display at 34px, the same family for body at 17px.
    Color
    Pale butter yellow and soft blush on white; accents from Indonesian batik, text at 4.5 to 1 or more.
    Layout
    4 column grid, 16px margins, key actions in the thumb zone, a tab bar or bottom sheet.
    Texture
    Swirled marbled paper as endpapers behind content; text sits on solid panels, never on the texture.
    Motion
    Slow 500ms reveals and one scroll-driven scene on entry, and none with reduced motion on.
    Avoid
    Text over marbled paper without a solid backing. Tap targets under 44pt. Detail hidden behind hover.

    Other directions from the same bend

    • Meditation onboarding in Web 2.0 gloss 2006
    • Meditation onboarding with giant rubber stamps
    • Meditation onboarding styled like a 1950s mail order catalog

    Art direction 4

    UI references 8

  3. Briefpersonal finance home on iPhone

    • Mobile app
    • Boldness 3 of 5

    Direction

    Personal finance laid out like a topographic map

    Twist no shadows, no depth, start to finish

    Signature
    The card built like a topographic map.
    Type
    A neutral neo-grotesk for display at 34px, the same family for body at 17px.
    Color
    Pale butter yellow and soft blush on white; text at 4.5 to 1 contrast or more.
    Layout
    Flat planes, no shadows or depth, on a 4 column grid with 16px margins and actions in the thumb zone.
    Texture
    A fine print grain and slight ink spread on flat color; text sits on solid panels, never on the texture.
    Motion
    Springy presses with one small overshoot, and none with reduced motion on.
    Avoid
    Tap targets under 44pt. Detail hidden behind hover. Body text under 16px.

    Other directions from the same bend

    • Personal finance in Edwardian 1905, woven like Iranian termeh
    • Personal finance on linen paper
    • Personal finance styled like the 1939 World's Fair

    Art direction 4

    UI references 8

  4. BriefB2B analytics dashboard empty state

    • Web app
    • Boldness 3 of 5

    Direction

    An empty analytics dashboard in liquid mercury

    Twist trimmed with Indian kantha quilts

    Signature
    The empty state rendered in liquid mercury, with real light and shadow.
    Type
    A period display face for display at 28px, a plain sans for body at 14px.
    Color
    Full palette: eucalyptus green, stone and white; text at 4.5 to 1 contrast or more.
    Layout
    Sidebar shell with a 12 column content area, dense tables, full keyboard support.
    Texture
    Mirror-like silver pools with soft reflections; text sits on solid panels, never on the texture.
    Motion
    Springy presses with one small overshoot, and none with reduced motion on.
    Avoid
    Text over liquid mercury without a solid backing. Decoration inside data tables. Motion on live numbers.

    Other directions from the same bend

    • An empty analytics dashboard in molten chrome
    • An empty analytics dashboard laid out like a sneaker box
    • An empty analytics dashboard in Hollywood Regency 1940s

    Art direction 4

    UI references 8

  5. Briefcoffee roaster landing page

    • Website
    • Boldness 4 of 5

    Direction

    A coffee roaster in Memphis 1981, woven like Kuba cloth

    Twist house rule: cards stacked like a deck

    Signature
    The hero section set in the type and color of Memphis 1981.
    Type
    A sturdy grotesk for display at clamp(48px, 8vw, 120px), the same family for body at 18px.
    Color
    Cyan blue base with white line work; accents from Kuba cloth, text at 4.5 to 1 or more.
    Layout
    Cards stack like a deck you swipe through, on a 12 column grid with fluid type.
    Texture
    A woven or stitched pattern as bands and borders; text sits on solid panels, never on the texture.
    Motion
    Short 150ms fades, no decorative motion, and none with reduced motion on.
    Avoid
    A hero with no clear first action. Body text wider than 75 characters. Scroll jacking.

    Other directions from the same bend

    • A coffee roaster in brushed aluminum
    • A coffee roaster woven like Scottish tartan
    • A coffee roaster in chunky knit

    Art direction 4

    UI references 8

    A red wordmark hero, bags as cards from two shops, a dark green review band, a blue footer.

    Nav from dribbble.com (opens in a new tab)
    Hero from siteinspire.com (opens in a new tab)
    Cards from dribbble.com (opens in a new tab)
    Cards from dribbble.com (opens in a new tab)
    Reviews from dribbble.com (opens in a new tab)
    Footer from dribbble.com (opens in a new tab)
    Parts and sources
    1. Nav Tidewell: Coffee Product Page & Checkout, dribbble.com (opens in a new tab) Centred wordmark, cart on the right.
    2. Hero Oma Appel, siteinspire.com (opens in a new tab) The name as the hero, edge to edge.
    3. Cards Landing Page UI Design: Coffee Roasting Business, dribbble.com (opens in a new tab) Bags on colour blocks, one per roast.
    4. Cards Tidewell: Coffee Product Page & Checkout, dribbble.com (opens in a new tab) Bags with name and price under each.
    5. Reviews Landing Page UI Design: Coffee Roasting Business, dribbble.com (opens in a new tab) Three reviews on deep green.
    6. Footer Tidewell: Coffee Product Page & Checkout, dribbble.com (opens in a new tab) A full blue footer with the name in caps.

  6. BriefRamadan offers page for a grocery delivery app

    • Mobile app
    • Boldness 3 of 5
    • Heritage: Sadu weaving

    Direction

    Grocery delivery offers woven like a Sadu textile pattern

    Twist printed on an airmail envelope

    Signature
    The card framed by Sadu textile pattern patterns.
    Type
    A tall condensed sans for display at 34px, a plain sans for body at 17px.
    Color
    Acid yellow and electric green on white; accents from Sadu textile pattern, text at 4.5 to 1 or more.
    Layout
    4 column grid, 16px margins, key actions in the thumb zone, a tab bar or bottom sheet.
    Texture
    A woven or stitched pattern as bands and borders; text sits on solid panels, never on the texture.
    Motion
    Quick 150ms snaps with one bounce on success, and none with reduced motion on.
    Avoid
    Tap targets under 44pt. Detail hidden behind hover. Body text under 16px.

    Other directions from the same bend

    • Grocery delivery offers patterned like a diamond weave motif
    • Grocery delivery offers patterned like Bedouin tent weaving
    • Grocery delivery offers patterned like woven triangle motifs

    Art direction 4

    UI references 8

Inspiration shown with links to the original work. Want yours removed?