Wanilla brand assets & style guide

    Everything you need to represent Wanilla correctly — the app icon, logo lockups, colour tokens, typography and usage rules. Free to use for press, partner pages, integration directories and customer case studies.

    Logos & icon

    Wanilla App icon (SVG)

    App icon (SVG)

    Primary mark. Use on light surfaces at 22% corner radius when squared.

    Download
    Wanilla Primary logo (PNG)

    Primary logo (PNG)

    Default lockup for light backgrounds and documents.

    Download
    Wanilla Dark logo (PNG)

    Dark logo (PNG)

    For light or photographic backgrounds needing maximum contrast.

    Download
    Wanilla White logo (PNG)

    White logo (PNG)

    Reversed lockup for dark backgrounds and video end cards.

    Download

    Colour

    Wanilla is monochrome by default. The iridescent blue-to-pink gradient is reserved for interactive highlights, status indicators and the icon's tint layer.

    Ink

    #141414

    --foreground / --primary

    Paper

    #FFFFFF

    --background

    Surface

    #F5F5F5

    --muted / --secondary

    Line

    #E8E8E8

    --border

    Iridescent Blue

    #40BAFF

    Accent gradient start

    Iridescent Pink

    #FFA4FB

    Accent gradient end

    Iridescent gradient — linear-gradient(135deg, #40BAFF, #FFA4FB), typically at 25% opacity over white.

    Typography

    Space Grotesk

    Headings and the wordmark. Weights 500–700. Tight tracking, sentence case.

    Inter

    Body copy, UI labels and long-form content. Weights 400–700.

    Usage rules

    Do

    • • Keep clear space around the mark equal to the height of the icon's inner cube.
    • • Use the SVG icon wherever possible — it stays crisp at every size.
    • • Place the mark on plain white, near-white, or solid ink backgrounds.
    • • Write the name as “Wanilla” — capital W, everything else lowercase.
    • • Use the iridescent gradient only as a highlight, never as a page background.

    Don't

    • • Don't recolour, outline, or add shadows and glows to the mark.
    • • Don't stretch, rotate, or crop the icon or lockup.
    • • Don't place the mark on busy imagery or low-contrast colour.
    • • Don't write “WANILLA”, “wanilla”, or “Vanilla”.
    • • Don't recreate the wordmark in another typeface.

    Naming & boilerplate

    Name: Wanilla (legal entity: Wanilla Ltd, registered in England & Wales).

    One line: Wanilla is the managed App Store launch and growth partner for apps built with AI coding tools.

    Short boilerplate: Wanilla turns AI-generated web apps into real App Store businesses. We publish your app to iOS with real native modules, add StoreKit subscriptions, paywalls and push notifications, then run ASO and monetisation — without rebuilding your codebase.

    Questions or a custom asset request? hello@wanilla.co