Skip to content
KR.
DPK.bg

DPK.bg · Logo and website

A company platform, from its symbol to its sign-up

I designed the logo and the website for DPK.bg, an online platform for running a ДПК, a Bulgarian company with variable capital, from registration onwards.

The site is live at dpk.bg, where the client has since changed the design. The pictures here are the design file's.

Role
Designer — logo and website
Scope
Symbol, three lockups, marketing pages, sign-in and account
Widths
Desktop (1920), homepage at 360
Status
Website launched; since changed by the client
The DPK.bg homepage's first screen: the logo and navigation with Вход and a blue Регистрация button, the eyebrow “Твоето дружество с”, the headline “Променлив Капитал.” with a blue full stop, two buttons, and three cards over a pale blue wireframe
Design file: the homepage's first screen. The line under the headline and the cards are the file's placeholders.

01 · The project

The project

DPK.bg describes the ДПК as a company form that combines the advantages of a limited company and a joint-stock company, made for start-ups. The platform registers one and then runs it: share transfers without a notary, the shareholder register, documents and online general meetings.

The design file holds the identity — the symbol and three lockups, each drawn for a light and a dark ground — and the website: the homepage, the product page in two versions, about, FAQ, contact, sign-in, registration and the account, at 1920, with the homepage at 360.

02 · Design decisions

Design decisions

  1. 01

    An arrow made of what two squares leave

    The symbol is two blue squares: a frame, and a solid block stepped out of its lower left. The block covers most of the frame's opening, and what it leaves uncovered — the top and right strips, and a diagonal channel cut into the block — reads as a white arrow pointing up and out.

    The file draws three lockups around it. The first is the wordmark alone, with a D whose stem is cut away from its top bar on a slant. The second sets the symbol beside DPK in Inter Bold. The third combines them: the symbol, the drawn D, and P, K and .bg in Inter. Each comes in a light and a dark cut; on dark, the arrow is filled white rather than left open.

    Symbol · light
    Symbol · dark
    ver 1 · the wordmark
    ver 2 · symbol and Inter
    ver 3 · combined

    Drawn from the design file's vectors · The symbol on its two grounds, then the three lockups in the order the file numbers them.

  2. 02

    The headline names the company form

    The homepage opens on the legal form itself: "Твоето дружество с Променлив Капитал." — your company with variable capital — with its full stop set in the brand blue, the same blue dot that starts the logo's .bg. Two buttons follow: create and manage, and the product.

    The homepage, the product page and the about page close on the same blue band, "Готови ли сте да започнете? Опитайте DPK днес!" — ready to start? Try DPK today — with the same create-and-manage button, in white.

    The closing band: “Готови ли сте да започнете? Опитайте DPK днес!” in white on the brand blue, with a white button, Създай и управлявай
    The closing band · 1920
    The DPK.bg homepage at 360: the logo and a menu button, the eyebrow “Твоето дружество с”, the headline “Променлив Капитал.” with a blue full stop, a placeholder line, and the button Създай и управлявай
    Homepage · 360

    Design file · The closing band at 1920, and the homepage's first screen at 360. The desktop first screen is at the top of this page; the line under the headline is the file's placeholder.

  3. 03

    Registration asks who is registering first

    The registration card opens on one choice before any field: Лице, the kind of person registering — the account page shows it filled in as Физическо лице, a natural person. Email, phone and a password typed twice follow, then the blue button, and an outlined one to continue as a guest.

    Sign-in is the same card with fewer fields: email and password, remember me and a forgotten-password link, the blue button, and the same guest option under it.

    The registration card, “Регистрирай се”: a select for Лице, the kind of person registering, then email, phone, password and password again, a blue register button and an outlined button to continue as a guest
    Registration
    The sign-in card, “Влезте в акаунта си”: email and password, remember me and a forgotten-password link, a blue sign-in button and an outlined button to continue as a guest
    Sign-in

    Design file · Registration and sign-in, cropped to their cards.

  4. 04

    An account that counts in credits

    The account has two tabs: personal information and the wallet. The wallet leads with the balance in credits, set in the brand blue, and three outlined buttons beside it to buy 10, 20 or 50 more.

    Under a rule, the payment history lists each purchase by its number of credits, the amount in leva, its status and the date of the order.

    The wallet tab of the DPK.bg account: the tabs Лична информация and Портфейл, the balance “8 Кридита” in blue, buttons to buy 10, 20 or 50 credits, and a payment history of four rows, each 20 credits for 35,00 BGN, completed, on 7 February 2024

    Design file · The wallet tab, without the profile card beside it. The four rows repeat the file's one sample purchase.

