co.dev Brand Identity

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

Quick Facts

Color Palette

• primary: #2F855A
• accent: #2F855A
• background: #000000
• textPrimary: #FFFFFF
• link: #2F855A

Typography

• primary: Walsheim — https://fonts.google.com/specimen/Walsheim
• heading: Walsheim — https://fonts.google.com/specimen/Walsheim

UI Components

• input: background=#171717, textColor=#FFFFFF, borderColor=#525252, borderRadius=14px, shadow=none
• buttonPrimary: background=#2F855A, textColor=#FFFFFF, borderRadius=8px, shadow=none
• buttonSecondary: background=#000000, textColor=#FFFFFF, borderRadius=8px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: developers and tech startups

co.dev Brand in the Wild

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

• Upload Images in Codev
  • Image:
  • Source: https://www.co.dev/blog/upload-feature
• New Theme Feature
  • Image:
  • Source: https://www.co.dev/blog/theme-feature
• Code Download - Codev Blog
  • Image:
  • Source: https://www.co.dev/blog/code-download

Working with these fonts

Not found on Google Fonts? Here are steps to follow if you have permission to use 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 any additional weights.
4. Download the font files from captured URLs.
5. View the page's CSS and copy out matching @font-face declarations.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
     {
         "family": "Walsheim",
         "role": "body"
     }
 ],
 "colors": {
     "primary": "#2F855A",
     "accent": "#2F855A",
     "background": "#000000",
     "textPrimary": "#FFFFFF",
     "link": "#2F855A"
 },
 "typography": {
     "fontFamilies": {
         "primary": "Walsheim",
         "heading": "Walsheim"
     },
     "fontStacks": {
         "heading": [
             "Walsheim",
             "Arial",
             "Helvetica",
             "sans-serif"
         ],
         "body": [
             "Walsheim",
             "Arial",
             "Helvetica",
             "sans-serif"
         ],
         "paragraph": [
             "Walsheim",
             "Arial",
             "Helvetica",
             "sans-serif"
         ]
     },
     "fontSizes": {
         "h1": "100px",
         "h2": "52px",
         "body": "24px"
     }
 },
 "spacing": {
     "baseUnit": 4,
     "borderRadius": "0px"
 },
 "components": {
     "input": {
         "background": "#171717",
         "textColor": "#FFFFFF",
         "borderColor": "#525252",
         "borderRadius": "14px",
         "borderRadiusCorners": {
             "topLeft": "14px",
             "topRight": "14px",
             "bottomRight": "14px",
             "bottomLeft": "14px"
         },
         "shadow": "none"
     },
     "buttonPrimary": {
         "background": "#2F855A",
         "textColor": "#FFFFFF",
         "borderRadius": "8px",
         "borderRadiusCorners": {
             "topLeft": "8px",
             "topRight": "8px",
             "bottomRight": "8px",
             "bottomLeft": "8px"
         },
         "shadow": "none"
     },
     "buttonSecondary": {
         "background": "#000000",
         "textColor": "#FFFFFF",
         "borderRadius": "8px",
         "borderRadiusCorners": {
             "topLeft": "8px",
             "topRight": "8px",
             "bottomRight": "8px",
             "bottomLeft": "8px"
         },
         "shadow": "none"
     }
 },
 "images": {
     "logo": null,
     "favicon": "https://www.co.dev/favicon.ico",
     "ogImage": "/images/preview.png"
 },
 "personality": {
     "tone": "modern",
     "energy": "medium",
     "targetAudience": "developers and tech startups"
 },
 "designSystem": {
     "framework": "custom",
     "componentLibrary": ""
 },
 "confidence": {
     "buttons": 0.95,
     "colors": 0.9,
     "overall": 0.925
 }
}