Fastgen Brand Identity

A complete profile of Fastgen's visual system — colors, typography, components, and personality.

Quick Facts

Color Palette

• primary: #000000
• accent: #000000
• background: #F5F5F5
• textPrimary: #000000
• link: #000000

Typography

• primary: Graphik — Graphik Font
• heading: Graphik — Graphik Font

Visual Assets

• Favicon:

Brand Personality

Tone: professional · Energy: medium · Audience: unknown

Fastgen Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

• Fastgen Hackathon Winner Announcement
  • Image:
  • Source: Hackathon Winner Announcement
• Product Hunt x Fastgen Hackathon Winner Announcement
  • Image:
  • Source: Product Hunt Announcement
• Fastgen Launch Week Day 4
  • Image:
  • Source: Launch Week Day 4
• Fastgen - Slack, Sendgrid, Twilio & ChatGPT Integration
  • Image:
  • Source: Integration Announcement
• Fastgen - Logging
  • Image:
  • Source: Logging Announcement

Working with these fonts

Not found on Google Fonts? Instructions for using the fonts:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font".
3. Hard-reload the page and click around to capture font URLs.
4. Right-click → Save As to download the font files.
5. View the page's CSS and extract @font-face declarations.

Only do this if you have permission to use the brand assets.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
   {
     "family": "Graphik",
     "count": 5
   },
   {
     "family": "sans-serif",
     "count": 5
   }
 ],
 "colors": {
   "primary": "#000000",
   "accent": "#000000",
   "background": "#F5F5F5",
   "textPrimary": "#000000",
   "link": "#000000"
 },
 "typography": {
   "fontFamilies": {
     "primary": "Graphik",
     "heading": "Graphik"
   },
   "fontStacks": {
     "body": [
       "Graphik",
       "sans-serif"
     ],
     "heading": [
       "Graphik",
       "sans-serif"
     ],
     "paragraph": [
       "Graphik",
       "sans-serif"
     ]
   },
   "fontSizes": {
     "h1": "50px",
     "h2": "50px",
     "body": "17.6px"
   }
 },
 "spacing": {
   "baseUnit": 8,
   "borderRadius": "0px"
 },
 "components": {},
 "images": {
   "logo": null,
   "favicon": "https://app-assets.website-files.com/static/favicon_designer.88fce7c7f8.png",
   "ogImage": null
 },
 "personality": {
   "tone": "professional",
   "energy": "medium",
   "targetAudience": "unknown"
 },
 "designSystem": {
   "framework": "unknown",
   "componentLibrary": ""
 },
 "confidence": {
   "buttons": 0,
   "colors": 0,
   "overall": 0
 }
}