03 · What I delivered

What I delivered

A symbol and three lockups, each in a light and a dark cut; and the website at 1920 — the homepage, the product page in two versions, about, FAQ, contact, sign-in, registration and the account with its credits wallet — with the homepage at 360.

04 · What I would revisit

What I would revisit

The pages run on four typefaces: Exo 2 for the Bulgarian headlines and forms, Poppins in the navigation and footer, Montserrat on some of the form labels and DM Sans in the FAQ — five with the logo's Inter. I would set the whole site in Exo 2 and keep Inter for the logo, so the letters a visitor reads come from one family.

I would also replace the footer before handoff. It still carries a template's English — "We growing up your business with personal AI manager", with links to an AI business writer — under a Bulgarian site about company law.

Project note

The pictures are the design file's own frames. Much of the page copy in the file is still placeholder, and the captions say where. The live site at dpk.bg carries a later design that the client changed after handover. The account is shown without its profile card, which holds a company's details.

05 · Explore the system

Explore the system

One blue carries the symbol, the buttons and the accents; graphite carries the logo's letters; the pages sit on a cool off-white.

Colour and typography4 colours · Exo 2, 5 weights
Blue
#4F4FFFThe symbol, .bg, the buttons and the closing band. 5.39:1 on white, and white on it reads the same.
Ground
#F6F7F9The page ground behind the white cards and forms.
  • Graphite#282828The lockup's letters, and the ground of its dark cut. 14.74:1 on white.
  • Ink#202020Headings and body text on the pages. 15.20:1 on the page ground.

Hex values and type styles read from the design file's frames; ratios measured against the ground named beside them.

Exo 2

  • Light
  • Regular
  • Medium
  • SemiBold
  • Bold

The pages' Bulgarian copy — the headlines, the forms and the account — is set in Exo 2. The navigation and the footer are Poppins, and the logo's letters are Inter.

Display · Bold 110

Променлив Капитал.

Band · Bold 40

Опитайте DPK днес!

Form · Regular 16

Въведете вашата парола

Full page designsthe homepage, end to end · 4 more pages
The DPK.bg homepage end to end: the hero “Твоето дружество с Променлив Капитал.”, three cards, two feature rows, an FAQ accordion, the blue closing band and the footer

Design file · The homepage end to end. The cards, the feature rows and the FAQ still carry the template's placeholder copy.

The DPK.bg product page, second version: a headline beside an illustration of the platform with a calendar and a list of people with check marks, two figure cards, three tabs over a panel of charts, a feature row, and the footer
Design file · The product page, second version. The headlines, figures and charts are the file's placeholders.
The DPK.bg about page: the heading За нас, a section headed “Ние едва започваме нашето пътуване” with four figures, a row of partner logos, six values with icons under “Как работим в DPK”, the blue closing band and the footer
Design file · About. The figures, the partner logos and the values are the file's placeholders.
The DPK.bg FAQ page: the heading Често задавани въпроси (FAQ), three topic tabs with the first one active in blue, and an accordion of six questions with the first one open
Design file · FAQ. The topics and questions are the file's placeholders.
The DPK.bg contact page: the heading Свържете се с нас! with an email, a phone and an address on the left, and a form for name, email, phone, company and message with a blue send button
Design file · Contact. The details on the left are a template's placeholders, and the phone field's sample number is blanked out here.