Design System

Ultimez Components

Every token, primitive and section that builds the website — plus an index of the screens.

Colors
brand-0#000274
brand-1#0003aa
brand-2#8081d5
brand-3#cccdee
brand-4#f2f2fb
footer#10069f
text#000124
pastel-pink#ffebef
pastel-violet#f9f1ff
pastel-green#f2ffe8
pastel-indigo#ededff
Accent gradient
linear-gradient(87deg, #09ffb5, #fff066)
Typography · Onest
Display / H1 · 30px / 400Creating content
Heading / H3 · 24px / 400Card headline
Card title · 20px / 600Clear Goals
Eyebrow · 20px / 400Key Considerations
Body · 16px / 400Supporting copy for a section.
Button / Label · 14px / 700BOOST YOUR MARKETING
Buttons
Section heading
Our Expertise

Two-tone headline

Tag pill
GuideNews
Info cards (tones)

Clear Goals

Actionable strategies for measurable outcomes.

USP

Define the voice that sets you apart.

Audience

Build authentic, lasting connections.

Analytics

Track, optimize and repeat.

Service chip
Search Engine Optimization
Screens
HomeLanding + solutions indextemplatedWho We AreStory, stats & valuestemplatedOur CultureCulture pillars & perkstemplatedHackathonEvent, tracks & timelinetemplatedDigital Marketing1:1 from FigmafaithfulSoftware DevelopmentSolutions templatetemplatedWebsite DesigningSolutions templatetemplatedApp DevelopmentSolutions templatetemplatedBrandingSolutions templatetemplatedHire ResourcesSolutions templatetemplated