1. Buttons

    Primary (Gradient Fill)

    Secondary / Ghost

    App Buttons

    Confirm

    Cancel

    Add

    Toggle

    2. Card Patterns

    Campaign Card (Reference Example)

    Example from the reference image — a project card with title, badge, metadata, search, and status badges.

    VARTA Campaign Q3

    Transcreation

    4 markets · 12 segments · Localization

    3 confirmed
    1 in review

    Selectable Cards

    Translation

    LITERAL & PRECISE

    Localization

    ADAPTIVE & NATURAL

    Transcreation

    CREATIVE & RE-IMAGINED

    Flat Cards

    Brand level

    Rules that never change — terminology, tone, and constraints applied everywhere.

    Market level

    Regional adaptations that respect global standards while fitting local norms.

    Accordion Cards

    3. Form Fields

    Input Fields

    Search Field

    Textarea

    4. Badges & Status Indicators

    Status Badges

    DRAFT
    REVIEW
    COMPLETED
    ERROR
    Transcreation
    Confirmed

    System Status Indicators

    Online
    Active
    Offline

    Progress / Usage Bar

    Segment Usage24%

    Reset in 12 days

    5. Alert & Info Banners

    Info Callout

    Market Insights Found

    4 Glossary Terms and Style Rules are active for these markets.

    Pro Tip

    Pro Tip: Add a creative brief to improve transcreation quality by up to 40%.