Brand Guide
Formation
Confirmed values are approved Brand Profile constraints. Items labeled Reference or Inferred are supporting context, not hard brand rules.
Logo & Identity
Confirmed
Primary logo
Confirmed
SVG · 119×20 https://formation.dev/_next/static/media/fulllogo-inverted.32mwfyfvvxjg6.svg
Open Original ↗
Mark logo
Confirmed
PNG · 180×180 https://formationdev.s3.us-west-2.amazonaws.com/favicon-apple-touch-icon.png
Open Original ↗
These website-sourced logo files were explicitly confirmed in onboarding. Client-provided SVG or transparent full-resolution PNG files should replace them when available.
Colors
ConfirmedBackground
#FFFFFFPrimary
#0E63F6Text
#121D28Surface
#E8E8E9Typography
ConfirmedIBM Plex Sansdisplay
.875remheading
1.25rembody
1.125remcta
Imagery
Confirmed directionIllustration / Graphics
Confirmedclean line-based illustration/graphic treatment with simple geometry, restrained detail, and brand-color accents.
Image Treatment
Confirmedavoid unapproved filters, arbitrary color shifts, and visual treatments that conflict with the confirmed website references.
Approved visual assets
Sharpen where it counts
Confirmed
PNG · 888×830 https://formation.dev/_next/static/media/home_efficient.41cby9vzkyb30.png
Open Original ↗
Then close the offer
Confirmed
PNG · 1090×800 https://formation.dev/_next/static/media/home_support.2qlyv2bobkw_w.png
Open Original ↗
Website image reference
Confirmed
SVG · 25×20 https://formation.dev/_next/static/media/icon_twitter.43pdvgap0_4xi.svg
Open Original ↗
Website image reference
Confirmed
SVG · 25×25 https://formation.dev/_next/static/media/icon_linkedin.1te3ytpxsextr.svg
Open Original ↗
Website image reference
Confirmed
SVG · 24×24 https://formation.dev/_next/static/media/icon_facebook.2obmrsr_qhe95.svg
Open Original ↗
Components
ConfirmedCorner styles
CTA language
Creative Rules
Approved rulesDo
- Keep illustration treatments consistent with the confirmed line/graphic style.
- Use only confirmed brand colors for major visual accents and UI elements.
Don't
- Do not introduce unapproved colors, filters, or visual treatments.
References
SourcesPrimary website
https://formation.dev/Confirmed sourceOpen source ↗
Sharpen where it counts
https://formation.dev/_next/static/media/home_efficient.41cby9vzkyb30.pngConfirmed sourceOpen source ↗
Then close the offer
https://formation.dev/_next/static/media/home_support.2qlyv2bobkw_w.pngConfirmed sourceOpen source ↗
Website image reference
https://formation.dev/_next/static/media/icon_twitter.43pdvgap0_4xi.svgConfirmed sourceOpen source ↗
Website image reference
https://formation.dev/_next/static/media/icon_linkedin.1te3ytpxsextr.svgConfirmed sourceOpen source ↗
Website image reference
https://formation.dev/_next/static/media/icon_facebook.2obmrsr_qhe95.svgConfirmed sourceOpen source ↗