atbio.me Brand Guide

1. Introduction & Purpose

This Brand Guide serves as the definitive resource for understanding and applying the atbio.me brand identity. It ensures consistency across all communications, products, and partnerships, helping us collectively build a strong, recognizable, and trusted presence. Adhering to these guidelines is crucial for both internal teams and external partners to maintain a unified and impactful brand experience.

2. Our Brand Story & Mission

In a world where professional identities are fragmented across countless platforms, atbio.me empowers individuals to unify their entire online presence. We believe that every multifaceted professional, creator, and freelancer deserves a dynamic platform to showcase their complete story, connect with meaningful opportunities, and continuously grow.

Our Mission: To create economic opportunity for every member of the global workforce by enabling them to unify their digital identity, tailor their professional narrative for any context, and leverage intelligent matching to discover personalized opportunities.

3. Our Core Positioning

atbio.me is the Intelligent Digital Identity Management Platform for multifaceted professionals, creators, and freelancers.

Our Slogan: A bio for every opportunity.

4. Our Core Value Proposition

We help you:

• Unify Your Digital Footprint: Consolidate all your links, projects, and professional facets into one dynamic, easy-to-share profile.
• Make Every Introduction Count: Create precision bios that perfectly match the context, making a lasting impression.
• Discover Opportunities with AI: Let relevant jobs, collaborations, and learning paths find you.
• Fuel Your Growth: Access personalized insights and resources to continuously learn, earn, and expand your network.

5. Our Voice & Tone

Our voice is professional, intelligent, empowering, and forward-thinking. We speak with clarity, confidence, and a touch of aspirational optimism.

• Professional: Always respectful, clear, and articulate. Avoid slang, overly casual language, or jargon where simpler terms suffice.
• Intelligent: Reflects our AI capabilities without being overly technical. We are insightful and provide smart solutions.
• Empowering: Focus on what the user can do and achieve with atbio.me. Use active voice.
• Forward-Thinking: Emphasize innovation, growth, and the future of work.
• Concise & Clear: Get straight to the point. Value brevity without sacrificing information.
• Benefit-Driven: Always highlight the “why” for the user.

Examples:

• Instead of: “Our system uses advanced algorithms.”
• Use: “Our AI intelligently matches you with opportunities.”
• Instead of: “You can put all your links here.”
• Use: “Unify your entire digital footprint in one dynamic hub.”

6. Visual Identity

Our visual identity is modern, clean, and professional, with vibrant accents that convey innovation and energy.

6.1. Logo Usage

• Primary Logo: The “atbio.me” text logo (lowercase ‘a’).
• Color Variants:
  • Primary: Soft Teal (#0d9488) on light backgrounds.
  • Secondary: Deep Charcoal / Dark Gray (#374151) for versatility or on light backgrounds where teal might be too light.
  • Light Backgrounds: Lighter Teal (#64CCC5) for specific design elements or as a subtle accent.
• Clear Space: Always maintain adequate clear space around the logo, equal to at least the height of the ‘a’ in ‘atbio.me’.
• Minimum Size: Do not reproduce the logo smaller than 20px height to maintain legibility.
• Do NOT: Stretch, distort, recolor, or modify the logo in any way. Do not place it on busy backgrounds that compromise visibility.

6.2. Color Palette

Our colors are chosen for their modern appeal, vibrancy, and readability.

• Primary Accent:
  • Soft Teal: #0d9488
• Secondary Accent / Action:
  • Muted Orange: #f97316
  • (Hover state for buttons: #ea580c)
• Neutrals / Backgrounds:
  • Main Background: #fdfaf7 (Very Light, Warm Neutral)
  • Card/Content Backgrounds: #ffffff (White)
• Typography Colors:
  • Primary Text: #374151 (Dark Gray)
  • Secondary Text / Subheadings: #4b5563 (Darker Gray)

6.3. Typography

Our typography is clean, highly legible, and professional.

• Primary Font:Inter
  • Used for all body text, headings, and UI elements.
  • Weights: Utilize a range of weights (e.g., Regular 400, Medium 500, Semi-Bold 600, Bold 700, ExtraBold 800) to create hierarchy and emphasis.
• Fallback Font: sans-serif (ensures consistent display across systems).
• Hierarchy:
  • Headlines (H1, H2): Larger, bolder weights of Inter for impact.
  • Subheadings (H3, H4): Medium to semi-bold weights for clear segmentation.
  • Body Text: Regular weight for optimal readability.
  • Call-to-Action Buttons: Semi-bold to bold for prominence.

6.4. Imagery Style

Imagery should be modern, clean, and convey concepts of connection, growth, intelligence, and professionalism.

• Style: Prefer abstract, geometric, or minimalist illustrations and iconography. If using photography, opt for diverse, authentic, and aspirational images of professionals, creators, and freelancers.
• Color Integration: Imagery should complement our color palette, either by incorporating our brand colors or by using a harmonious, clean aesthetic.
• Avoid: Stock photos that look generic, overly complex or cluttered images, and anything that feels dated or unprofessional.

7. Digital Guidelines

7.1. Website & Application Consistency

• Responsive Design: All elements must be fully responsive, adapting seamlessly to desktop, tablet, and mobile devices.
• UI Components: Utilize consistent UI patterns (buttons, forms, cards, modals) as defined in our design system.
• Accessibility: Ensure high contrast for text, proper alt tags for images, and keyboard navigation support.

7.2. Social Media Presence

• Profile Consistency: Use official logos, brand colors (where customizable), and consistent “About Us” descriptions across all social platforms (e.g., LinkedIn, X, Instagram).
• Content Tone: Maintain the atbio.me voice and tone in all posts, comments, and interactions.
• Link Sharing: Always use your canonical atbio.me profile link (atbio.me/yourusername) as the primary link in bios and profiles.

7.3. Username Policy

• Purpose: To provide users with memorable and professional identity URLs.
• Length:
  • Minimum: 3 characters (prevents overly generic or single-character names).
  • Maximum: 25 characters (allows for more descriptive and brandable names, accommodating longer names or keyword combinations).
• Allowed Characters: Alphanumeric characters (a-z, 0-9), underscores (_), periods (.), and hyphens (-).
• Case Insensitivity: Usernames are unique regardless of capitalization (e.g., JohnDoe is the same as johndoe). Display capitalization is user-defined.

7.4. Meta Tags (General Principles)

• Clarity & Keywords: Titles and descriptions should be clear, concise, and include relevant keywords for SEO.
• Social Sharing: Optimize Open Graph (og:) and Twitter Card (twitter:) tags with compelling titles, descriptions, and high-quality images to ensure beautiful previews when shared on social media.
• Robots Tag: Use noindex, follow for functional pages like login/signup to avoid cluttering search results with non-content pages, while still allowing crawlers to follow links.

8. Do’s and Don’ts

DO:

• Use our official logo and color palette consistently.
• Communicate in our professional, intelligent, and empowering voice.
• Emphasize the benefits of atbio.me for the user’s growth.
• Ensure all content is clear, concise, and easy to understand.
• Promote atbio.me as a powerful complement to existing professional tools.

DON’T:

• Distort, recolor, or alter the logo.
• Use off-brand colors or fonts.
• Use overly casual, technical jargon, or negative language.
• Position atbio.me as a direct replacement for LinkedIn or other established platforms.
• Create marketing materials that are cluttered or difficult to read.

By adhering to this guide, we ensure that every interaction with atbio.me reinforces our brand promise and delivers a consistent, high-quality experience to our users and partners.