Posts | Rivant Media

Profile at size

The account as an iPhone draws it, life-size and to the point. The bio, the note over the avatar, the buttons and the counts are all lines in one data file.

rivantmedia

Just curious...

Rivant MediaVerification pending

9posts

191followers

39following

Media agency

Elevate Your Brand with Creativity

Stand Out from the Crowd

Rivant Media Solutions Pvt. Ltd., Navi Mumbai (New Mumbai), India

www.behance.net/rivantmedia

@rivantmedia

Professional dashboard

507 views in the last 30 days

New
Clients
BTS 🎬
Promo
Work

An iPhone 16 Pro is 393 × 852 points, 1179 × 2556 device pixels at 3×. The replica draws one point as one CSS pixel, so on a screen wide enough to hold it this phone is life-size: hold your own beside it. Tap a tile to open the post; the chevron brings you back.

The bio line by line

Every word on that screen is a field of profile in src/data/posts.ts. Change a line there and the phone changes with it, which is the whole of the point: a bio can be read at the size a phone will read it at before anybody types it into Instagram.

There is nothing to edit here, and there is not going to be. An editor on this page would be a second, worse Instagram; what is being checked is the words and how they land, not the typing of them.

As the data holds it

Category: Media agencyDim grey, first line under the name. Instagram supplies the list; a business account cannot invent one.
Bio: Elevate Your Brand with CreativityStand Out from the Crowd2 lines at 14pt, one under the other, in paper.
Address: Rivant Media Solutions Pvt. Ltd., Navi Mumbai (New Mumbai), IndiaBlue, because Instagram renders a business address as a link. It is the longest line in the bio and the one that wraps.
Link: www.behance.net/rivantmediaBlue, led by a chain glyph, last line of the bio.
Badge: pendingAfter the name. Pending draws the dashed ring the screenshots have, rather than the blue seal. The other two are none and verified.
Note: Just curious...The bubble over the avatar, with two circles trailing off it. Set it to null and the identity row closes up on its own.
Threads: rivantmediaThe first pill under the bio carries the Threads mark and this handle.
Stats: 9 posts · 191 followers · 39 followingThree figures beside the avatar. The post count is the length of the posts array, so it cannot disagree with the grid.
Dashboard: 507 views in the last 30 daysThe card under the bio, which only a professional account has.
Buttons: Edit profile · Share profile · ContactThree equal buttons. They are drawn and not wired: a control that does nothing is worse than no control.

Nine tiles cropped

Instagram crops every post to a 3:4 tile, so a square post keeps its edges and a portrait one loses its top and bottom. Compose for the tile as well as for the post.

Cropped. Every tile is 130pt × 173.33pt, which is 3:4 and 1015 × 1354 at export size.

1:1
4:5
9:16
4:5
4:5
1:1
4:5
1:1
4:5

Uncropped. Each post at the ratio it was drawn at, in the order the grid puts them. What the grid has taken is the difference between the two columns.

What the crop takes

Instagram cropped the grid to 3:4 in 2024 and did not ask what the post was drawn at. A square loses a quarter of its width, a portrait almost nothing, a reel a quarter of its height. None of it is recoverable, because the tile is the first thing anybody sees.

So a creative is composed twice: once for the post and once for the tile. Whatever matters sits inside the middle three quarters of the axis the crop eats, which is the rule every drawing in src/components/posts/creatives follows.

1:1Loses 25.04% of its width. Square, 1080 × 1080, 3 of 9 posts.
4:5Loses 6.3% of its width. Portrait, 1080 × 1350, 5 of 9 posts.
9:16Loses 24.96% of its height. Full screen, 1080 × 1920, 1 of 9 posts.

Drawn over the artwork

ViewsBottom left · all 9A solid eye and the count. It is on every tile, so whatever is in that corner of a creative is read through it.
CarouselTop right · 2 of 9One card with a second behind it: there is more than one picture in this post.
ReelTop right · 1 of 9The clapperboard, the same glyph as the reels tab. A tile marked with it plays rather than opens.
CollaboratorsTop right · 2 shared, none markedTwo overlapping discs, on a plain post whose byline is shared. The kind wins where there is one, so a shared carousel still shows the cards.
PinnedTop left · 1 of 9A thumbtack, and the tile is lifted to the front of the grid whatever its date.

Each one carries a soft drop shadow, because a creative can be nearly paper and white on white is the failure that makes a replica read as a mock-up.

One post open

The byline a collaborator shares, the caption as it wraps, the counts, and comments that read like comments. This is the view a post is checked in.

rivantmedia and nexus.erp

Navi Mumbai, India

5,840 views

Liked by nexus.erp and 137 others

rivantmedia Nexus ERP ships this month, so we cut the film that explains it. One idea a screen, nothing borrowed, every frame drawn in code. #productfilm #motiondesign #erp

12 September 2026

View all 5 comments

Pinned
nexus.erp Thank you for this. The whole team watched it twice on the call.
2d14 likes
devika.sets The module build on the second slide is lovely. Is that all keyframed?
2d6 likes
View reply (1)
- rivantmedia Written in code, frame by frame. No keyframes anywhere in it.
  2d4 likes
kabir.codes 🔥
1d2 likes
studio.halfline Clean. The pace on the last slide is the bit I would steal.
1d3 likes

Four slides announcing the Nexus ERP product film: the title card, the modules, a screen build and the end card. The carousel holds 4 slides and shows the first of them; the chevron at the top left goes back to the profile.

Captions and their tags

A caption is the caption field of a post in src/data/posts.ts and nothing else. It is written as it will be read, blank line and all: 7 of the 9 captions end with a line of hashtags, kept to one line because hashtags are filing rather than copy.

