diff --git a/design/brand/logo/logo.composition.tsx b/design/brand/logo/logo.composition.tsx
index d4b7878..9f1d766 100644
--- a/design/brand/logo/logo.composition.tsx
+++ b/design/brand/logo/logo.composition.tsx
@@ -1,6 +1,8 @@
 import React from 'react';
 import { Logo } from './logo';
 
-export const PortfolioLogo = () => (
-  <Logo />
+export const PortfolioLogo = () => <Logo />;
+
+export const ColoredLogo = () => (
+  <Logo backgroundColor="green" textColor="red" />
 );