Coloured: Hashtags and @handles, and only those. They are matched in the caption as it is drawn and set in Instagram’s link blue; nothing is turned back into markup on the way.
Folded: Two lines and a dim “more” wherever a post is one of many. Open, as it is on the phone, a caption is never folded: you opened it to read it.
Dated: 12 September 2026, in the house date format, the same one this page’s header uses.
This one: 161 characters over 2 blocks.

Collaborators share the byline

A post’s collaborators are handles from the cast in the same file. The post appears on their grid as well as ours, their picture stacks behind ours in the header, and the byline names them, or counts them, because Instagram does one or the other and never both.

The studio's own postrivantmedia
One collaboratorrivantmedia and floatenergy
Two or morerivantmedia and 2 others

2 of the 9 posts are shared, between 2 accounts. Both of them are carousels, so neither shows the two-disc collab mark on its tile: the kind of post comes first there, because that is what a visitor needs to know before tapping.

Comments under it

The comments are written with the post, in the same row. They are the cast talking: clients, designers and peers, invented on purpose, and none of them a real account outside the studio’s own.

A comment: A handle from the cast, the text, its age as Instagram writes it (2d, 1w), a like count, and whether it is liked or pinned.
Replies: One level deep and no further, because Instagram does not nest past it. They sit in 34pt, under the short rule Instagram draws instead of a chevron.
Pinned: First, whatever its age, with a pin and the word above it. 2 of the 9 posts pin one, and both are the client saying thank you.
Counted: A reply counts as a comment, so this post says View all 5 comments over 4 threads.
In all: 41 comments across the account: 34 threads and 7 replies.

Highlights and covers

The covers that sit under the bio, each drawn as artwork rather than a screenshot. Instagram truncates a label past about fifteen characters, so the labels are short.

Four covers at 60 points

A highlight is a row in highlights in src/data/posts.ts: a label, a cover drawn like any other creative, and a line saying what goes in it. Add one there and it appears under the bio; there is nowhere else a highlight is written down.

60pt is all a cover ever gets on a profile, and the ring and its 3pt inset leave 54 of that. So a cover is one letter on one grey and carries no mark: the logomark at this size would be under its own minimum, and four marks in a row would name the studio four times under its own name.

Instagram cuts a label to one line 64pt wide, about fifteen characters at 11.5pt, and cuts it with an ellipsis rather than wrapping: a rail whose items are two heights reads as broken. The longest of these four is “Clients” at 7 characters. Keep it that way.

Clients
BTS 🎬
Promo
Work

The rail at the size the profile draws it: a 60pt circle, a 1.5pt ring, the label 6pt under it in a box 64pt wide. This is the whole of what a visitor sees before they tap.

Clients
7 characters · hl-clients
Client work as it shipped, one story a project, in the order it went out. The nearest thing the account has to a portfolio.
BTS 🎬
5 characters · hl-bts
The studio at work: setups, screens mid-edit, the parts of a job that never make the cut.
Promo
5 characters · hl-promo
Announcements, openings and anything with a date on it, kept out of the grid so the work stays the first thing anybody sees.
Work
4 characters · hl-work
The showreel and the films, pinned first because it is what a new visitor is looking for.

Every size in pixels

Three ratios go up, one crop comes back, and the screen they land on is 393 by 852 points. Every number the artwork has to hit is on one table.

Every size a post is made at, the crop the grid applies and the screen it is read on
Format	Size	Ratio	What it is for	Where it is used
Square	1080 × 1080	1:1	The safe one. It loses the least to the grid's crop and reads the same wherever it is re-posted.	3 of the 9 posts.
Portrait	1080 × 1350	4:5	The tallest a feed post is allowed to be, and so the most screen a post can take. Use it when the picture needs the height.	5 of the 9 posts.
Full screen	1080 × 1920	9:16	Reels and stories, where the phone gives up the whole screen and the safe areas do the composing.	1 of the 9 posts.
Grid crop	1015 × 1354	3:4	Not a size anything is exported at. It is what the profile grid puts every post through, whatever it was drawn at, and it is taken from the middle.	Every tile on the profile: all 9.
iPhone 16 Pro	393 × 852 pt	1 : 2.17	1179 × 2556 device pixels at 3×. The replica draws one point as one CSS pixel, so the phones on this page are life-size.	Everything above.

A reel with the phone’s own furniture over it. The dashed box is what is left: put the words there or somebody reads half of them.

The screen takes its cut

A full-screen post is 1080 × 1920, and the screen it lands on is 393 × 852 points, taller again than 9:16. Fill that height and the post is 479.25 wide, so 86.25pt of its width goes, 43.13 off each side, before anything has been drawn over it.

Then the phone puts its own furniture on top. None of the numbers below is typed in: each is the sum of things the replica already draws at those sizes, which is why the diagram and the phones further up this page agree to the point.

Top: 103ptThe 59pt status bar and the 44pt bar under it. Nothing legible goes here.
Right rail: 58ptThe gutter twice and a 26pt glyph: the column of likes, comments and shares.
Caption: 91ptThe byline row and two lines of caption at 18.5pt, over the lower left.
Bottom: 106ptThe 52pt tab bar, the 20pt under it and the 34pt home indicator.
What is left: 335 × 552pt55% of the screen, and the only part of a reel that can be relied on.

The bio line by line

What the crop takes

Captions and their tags

Collaborators share the byline

Comments under it

Four covers at 60 points

Clients

BTS 🎬

Promo

Work

The screen takes its cut